Reactjs 由于react native中的设计，DatePickerIOS不工作

我面临的问题是，当我从DatePickeros中选择日期时，它允许我选择月份，但当我滚动

日期

和

年份

时，它不允许我选择/滚动，这是由于宽度问题造成的。代码如下：

<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>

{this.state.from_d}
{
这个.state.showFromDatePicker？
此。_onFromDateChange（FromDate）}
mode=“日期”
/>
:
无效的
}

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

当我删除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>


{this.state.from_d}
{
这个.state.showFromDatePicker？
此。_onFromDateChange（FromDate）}
mode=“日期”
/>
:
无效的
}