React Native、ScrollView 分页事件

梅尔帕切科

我在 React Native 中使用带有分页的 Horizo​​ntal ScrollVIew,我正在尝试重新创建像 Spotify 一样的 Coverflow 视图。视觉上是完美的,但是我想在向左或向右分页时调用一个函数,例如 playNext 或 playPrev。有没有办法监听分页事件和方向?

<ScrollView pagingEnabled={true} horizontal={true}>

    <CoverFlowItem page_width={D.width} width={width} height={height}
                           source={{uri: current.poster}}/>
 .....


 </ScrollView>
亚历山大·里弗斯特

https://facebook.github.io/react-native/docs/scrollview#pagingenabled

有了这个道具,你就会得到你想要的分页。为了确定它的方向,您的组件需要在每次滚动时保存偏移量。使用道具:onScrollonScrollBeginDrag和/或onScrollEndDrag访问当前滚动的偏移量。有了它,以及之前保存的那个,你可以确定滚动的方向

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Native-在ScrollView中分页ListViews?

来自分类Dev

React Native ScrollView没有以完全对齐的方式分页

来自分类Dev

如何从React Native中的ScrollView组件获取onPress事件

来自分类Dev

onPull React Native ScrollView

来自分类Dev

FlatList onEndReached事件在React-Native上的ScrollView中不起作用

来自分类常见问题

React Native:使用ScrollView时垂直居中

来自分类Dev

React Native:ScrollView内部的TouchableOpacity onPress问题

来自分类Dev

使用ScrollView的InfiniteScroll-React Native

来自分类Dev

React Native ScrollView Horizontal无法正常工作

来自分类Dev

ScrollView无法在React Native中滚动

来自分类Dev

React-Native | 测量ScrollView的内部宽度

来自分类Dev

React-native Scrollview 不起作用

来自分类Dev

React Native Scrollview 与 flexGrow 不滚动

来自分类Dev

React划分页面并阻止滚动事件监听器

来自分类Dev

React Native:在ScrollView中更改焦点时键盘关闭

来自分类Dev

如何使用React Native iOS将ListView放入ScrollView中?

来自分类Dev

React Native-如何测量ScrollView中内容的大小?

来自分类常见问题

获取React Native中ScrollView的当前滚动位置

来自分类Dev

在react-native listview / scrollview中找出滚动方向

来自分类Dev

React Native Android:如何删除ScrollView的“过度滚动效果”

来自分类Dev

HighLight / ScrollTo-ListView,React-Native上的ScrollView

来自分类Dev

React Native: Setting flex:1 on a ScrollView contentContainerStyle causes overlapping of components

来自分类Dev

如何使React Native的ScrollView初始缩放不为1?

来自分类Dev

如何获取Scrollview项目React-native的索引?

来自分类Dev

ScrollView在React Native中不以小视图高度滚动

来自分类Dev

flex在react-native中的ScrollView中不起作用

来自分类Dev

打开键盘时,React Native ScrollView不滚动

来自分类Dev

React Native,iOS-ScrollView在设备上不起作用

来自分类Dev

ScrollView 中的 React Native v0.42 flexbox 错误

Related 相关文章

  1. 1

    React Native-在ScrollView中分页ListViews?

  2. 2

    React Native ScrollView没有以完全对齐的方式分页

  3. 3

    如何从React Native中的ScrollView组件获取onPress事件

  4. 4

    onPull React Native ScrollView

  5. 5

    FlatList onEndReached事件在React-Native上的ScrollView中不起作用

  6. 6

    React Native:使用ScrollView时垂直居中

  7. 7

    React Native:ScrollView内部的TouchableOpacity onPress问题

  8. 8

    使用ScrollView的InfiniteScroll-React Native

  9. 9

    React Native ScrollView Horizontal无法正常工作

  10. 10

    ScrollView无法在React Native中滚动

  11. 11

    React-Native | 测量ScrollView的内部宽度

  12. 12

    React-native Scrollview 不起作用

  13. 13

    React Native Scrollview 与 flexGrow 不滚动

  14. 14

    React划分页面并阻止滚动事件监听器

  15. 15

    React Native:在ScrollView中更改焦点时键盘关闭

  16. 16

    如何使用React Native iOS将ListView放入ScrollView中?

  17. 17

    React Native-如何测量ScrollView中内容的大小?

  18. 18

    获取React Native中ScrollView的当前滚动位置

  19. 19

    在react-native listview / scrollview中找出滚动方向

  20. 20

    React Native Android:如何删除ScrollView的“过度滚动效果”

  21. 21

    HighLight / ScrollTo-ListView,React-Native上的ScrollView

  22. 22

    React Native: Setting flex:1 on a ScrollView contentContainerStyle causes overlapping of components

  23. 23

    如何使React Native的ScrollView初始缩放不为1?

  24. 24

    如何获取Scrollview项目React-native的索引?

  25. 25

    ScrollView在React Native中不以小视图高度滚动

  26. 26

    flex在react-native中的ScrollView中不起作用

  27. 27

    打开键盘时,React Native ScrollView不滚动

  28. 28

    React Native,iOS-ScrollView在设备上不起作用

  29. 29

    ScrollView 中的 React Native v0.42 flexbox 错误

热门标签

归档