【问题标题】:How can i show tooltip error with TextInput in react native如何在本机反应中使用 TextInput 显示工具提示错误
【发布时间】:2018-07-29 10:05:36
【问题描述】:

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

    <TextInput
          placeholder = "Enter Your mobile number"

【问题讨论】:

    标签: validation react-native textinput


    【解决方案1】:

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

    npm install react-native-tooltip --save 
    

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

    【讨论】:

    • 这对我有很大帮助,但我怎样才能用 pin 显示黑色弹出窗口
    • @devedv 您仍然没有在答案中提供示例。正如 msparer 所说,如果包裹发生变化,您的答案可能会变得无效^^
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-12-14
      • 2019-01-14
      • 1970-01-01
      • 2022-06-24
      • 1970-01-01
      • 1970-01-01
      • 2018-04-09
      • 2018-07-31
      相关资源
      最近更新 更多