StyleProviderでヘッダーとボタンを同じページでスタイリングする方法はありますか？

ネイティブベースのコンポーネントをスタイリングするのに2日間苦労しました。<StyleProvider>です。私は、ヘッダーの背景色を変更し、ボタンのカスタムスタイルのプロパティを追加したい。StyleProviderでヘッダーとボタンを同じページでスタイリングする方法はありますか？

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

出典

2017-02-21 fufu

私は自分の疑問に答えると思います。変数ではなく、 'native-base-theme/components /'からすべてのコンポーネントをインポートします。

コードは、この

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

ようになると<StyleProvider>を追加し、その後、小道具スタイル<StyleProvider style={getTheme()}>を追加します。

出典

2017-02-23 18:17:31 fufu

これには多くの方法があります。 1つの方法は、hereの指示に従うことです。または、ボタンテーマファイルを変更して、success shown hereのような同様のスタイルプロパティを追加することもできます。

出典

2017-02-21 15:25:53 user2594826

私ははちょうどこのリンクを開くと、あなただけを探しカスタマイズしたい場合は今 http://nativebase.io/docs/v2.0.0/customize#themingNativeBaseApp

に従ってください、あなたがテーマを吐出するためのNativeBase2

<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>

を使用している必要があり、これはあなたを助けることを願っています

native-base-theme/components/Header.js

native-base-theme/variables/commonColor.js

出典

2017-02-21 17:36:26

StyleProviderでヘッダーとボタンを同じページでスタイリングする方法はありますか？

答えて

関連する問題