React native DateTimePicker 未在 IOS 中打开

Question

日期时间选择器没有打开我正在使用带有反应钩子的 react-native，在 Android 中工作正常. 但它没有在 IOS 中打开并且没有显示任何错误。

我刚刚为日期选择器创建了本地组件，因此我可以将其用于Android和iOS。 对于安卓来说，它进展顺利 IOS是问题所在，它没有响应

我做了豆荚清洁并安装也没有运气

const DatePicker =({}) =>{
const [state, setState] = useState({
date:  new Date(),
mode: 'date',
show: false
});
const showPicker = mode => {
setState(prevState => ({
...prevState,
show: Platform.OS === 'ios',
mode
}));
};
const datePicker = () => {
showPicker('datetime');
};

return(
<>
<View>
<View style={styles.createBorder}>
<TouchableHighlight
underlayColor={disable ? 'transperant' : ''}
onPress={!disable && timePicker}
>
<View style={styles.datePickerBox}>
<Text
style={[styles.datePickerText, { width: width - 60 }]}
>
{state.date}
</Text>
</View>
</TouchableHighlight>
</View>
{state.show && Platform.OS === 'ios' && (
<DateTimePicker
style={[styles.inputBackground, {width: '100%' }]}
value={state.date}
mode="datetime"
is24Hour={false}
display="default"
onChange={setDate}
/>
)}
</View>
</>
);  
}  
export default DatePicker;

Answer 1

截至2020 年 6 月 26 日，我遇到了同样的问题，这个版本是："@react-native-community/datetimepicker"："2.2.2"。

我刚刚添加了带有宽度的样式和iOS中显示的日期时间选择器：

style={{width: 320, backgroundColor: "white"}}

我还添加了背景颜色，使其变为不透明的白色。

这是我的代码：

<DateTimePicker
value={user.birthdate ? new Date(user.birthdate) : new Date()}
mode='date'
display="default"
onChange={(event, date) => {
//...some code here
setBirthdateTouched(true);
setModalVisible(!modalVisible);
}}
style={{width: 320, backgroundColor: "white"}} //add this

/>

享受编码！

Answer 2

我只是移动到 反应本机模态日期时间选择器现在工作正常

Answer 3

<DatePicker
iOSDatePickerComponent={(props) => (
<RNDatePicker
{...props}
display={
Platform.OS === "ios" ? "spinner" : "default"
}
/>
)} ..../>

只需将其添加到您的日期选择器组件中即可正常工作;)

Answer 4

而不是使用display='default'，请使用这个display='spinner'它将影响Android和iOS。