如何将ScrollView保持在相同位置?

时间:2018-12-30 01:43:43

标签: reactjs react-native

我正在为我的移动应用构建聊天功能。我正在加载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})
    }>

0 个答案:

没有答案