问题标签 [react-native-textinput]

我正在尝试通过做一个基本的应用程序来学习本机反应。我遵循了许多在线可用的教程，并为登录屏幕制作了以下课程：

它只包含一个输入和一个按钮，在输入的电子邮件中应显示警报。但是当我单击按钮时，我收到以下错误：

我对本机和打字稿做出反应还很陌生，但是查看代码，我无法找出任何问题。我在这里做错了什么？

EDIT 登录handleEmail(text)功能实际上是打印状态，虽然使用之前的文本值（即，当我输入时QWERT，它会打印QWER，当我输入时QWERTY，它会打印QWERT），但文本参数正在正确记录

我有一个带圆角的 TextInput ：

但我想为占位符（以及将包含在 TextInput 中的文本）提供一些左填充，因为现在文本离左 TextInput 边框太近了。我该怎么做？

我正在尝试在我的PhoneInput组件上实现电话验证，但是在抽象级别上我有点迷茫和困惑。

我有 3 个组件的层次结构State (custom state handler) -> Phone Form (the phone form) -> Phone Input (actual phone input)。

尝试的事情：

1. 对PhoneInputviaonBlur()事件进行验证，但无法正确获取对象 phone 值；得到[object Object]或circular Dependency

2. 将验证放入State组件中，但无法使我的状态正确更改

3. 将整个重构为一个无需使用组件即可PhoneInput处理的类，但我的登录表单停止工作stateState

期望的行为：0当我输入一个以我想从电话号码中删除零开头的电话号码时。

代码：（我已经从示例中删除了所有样式表、道具和导入，但留下了我正在尝试做的事情的评论）

State.js

PhoneForm.js

电话输入.js

所以我有一个 TextInput 并且占位符有一个样式。为此，我Text在position: 'absolute'zIndex: 1TextInput

现在，有占位符的Text组件，当我按下它时，我应该可以按下占位符，也就是这里的Text组件，并且可以调用onFocusTextInput的方法

我希望我能够清楚地解释我的问题。

我是 React Native 的新手，我对文本输入和状态有疑问。

假设我制作了一个应用程序来购买自然材料，例如沙子。我有一个购买页面和一个交易组件。购买页面有一个购买按钮，然后转到下一步。并且购买页面内的交易组件有文本输入来输入用户想要购买的数量。状态来自父级（购买页面），我通过道具将其发送给它的子级（贸易组件）

我有一个文本输入来标价，让我们在 inputContainer 中调用。在它旁边，有一个沙子质量的只读文本输入，我们称之为 outputContainer。例如，假设 1 公斤沙子的价格为 10 美元。因此，当我在 inputContainer 中输入 100（美元）时，onchangetext 对 outputContainer 起作用并返回 10 公斤。

问题是当我删除值 inputContainer 直到什么都没有时， outputContainer 返回 NaN。我想要的是在删除所有输入后，inputContainer 自动返回 0 所以 outputContainer 也返回 0

购买 page.js

在 trade.js 中

从上面的代码中我得到的是我确实返回了 0，但是当我想输入一个新的输入时，0 仍然在文本输入的前面。

好吧，让我向您展示我使用该代码时的流程：

1. 输入输入

   输入：100 输出：10

2. 删除输入

   输入：0 输出：0

3. 再次 输入输入：0100 输出：（忽略此）

我在数字 3 中想要的是 => input: 100 当我输入 100

我怎样才能做到这一点？谢谢

如何在 React Native 中制作这样的密码类型的 TextInput？我希望输入像默认类型一样变成黑色圆圈，但我希望它根据每个输入之间的填充进行自定义。

autoCapitalize所以我已经keyboardType在React Native. 但 autoCapitalize 被忽略。

他们修复了 React 本机代码库中的一个错误，解决方案是：（解决方法）如果在组件中使用 TextInput 并且键盘类型应该是“默认”，则省略键盘类型属性。

我的用例是我必须定义一个默认的 KeyboardType，然后根据用户选择的选项更改 KeyboardType，所以我不能省略 KeyboardType 属性。

事实上，我是 React-Native 的新手，我完全是 Javascript 的新手，请指导我哪里错了或如何解决这个问题。

我不知道这是反应原生的错误TextInput还是我做错了什么。当我尝试将基于状态的初始值显示为 TextInput 上的默认值时，它仅适用于字符串而不适用于数字。

由于某种原因，这不起作用并显示为空，但它应该从状态中读取整数值。一旦我用一些字符串作为初始值更新状态，TextInput 就会在初始渲染时显示它。

/>

它现在恰好呈现初始状态值，因为它在字符串中。

此外， <TextInput value={10}/>失败但<TextInput value={'10'}/>有效

即使“selectTextOnFocus”设置为 true，我的多行 textInput 中的文本也没有被选中。

我知道如果 multiline 未设置为 true，则将选择文本，但我希望此 textInput 具有多行。我阅读了 textInput 的 React Native 文档，但没有看到任何可以解决我面临的这个问题的东西。

我希望单击多行 textInput 并在焦点上选择文本。

我正在使用 React Native 版本 0.59 并在我的 iPhone 7+ 和 iPad 6th gen 上的最新 iOS 上运行代码。

如果文本值中有表情符号，则 TextInput 样式不会更新，但是如果没有表情符号，则文本值颜色正在更新。我想知道为什么会出现这个问题？是反应原生问题还是我做错了什么？

请打开世博小吃并用表情符号和不带表情符号的文字书写，您将立即看到问题所在。

https://snack.expo.io/@hamzashahbaz/textinput-error