我正在为我的移动应用构建聊天功能。我正在加载25条消息,在顶部,我想有一个显示“显示更多”的按钮,它将加载前25条消息。但是我希望当新消息出现在当前位置上方时,该窗口看起来保持不变。我想象onContentSizeChange
内将需要发生某种逻辑……这就是我所拥有的,但是显然这是行不通的。
<ScrollView
style={styles.messagesView}
ref='chatMessageScrollView'
onContentSizeChange={this.props.messages.length == 25 ? () => {
this.refs.chatMessageScrollView.scrollToEnd({animated: false})
} : this.refs.chatMessageScrollView.scrollTo({y: Dimensions.get('window').height, animated: false})
}>