我遇到FlatList
组件的问题,直到滚动才会更新。
我尝试将日志添加到renderItem
和keyExtractor
两种方法,这两种方法都使用正确的数据进行调用但列表没有更新。
这是一个渲染方法:
render() {
const messages = this.props.messages
const message = this.props.message
return (
<View style={[styles.container]}>
<FlatList
ref={"flatList"}
contentContainerStyle={styles.list}
data={messages}
renderItem={(listItem) => {
return <MessageBuble message={listItem.item}/>
}}
keyExtractor={(item: Message) => {
return item.id
}}
/>
<View style={[styles.textInputContainer]}>
<TextInput
style={styles.textInput}
value={message}
multiline={true}
onChangeText={this.props.messageChanged}
/>
<Button title={"Odeslat"} onPress={() => {
if (this.props.sendMessage) {
this.props.sendMessage(this.props.message)
}
}}/>
</View>
</View>
)
}
答案 0 :(得分:3)
在FlatList中添加extraData并重试
'#00ceaa'