ReactNative - FlatList直到滚动才更新

时间:2018-05-06 22:02:03

标签: react-native react-native-flatlist

我遇到FlatList组件的问题,直到滚动才会更新。

enter image description here

我尝试将日志添加到renderItemkeyExtractor两种方法,这两种方法都使用正确的数据进行调用但列表没有更新。

这是一个渲染方法:

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>
    )
}

1 个答案:

答案 0 :(得分:3)

在FlatList中添加extraData并重试

'#00ceaa'