小编Pau*_*lin的帖子

反应本机平面列表反转顺序

我正在使用具有聊天功能的 react native 制作应用程序。我的 FlatList 是倒置的,一切都按预期顺利,除了消息的顺序,我希望我的聊天(每隔一个聊天直播)向我显示最后的消息,而不是较旧的消息。

带有反向消息的 App 布局屏幕截图

这是我的渲染代码:

<View style={styles.messages}>
     <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
          <FlatList
                ref={(c) => { this.flatList = c }}
                data = {this.props.messages}
                keyExtractor={item => item.id}
                renderItem = {({item}) => 
                  <MessageRow img={item.img}  
                  msg = {item.attributes} 
                  my_user_id={this.props.my_user_id}/>
                }
                inverted
              />  
     </TouchableWithoutFeedback>
</View>
Run Code Online (Sandbox Code Playgroud)

reactjs react-native

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

react-native ×1

reactjs ×1