反応するネイティブ：私のピッカーをモ​​ーダルに埋め込まれている場合、それが画面に表示されません

Question

を示していないモーダルでピッカー

renderModal() { 
    return (
     <Modal 
     transparent={true} 
     visible={this.state.showModal} 
     onRequestClose={() => this.setState({ modalIsVisible: false })} 
     animationType={'fade'}> 
     <View 
      style={{ backgroundColor:'rgba(0, 0, 0, 0.7)', flex: 1, justifyContent: 'center', padding: 20, height:100 }}> 
     <View style={{ borderRadius:10, alignItems: 'center', backgroundColor: '#fff', padding: 20 }}> 
      <Text> 
      Choisissez la priorité de cet emplacement 
      </Text> 
      <Picker 
      selectedValue={this.state.storagePriority} 
      onValueChange={(priority) => this.setState({storagePriority: priority})}> 
      <Picker.Item label="Basse" value="LOW" /> 
      <Picker.Item label="Normale" value="MEDIAN" /> 
      <Picker.Item label="Haute" value="HIGH" /> 
      <Picker.Item label="Réserve" value="STOCK" /> 
      </Picker> 
     </View> 
     </View> 
     </Modal> 
    ); 
    } 

任意の提案（のみアンドロイドに関して試験）？ピッカーのためstyle={{ width: 100 }}の設定

Answer 1

は、ピッカーのための適切なスタイリングを与え、それを実行し、それを解決しました。

以下は、スタイリングピッカーのサンプルコードです。

<Picker 
     style={styles.picker} 
     mode="dropdown" 
     itemStyle={styles.itemStyle}> 
      <Item label="Basse" value="LOW" /> 
      <Item label="Normale" value="MEDIAN" /> 
    </Picker> 

スタイル：

itemStyle: { 
    fontSize: 15, 
    height: 75, 
    color: 'black', 
    textAlign: 'center', 
    fontWeight: 'bold' 
    } 
picker: { 
    width: 100 
    }, 

Answer 2

は