如何覆盖React Native中的样式表?

时间:2016-07-24 18:28:20

标签: javascript ios react-native react-jsx

我正在使用https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js#L75中的react-native-scrollable-tab,我希望将'tabs'的'borderBottomColor'属性从提供的'#ccc'覆盖为'white'。

我怎样才能在React Native中这样做?

例如,我尝试了以下但没有工作:

<ScrollableTabView
  style={{borderBottomColor: 'white'}}
>...</ScrollableTabView>

编辑**

1 个答案:

答案 0 :(得分:0)

this.props.tabStyle使您能够覆盖styles.tabs 你需要做的是:

<ScrollableTabView
   tabStyle={{borderBottomColor: 'white'}}
>...</ScrollableTabView>

<击>

好的,所以我再次查看整个代码,似乎不可能只覆盖这种颜色。 DefaultTabBar从ScrollableTabView父级获取其覆盖样式,但ScrollableTabView不允许我们传递自己的样式。
您有两种选择:

  1. 实现您自己的TabBar并通过renderTabBar prop将其传递给ScrollableTabView(您可以使用您的更改获取DefaultTabBar实现)。您可以找到自定义TabBar Here
  2. 的示例
  3. 向开发者发送PR并帮助整个社区 - 强烈推荐:)