你如何覆盖 React Native 中的样式表？

Question

我正在使用 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>

编辑 **

Answer 1

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

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

好的，所以我又看了一遍整个代码，似乎不能只覆盖这个颜色。 DefaultTabBar 从 ScrollableTabView 父级获取其覆盖样式，但 ScrollableTabView 不允许我们传递自己的样式。
您有两个选择：

实现您自己的 TabBar 并通过 renderTabBar 属性将其传递给 ScrollableTabView（您可以将 DefaultTabBar 实现与您的更改一起使用）。您可以找到自定义 TabBar 的示例 Here
向开发者发送 PR 并帮助整个社区 - 强烈推荐:)

How do you override a stylesheet in React Native?