2016-03-06 46 views
7

我想添加選擇器在反應本機android但它不顯示在android中。我將我的位置日期映射到選取器項目,但我沒有在屏幕中看到選取器。反應原生選擇器不顯示在Android

<Picker selectedValue={this.state.location}> 
 
    <Picker.Item label="Location 1" value="1" /> 
 
    <Picker.Item label="Location 2" value="2" /> 
 
    <Picker.Item label="Location 3" value="3" /> 
 
</Picker>

回答

9

你需要設置你的onValueChange方法...

喜歡 我試圖在反應原生的Android添加選擇器,但它並沒有在Android的展示。我將我的位置日期映射到選取器項目,但我沒有在屏幕中看到選取器。

<Picker 
    style={{width: 100}} 
    selectedValue={this.state.location} 
    onValueChange={(loc) => this.setState({location: loc})> 
    <Picker.Item label="Location 1" value="1" /> 
    <Picker.Item label="Location 2" value="2" /> 
    <Picker.Item label="Location 3" value="3" /> 
</Picker> 
+0

但我無法看到選擇器,這是我的問題,它隱藏在狀態。所以請告訴我如何使其可見。 –

+7

我沒有在本地運行的示例。我試圖在https://rnplay.org/apps/X0fPdA上運行一個例子,但是我無法執行它。您可能需要按照[Picker的UIExplorer示例](https://github.com/facebook/react-native/blob/master/Examples/UIExplorer/PickerAndroidExample.js)所示設置「{width:100}」, –

+1

謝謝你!最後,我通過分配寬度來獲得選取器。 –

9

對我來說,這是一個「alignItems:'center',」在父視圖組件上。

我會註釋掉所有/你styles.container

+1

這也是我的問題。 – jQwierdy

5

的每個款式你給它的寬度和高度? 這是我的問題

+2

事實證明,它需要寬度和高度..在反應本機又一愚蠢 –