web-dev-qa-db-ja.com

スタイリングReact Native Picker

Reactネイティブピッカー。 d素晴らしい。

私は次のことを試しました：

ピッカーの色のスタイル設定

<Picker style={{color:'white'}} ...etc >

ピッカーアイテムの色のスタイル設定

<Picker.Item style={{color:'#fff'}} label={'Toronto'} value={'Toronto'} />

また、色プロパティを追加するいくつかの例を見てきたので、これを試しました

<Picker.Item color='white' label={'Toronto'} value={'Toronto'} />

ここで全損。洞察力をありがとう！

編集：ここに解決策があります-Picker要素でitemStyleプロップを使用します。これはiOSのみだと思います。

<Picker itemStyle={{color:'white'}} >
      <Picker.Item color='white' label={'Toronto'} value={'Toronto'} />
      <Picker.Item  label={'Calgary'} value={'Calgary'} />
</Picker>
javascriptandroidiosreactjsreact-native
15
n8e

色を変更するには、これを使用する必要があります。

<Item label="blue" color="blue" value="blue" />
10
Arnaud Moret

テキストの色、背景色、フォントサイズ、その他の余白やパディングなどのその他のものを変更するには、次のように「itemStyle」を使用できます。

            <Picker
                selectedValue={this.state.selectedItem}
                style={{ height: 100, width: 200 }}
                onValueChange={this.onChangeItem}
                itemStyle={{ backgroundColor: "grey", color: "blue", fontFamily:"Ebrima", fontSize:17 }}
                >
                {cityItems}
            </Picker>

ハッピーコーディング:)

5
Jigaroza287

色の代わりにbackgroundColorを試してください： https://facebook.github.io/react-native/docs/view.html#style

1
Peter Gelderbloem