React Native Scrollview 停止动量? (世博会)

Posted

技术标签:

【中文标题】React Native Scrollview 停止动量? (世博会)【英文标题】:React Native Scrollview Stop Momentum? (expo) 【发布时间】:2018-08-04 15:04:12 【问题描述】:

我正在使用ScrollView,当我滚动并松开时,它会因为动量而继续滚动。我希望它只在手指触摸屏幕时滚动,我不想要这种势头。这可能吗,如果可以,怎么做?

【问题讨论】:

decelerationRate 设置为"fast"。 facebook.github.io/react-native/docs/… 这只是ios 这 8 个月后运气好吗? 【参考方案1】:

使用带有值0decelerationRate 属性可以提供帮助。

基于the document,它的值接受字符串normal | fast和从01的浮点数,从最慢到最快。

<ScrollView decelerationRate=0>

</ScrollView>

** 我正在使用 RN v0.59 **

【讨论】:

【参考方案2】:

将以下 2 个属性添加到 ScrollView

snapToInterval=1
disableIntervalMomentum=true

【讨论】:

【参考方案3】:

为什么不试试这个(RN 0.55)

<ScrollView 
  ref=r => (this.scrollView = r)
  onScrollEndDrag=e => 
    return this.scrollView.scrollTo( y: e.nativeEvent.contentOffset.y );
  >
  ...
</ScrollView>

【讨论】:

以上是关于React Native Scrollview 停止动量? (世博会)的主要内容,如果未能解决你的问题,请参考以下文章

React Native组件之ScrollView

React Native 第二个 ScrollView 不起作用

React Native组件之ScrollView 和 StatusBar和TabBarIos

React Native ScrollView缩放

React Native ScrollView 添加图片数组

带有嵌套 ScrollView 的可滑动 React-native-modal