如何在本机反应中使用 TextInput 显示工具提示错误

Posted 2023-04-18

【中文标题】如何在本机反应中使用 TextInput 显示工具提示错误

【英文标题】：How can i show tooltip error with TextInput in react native

【发布时间】：2018-07-29 10:05:36

【问题描述】：

我想用 react native 构建一个类似上图的文本输入

    <TextInput
          placeholder = "Enter Your mobile number"

【参考方案1】：

您可以使用工具提示库。在验证失败时显示工具提示。

npm install react-native-tooltip --save 

或

npm install react-native-popover-tooltip --save

【讨论】：

这对我有很大帮助，但我怎样才能用 pin 显示黑色弹出窗口

@devedv 您仍然没有在答案中提供示例。正如 msparer 所说，如果包裹发生变化，您的答案可能会变得无效^^

【参考方案2】：

TextInput 不支持将此作为道具，我建议的是我在投入大量时间后将其用作解决方法。 甚至 Instagram 应用程序都没有的功能， 您可以为此使用警报对话框或弹出框。

https://***.com/a/48861880/6797088 中提到的 Lib 是弹出框的好方法。