reactjs - 由于react-native中的设计，DatePickerIOS无法工作

Question

我面临的问题是，当我从 DatePickerIOS 选择日期时，它允许我选择月份，但当我滚动 date 和 year 时，它不允许我选择/scroll 这是由于宽度问题造成的。代码如下:

<View style={{flex:1}}>
   <TouchableOpacity 
       activeOpacity={0.8} 
       onPress={this._selectFromDate}
       style={s.flex_direction_row}
   >
        <Text style={s.detail_txtinput_drpdown}>
           {this.state.from_d}
        </Text>
        <Icon style={s.calendar_icon} name="md-calendar" size={33} color="#00796b"/>
   </TouchableOpacity>
   {
        this.state.showFromDatePicker ?
           <DatePickerIOS
              date={this.state.from_date}
              onDateChange={(from_date)=>this._onFromDateChange(from_date)}
              mode="date"
           />
        :
          null
   }
</View>

当我使用 flex:1 时，它看起来如下:

/image/PS7fp.png

当我删除 flex:1 时，它看起来如下所示:

/image/5oktw.png

在第二张图片中，我可以选择/滚动月份(四月)，但无法选择/滚动日期和年份。任何帮助表示赞赏。谢谢。

Answer 1

我只是改变了DatePickerIOS的位置的View我从<TouchableOpacity>中删除了它的View并将其放在 main <View> 中之后<View style={{flex:1}}> 。它解决了我的问题。

<View style={{flex:1}}>
    <TouchableOpacity 
        activeOpacity={0.8} 
        onPress={this._selectFromDate}
        style={s.flex_direction_row}
     >
        <Text style={s.detail_txtinput_drpdown}>
           {this.state.from_d}
        </Text>
        <Icon style={s.calendar_icon} name="md-calendar" size={33} color="#00796b"/>
   </TouchableOpacity>
</View>
<View style={{justifyContent: 'center'}}>
  {
    this.state.showFromDatePicker ?
       <DatePickerIOS
          date={this.state.from_date}
          onDateChange={(from_date)=>this._onFromDateChange(from_date)}
          mode="date"
       />
    :
      null
  }
</View>