Reactive Native:如何将样式表直接修改为提供的文件?

Posted

技术标签:

【中文标题】Reactive Native:如何将样式表直接修改为提供的文件?【英文标题】:Reactive Native: How to modify the stylesheet directly to a file provided? 【发布时间】:2016-07-22 20:14:03 【问题描述】:

我想改变 'bottomBorderColor' 从

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

在页面底部。

这样尝试过,但不幸的是没有用:

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

提前谢谢你。

【问题讨论】:

【参考方案1】:

我想你忘了应用 borderBottomWidth 属性。您需要执行以下操作:

<ScrollableTabView
  style=borderBottomColor: 'white', borderBottomWidth: 3
>
  <Text tabLabel='Tab1'> Test 1 </Text>
  <Text tabLabel='Tab2'> Test 2 </Text>
  <Text tabLabel='Tab3'> Test 3 </Text>
</ScrollableTabView>

【讨论】:

试过了,可惜没成功...应该用其他方法吗?

以上是关于Reactive Native:如何将样式表直接修改为提供的文件?的主要内容,如果未能解决你的问题,请参考以下文章

React Native 外部样式表不更新组件

基于Reactive Native轮播组件的应用开发以及移动端模拟器下的调试

Reactive native 项目创建失败如何处理

覆盖 react-native 样式表样式

react native 怎样动态改变css

带有默认样式表的动态内联样式 React Native