如何在同一页面上使用StyleProvider设置标题和按钮的样式？

我已经挣扎了两天，用 <StyleProvider>在本机上造型组件。我想更改标头的背景颜色，并在按钮上添加自定义样式属性。

<Container>
    <Header /> /*change backgroundColor*/
    <Content>
        <Button viewDetail block> /*add 'viewDetail' as custom style property */
            <Text>Button</Text>
        </Button>
    </Content>
</Container>

我想，我有答案的答案。从"本地基本 - 主题/组件/"而不是变量导入所有组件。

代码将像这样

import getTheme from './native-base-theme/components';

并添加<StyleProvider>，然后添加Prop样式<StyleProvider style={getTheme()}>。

有很多方法可以做到这一点。一种方法是遵循此处给出的说明。另外，您可以更改按钮主题文件，并添加类似的样式属性，例如此处显示的成功。

我希望这对您有帮助，您必须使用andationbase2

<StyleProvider style={getTheme(commonColor)}>
  <Header>
    <Left>
      <Button transparent>
        <Icon name="arrow-back" onPress={() => this.props.routerActions.pop()} />
      </Button>
    </Left>
    <Body>
      <Title>Profile</Title>
    </Body>
    <Right></Right>
  </Header>
 </StyleProvider>

弹出主题，只需打开此链接并关注http://nativebase.io/docs/v2.0.0/customize#themingnativebaseapp

现在，如果您想自定义，请寻找

native-base-theme/components/Header.js

native-base-theme/variables/commonColor.js

相关内容

最新更新

热门标签：