Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/194.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应本机文本输入掩码_Javascript_Android_Ios_React Native - Fatal编程技术网

Javascript 反应本机文本输入掩码

Javascript 反应本机文本输入掩码,javascript,android,ios,react-native,Javascript,Android,Ios,React Native,我们正在开发关于React Native的程序,我有个问题。如何通过React Native为邮政编码和手机号码制作文本输入掩码 以下是一个示例: 查看此库。 (或直接点击此处:) 它允许您以所需的任何格式呈现自定义屏蔽输入 您可以按如下方式使用:(这是电话号码的示例) 从'react native ui lib'导入{MaskedInput} //在你的渲染中。。。 renderMaskedInput(值){ 返回( {value.substr(0,3)}-{value.substr(3,1

我们正在开发关于React Native的程序,我有个问题。如何通过React Native为邮政编码和手机号码制作文本输入掩码

以下是一个示例:

查看此库。

(或直接点击此处:)

它允许您以所需的任何格式呈现自定义屏蔽输入

您可以按如下方式使用:(这是电话号码的示例)

从'react native ui lib'导入{MaskedInput}
//在你的渲染中。。。
renderMaskedInput(值){
返回(
{value.substr(0,3)}-{value.substr(3,10)}
);
}

欢迎使用堆栈溢出!我尽我所能地编辑了你的问题。但是,请添加代码和说明,以便更多了解该主题的人能够看到它。请在遇到的特定错误消息中进行编辑,以防识别特定问题。祝你好运您希望“字段”在用户开始键入后仍然可见吗?可能有一些用objc或swift编写的模块,您可以将其导出到react-native.Nabn,是的,我想要可见字段。Manetsus,谢谢您的编辑。我没有错误消息。我只需要通过RN创建字段,就像上面的示例一样。请发布一个完整的答案,而不是依赖可能会脱机的外部内容。这里的目标是帮助用户,即使在将来,也可能有同样的问题。链接是指向react native库中现有组件的自述。如果这一个离线,我假设组件也不相关。但我可以详细说明,在你的答案上写下细节——这个部分是什么?它是如何工作的?它如何解决提问者的问题?你的答案应该足够完整,没有链接。。。检查添加的更多信息(:希望这有助于更好。请添加更多信息(:从2020年开始)
import {MaskedInput} from 'react-native-ui-lib'

// in your render...
<MaskedInput
  renderMaskedText={this.renderMaskedInput}
  caretHidden
  keyboardType={'numeric'}
/>

renderMaskedInput(value) {

  return (
    <View>
      <Text>
      {value.substr(0, 3)} - {value.substr(3, 10)}
      <Text>
    <View>
  );
}