반응 네이티브 : 내 선택기는 모달에 포함되면, 화면에 표시되지 않습니다

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> 
    ); 
    } 

어떤 제안 (Android 용 시험)? 선택기에 대한 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

이