React Native Expo DateTimePicker取消和确定按钮无法在微调器显示屏上看到

3pmvbmvn  于 2023-03-19  发布在  React
关注(0)|答案(1)|浏览(113)

我正在使用expo DateTimePicker,我的问题是当我选择微调显示他们的取消和确定按钮不显示,但我可以看到其他显示模式。
我以前
“expo”:“~43.0.2”,“@React原生社区/日期时间选择器”:“第3.5.2节”,

我的代码

import React, {useState} from 'react';
import {View, Button, Platform} from 'react-native';
import DateTimePicker from '@react-native-community/datetimepicker';

const App = () => {
  const [date, setDate] = useState(new Date(1598051730000));
  const [mode, setMode] = useState('date');
  const [show, setShow] = useState(false);

  const onChange = (event, selectedDate) => {
    const currentDate = selectedDate || date;
    setShow(Platform.OS === 'ios');
    setDate(currentDate);
  };

  const showMode = (currentMode) => {
    setShow(true);
    setMode(currentMode);
  };

  const showDatepicker = () => {
    showMode('date');
  };

  const showTimepicker = () => {
    showMode('time');
  };

  return (
    <View>
      <View>
        <Button onPress={showDatepicker} title="Show date picker!" />
      </View>
      {show && (
        <DateTimePicker
          testID="dateTimePicker"
          value={date}
          mode={date}
          // is24Hour={true}
          display="spinner"
          onChange={onChange}
        />
      )}
    </View>
  );
};

export default App;

谢谢

ljo96ir5

ljo96ir51#

对于Expo内置应用程序来说,这个问题似乎仍然没有解决,但至少对我来说,这个问题只有在Expo Go应用程序中测试应用程序时才会出现,在我构建了要在商店发布的应用程序后,它在那里工作得很好。

相关问题