时间戳

首页 > 解决方案 > React-native 如何在打开日期选择器时隐藏键盘

android - React-native 如何在打开日期选择器时隐藏键盘

问题描述

我正在创建动态字段，其中之一是 DatePicker

const birthDateField = {
    type: 'birthDate',
    key: 'birthDate',
    label: 'Date of Birth',
    isRequired: true,
    editable: false,
    selectTextOnFocus: false,
    get fieldValue() {
        return !!this.value ? moment(this.value).format('DD MMM YYYY') : null;
    }
};

一旦用户按下 datepicker 本机键盘就会打开。他们可以在 datepicker 关闭后看到它。如何防止打开键盘？

我正在使用 react-native 和 DatePickerAndroid、DatePickerIOS

标签： androidiosreact-native

解决方案

这就是打开Datepicker时您需要做的所有事情：

import { Keyboard } from 'react-native'

// Hide that keyboard!
Keyboard.dismiss()

https://github.com/facebook/react-native/pull/9925

检查链接以获取更多信息。干杯

推荐阅读