如何在 react-native 中显示没有操作员的键盘答案

【问题标题】：How to display keyboard without operator in react-native如何在 react-native 中显示没有操作员的键盘
【发布时间】：2019-06-18 21:26:01
【问题描述】：

在平板电脑、Kiosk 设备 (android) 中。

我的代码：

 <TextInput
    keyboardType="numeric"/>

并且键盘在运算符中显示数字。如何避免那些运营商？

【问题讨论】：

标签： android react-native keyboard kiosk

【解决方案1】：

在android中，键盘是它自己的应用程序。它决定了在给定模式下显示的内容，您无法控制它。您最多只能在类型中给出提示，但确切的布局是键盘的最终决定。

还请记住，在 Android 上，用户可以选择任何他想要的键盘程序。并非所有键盘都会为相同类型显示相同的一组键 - 无论键盘应用程序本身决定是否合适。

如果您真的非常想控制它，您可以编写自己的键盘，将其设为默认输入法，并锁定平板电脑，因为它是信息亭。但我真的不建议这样做。

【讨论】：

谢谢，我选择了很多类型的键盘； numeric, number-pad, phone-pad ...和其他与数字，电话有关的东西..但我无法达到我的目标。

【解决方案2】：

正如 Gabe 所说，键盘不受应用程序的控制，因此您无法更改它的外观。

假设您使用的是 TextInput，您可以使用 onChangeText 函数根据用户输入的内容来决定是否更新状态。下面的代码只接受来自文本输入的数字。

handleTextChange = (text) => { 
  var cleanedString = '';
  for (let i = 0; i < text.length; i++)
  {
   if (!isNaN(text[i])) {
     cleanedString = cleanedString + text[i];
   }
  }
  this.setState({ number : cleanedString });
};

【讨论】：

谢谢，我不想在键盘 UI 中显示操作员。