最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

如何解决react-navigation中的多tabs嵌套时内部tabs无法正常切换问题

来源:动视网 责编:小采 时间:2020-11-27 20:12:10
文档

如何解决react-navigation中的多tabs嵌套时内部tabs无法正常切换问题

如何解决react-navigation中的多tabs嵌套时内部tabs无法正常切换问题:原因问题应该是当用户滑动或切换时,无法判断是哪个tabs应该进行滑动切换和展示切换动画。解决swipeEnabled - 是否允许在标签之间进行滑动animationEnabled - 是否在更改标签时动画在根tabs导航设置里进行设置:const MyApp = TabNavig
推荐度:
导读如何解决react-navigation中的多tabs嵌套时内部tabs无法正常切换问题:原因问题应该是当用户滑动或切换时,无法判断是哪个tabs应该进行滑动切换和展示切换动画。解决swipeEnabled - 是否允许在标签之间进行滑动animationEnabled - 是否在更改标签时动画在根tabs导航设置里进行设置:const MyApp = TabNavig


原因

问题应该是当用户滑动或切换时,无法判断是哪个tabs应该进行滑动切换和展示切换动画。

解决

swipeEnabled - 是否允许在标签之间进行滑动

animationEnabled - 是否在更改标签时动画

在根tabs导航设置里进行设置:

const MyApp = TabNavigator({
 Home: {
 screen: MyHomeScreen,
 },
 ChildrenTabs: {
 screen: ChildrenTabsScreen,
 },}, {

 //这里加两句设置,将切换动画和能否滑动设为false
 swipeEnabled:false,
 animationEnabled: false,
 //将这两个设置false后就不会产生父子tabs之间的冲突了

 tabBarOptions: {
 activeTintColor: '#e91e63',
 },});

设置后应该就能正常切换了。

文档

如何解决react-navigation中的多tabs嵌套时内部tabs无法正常切换问题

如何解决react-navigation中的多tabs嵌套时内部tabs无法正常切换问题:原因问题应该是当用户滑动或切换时,无法判断是哪个tabs应该进行滑动切换和展示切换动画。解决swipeEnabled - 是否允许在标签之间进行滑动animationEnabled - 是否在更改标签时动画在根tabs导航设置里进行设置:const MyApp = TabNavig
推荐度:
标签: 切换 里面的 tab
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top