以下是我的flatlist
的代码render() {
console.log("chatthread --",this.props.chatThreadStore.getchatThreads);
const { navigate } = this.props.navigation;
return (
<View style={ChatThreadStyle.container}>
<FlatList
data={this.props.chatThreadStore.getchatThreads}
renderItem={({ item,index }) => this.renderFlatList(Object.keys(item).toString(),Object.values(item).toString())}
keyExtractor={(item, index) => index}
inverted={true}
/>
</View>
);
}
renderFlatList(time,message) {
console.log("time--",time);
unixTime=convertFireBaseTimeToUnix(time);
return (
<ListItem
hideChevron={true}
containerStyle={{ borderTopWidth: 0, borderBottomWidth: 0 }}
title={<View>
<View style={ChatThreadStyle.containerText}>
<Text style={ChatThreadStyle.textContent}>{moment.unix(unixTime).format('lll')}</Text>
</View>
<View style={ChatThreadStyle.titleContainer} >
<Text style={ChatThreadStyle.titleStyle}>{message}</Text>
</View>
</View>
}
/>
)
}
以下是传递到flatlist
的数据Array [
Object {
"1509964621958": "Hey! the Good the bad and the ugly",
},
Object {
"1509964820253": "The prisoners 2010",
},
Object {
"1509965207453": "The Rocky!!",
},
]
我的列表不是反感。当我使用倒置= {true}标志或省略倒置标志时,我会获得相同的输出。
仅使用倒转,倒= {true}很糟糕!这样的东西:
<FlatList
inverted
data={this.props.chatThreadStore.getchatThreads}
/>
我相信,在反应本地版本0.47之后,添加了倒置的道具,请尝试升级。