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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM