您如何直接更改react-native-scrollable-tab-view（Reactive Native）源代碼的樣式？

Question

我正在嘗試訪問樣式屬性“ 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>

先感謝您。

Answer 1

您可以修改所有公開的屬性這里列出的道具 。 因此，您要查找的屬性無法作為屬性傳遞到正在使用的組件中。

但是為什么要這樣修改樣式？ 內聯樣式，甚至通過JS樣式化組件都不是一個好主意。 編寫一個CSS文件，該文件將覆蓋已使用組件的默認樣式。 這樣，程序中的樣式將更易於理解和推理。 更重要的是，與在代碼庫中搜索某些樣式屬性對象相比，更改或修改將更加容易（因為樣式通常在CSS，LESS或SCSS中找到）