你如何直接改变 react-native-scrollable-tab-view (Reactive Native) 的源代码样式？

【问题标题】：How do you directly change style of the source code of react-native-scrollable-tab-view (Reactive Native)?你如何直接改变 react-native-scrollable-tab-view (Reactive Native) 的源代码样式？
【发布时间】：2016-07-20 23:32:52
【问题描述】：

我正在尝试访问样式属性“bottomBorderColor”以更改为“白色”，但我该怎么做？

源代码在这里——在页面底部的样式中：

https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js#L75

尝试了以下方法但不起作用：

    <ScrollableTabView
      style={{borderBottomColor: 'white'}}
    >
      <Text tabLabel='Tab1'> Testing 1 </Text>
      <Text tabLabel='Tab2'> Testing 2 </Text>
      <Text tabLabel='Tab3'> Testing 3 </Text>
    </ScrollableTabView>

提前谢谢你。

【问题讨论】：

标签： javascript react-native uitabbar react-jsx scrollable

【解决方案1】：

您可以修改的所有公开属性都列在此处props。因此，您正在查找的属性无法作为属性传递到您正在使用的组件中。

但是你为什么要这样修改样式？使用内联样式，甚至通过 JS 设置组件样式都不是一个好主意。编写一个 CSS 文件，它会覆盖所用组件的默认样式。这样，您的程序中的样式将更容易理解和推理。更重要的是，它会更容易改变或修改，而不是在代码库中搜索一些样式属性对象（因为样式通常在 CSS、LESS 或 SCSS 中找到）

【讨论】：

抱歉，您能举一个 CSS 文件覆盖默认样式的示例吗？仍在学习过程中。
检查您是否阅读了我之前的评论。请告诉我。
你能回答吗？
stackoverflow.com/questions/6295321/… 或 stackoverflow.com/questions/20665715/… 您可以在网上找到大量示例。我无法为您的问题提供确切的解决方案，因为我不知道正在生成什么 DOM 以及正在应用什么 CSS 规则。但是在网上搜索一下如何覆盖，我相信你会找到很多关于这个问题的答案。