首页 文章

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

提问于
浏览
0

我正在尝试访问样式属性'bottomBorderColor'以更改为'white',但我该怎么办呢?

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

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>

先感谢您 .

1 回答

  • 0

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

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

相关问题