如何覆盖NativeBase中的样式?

问题描述:

NativeBase Docs中提到的每个代码示例中,都没有使用React StyleSheet。
我没有找到一种方法来覆盖NativeBase的风格。
如何将React StyleSheet添加到我的应用程序中?如何覆盖NativeBase中的样式?

+0

您也可以尝试提交的问题[这里](HTTPS: //github.com/GeekyAnts/NativeBase/issues),如果你认为这些文档没有更新/携带较少的信息。 –

对于NativeBase,通常如果您想自定义外观,您需要在主题级别而不是组件/窗口小部件级别进行自定义。

http://nativebase.io/docs/v0.5.2/customize

我相信原因,这种设置使用户界面保持一致。

看一看所有部件的源代码,您正试图覆盖的样式:

https://github.com/GeekyAnts/NativeBase/blob/master/Components/Widgets/

有一些情况下,你可以修改例如某些方面该按钮 this.props.style在任何地方使用,但this.props.textStyle

所以,当你定义的组件可以覆盖TEXTSTYLE:

<Button textStyle={{...}}/> 

https://github.com/GeekyAnts/NativeBase/blob/master/Components/Widgets/Button.js