Question

我试图访问样式属性＆＃39; bottomBorderColor＆＃39;改为＆＃39; white＆＃39;但我怎么能这样做？

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

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>

提前谢谢。

Answer 1

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

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

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

1 个答案: