React native react-native-scrollable-tab-view ScrollableTab 默认不显示指示器问题

标签: native 解决方案
3人阅读 评论(0) 收藏 举报
分类:

在初始化过后可能会出现此问题,解决方案参考一位 GitHub 的 Issues

需要修改ScrollableTabBar源码:
将this.updateView({value: this.props.scrollValue._value, });
替换为:
this.updateView({value: this.props.scrollValue.__getValue(), });


   measureTab(page, event) {
     const { x, width, height, } = event.nativeEvent.layout;
     this._tabsMeasurements[page] = {left: x, right: x + width, width, height, };
-    this.updateView({value: this.props.scrollValue._value, });
+    this.updateView({value: this.props.scrollValue.__getValue(), });
   },

   render() {
@@ -209,12 +209,12 @@ const ScrollableTabBar = React.createClass({
       width = WINDOW_WIDTH;
     }
     this.setState({ _containerWidth: width, });
-    this.updateView({value: this.props.scrollValue._value, });
+    this.updateView({value: this.props.scrollValue.__getValue(), });
   },

   onContainerLayout(e) {
     this._containerMeasurements = e.nativeEvent.layout;
-    this.updateView({value: this.props.scrollValue._value, });
+    this.updateView({value: this.props.scrollValue.__getValue(), });
   },
 });

链接:https://github.com/skv-headless/react-native-scrollable-tab-view/commit/4312d6cca2fe7859caa5219f2ee8b61edcf04884

查看评论

选项卡react-native-scrollable-tab-view(进阶篇)

http://www.jianshu.com/p/b0cfe7f11ee7 在上一篇文章当中,我们学习了react-native-scrollable-tab-view的基本使用方式,包括基...
  • sinat_17775997
  • sinat_17775997
  • 2017-02-12 22:54:34
  • 7804

react-native-scrollable-tab-view详解

原文链接 在React Native开发中,官方为我们提供的Tab控制器有两种:TabBarIOS和ViewPagerAndroid。TabBarIOS,仅适用于IOS平台 ViewPag...
  • bystarlight
  • bystarlight
  • 2017-05-26 13:49:57
  • 4350

react-native-scrollable-tab-view和listview冲突解决

react-native左右滑动插件(react-native-scrollable-tab-view)和listview组件冲突解决
  • m18738102014
  • m18738102014
  • 2017-03-14 13:25:27
  • 1310

选项卡react-native-scrollable-tab-view(入门篇)

http://www.jianshu.com/p/b7788c3d106e 官方为我们提供的Tab控制器有两种: TabBarIOS,仅适用于IOS平台 ViewPagerAndroid...
  • sinat_17775997
  • sinat_17775997
  • 2017-02-12 22:53:16
  • 4852

react-native-swiper在滚动视图中默认不显示图片的问题

在此记录下在使用react-native-swiper中踩的坑,此组件的github地址为:https://github.com/leecade/react-native-swiper,想了解的可以去...
  • shenshucong520
  • shenshucong520
  • 2016-10-27 16:19:25
  • 6096

React Native之react-native-scrollable-tab-view详解

在React Native开发中,官方为我们提供的Tab控制器有两种:TabBarIOS和ViewPagerAndroid。TabBarIOS,仅适用于IOS平台 ViewPagerAndroid,...
  • xiangzhihong8
  • xiangzhihong8
  • 2017-05-25 16:40:29
  • 9636

React Native指示器view(简单、高效)

前言:学rn已经一段时间了,还处于入门阶段(好尴尬!),从开始的不懂到后面能敲出点东西的时候,觉得好激动,也为自己点个赞,继续努力!无意中在别人的项目中看到了一个view的方法:setNativePr...
  • vv_bug
  • vv_bug
  • 2017-02-22 10:33:17
  • 1007

解决react-native-swiper在安卓上与TabNavigator共用时不显示内容问题

React Native有一个第三方的组件可以实现轮播功能,但是在开发安卓应用的时候,如果同时使用了react-navigation的TabNavigator导航,会出现轮播点和左右按钮能出现,但是图...
  • qq_31280709
  • qq_31280709
  • 2017-06-18 22:19:29
  • 3818

React Native带你实现scrollable-tab-view(五)

上一节React Native带你实现scrollable-tab-view(三)中我们最后实现了我们scrollable-tab-view的效果为: 比如有很多页面,我们的tabview需要跟随...
  • vv_bug
  • vv_bug
  • 2017-09-07 22:22:01
  • 404

选项卡react-native-scrollable-tab-view

http://www.jianshu.com/p/b7788c3d106e 官方为我们提供的Tab控制器有两种: TabBarIOS,仅适用于IOS平台 ViewPagerAndroid,仅适用于...
  • LUFANZHENG
  • LUFANZHENG
  • 2017-07-12 15:40:23
  • 1220
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 7万+
    积分: 1418
    排名: 3万+
    博客专栏
    最新评论