页面上下滚动切换tab

首页课程实战体系课手记专栏慕课教程

页面上下滚动切换tab

来源：14-2 React Native 适配iOS全面屏iPhone X-1

yqyily

2019-05-14

图片描述
老师，我想做一个类似淘宝这样的，通过上下滚动就可以切换tab，我该用哪些组件，能否说下思路？谢谢了

写回答

1回答

CrazyCodeBoy

CrazyCodeBoy

2019-05-14

说一下思路：

使用组件：createMaterialTopTabNavigator+FlatList
通过监听FlatList的滚动，当FlatList滚对到某个位置时，调用this.props.navigation.navigate(xxx)切换到指定tab
如何监听FlatList的滚动可以查看下FlatList的官方API

0

0

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

相似问题

页面切换会出现明显卡顿

回答 1

react-native-scrollable-tab-view： ScrollableTabBar和FlatList结合切换Tab时很卡顿

回答 2

怎么让android下横向切换页面

回答 1

首次进入页面的时候，ScrollableTabBar没有underline的样式，点击切换之后才会出现

回答 2

使用react-navigation的StackNavigator时，怎么配合使用StatusBar？

回答 2

打开慕课网App查看更多内容