React-Native ScrollView默认滚动至底部

实现滚动条默认定位至底部的方式:

1.定义变量接收ScrollView组件实例

2.通过onContentSizechange属性调用scrollToEnd函数

ps:scrollTo函数可以自定义位置

scrollToEnd()函数是ScrollView自带的内部函数,通过ref属性将组件实例传递到一变量中,此后,可以在任意函数中选择

是否需要将滚动条滚动到底部,如实现一个按钮点击‘到底部’。

      private ref: ScrollView = new ScrollView({});

      <ScrollView
            onContentSizeChange={()=> this.ref.scrollToEnd({animated:false})}
            ref={(ref) => this.ref = ref!}
      >
            <List>...</List>
      </ScrollView>
posted @ 2020-10-27 13:40  春江潮水海上明月  阅读(2181)  评论(0)    收藏  举报