react-native - 为 React Native 主题化 NativeBase 组件

Question

我看到有一种方法可以为 React Native 主题化（自定义）NativeBase 组件：http: //nativebase.io/docs/v0.5.0/customize

但我想自定义不属于提供的主题属性的特定组件的属性。如何自定义选项卡组件的选项卡标签的字体大小？

Answer 1

对于单个组件，您可以像这样使用内联样式属性

<Button style={{backgroundColor: '#384850'}}>
    Hello world
</Button>

如果您希望所有按钮都具有此属性，那么您可以像这样创建一个包装组件

class MyButton extends React.Component {
    render() {
        return <Button style={backgroundColor: '#384850'}}>
            {this.props.children}
        </Button>;
    }
}

然后你可以使用

<MyButton>
    Hello world
</MyButton>