如何添加文本输入以在React Native中发出警报

时间:2019-03-12 06:27:37

标签: react-native

有人可以帮助在react native中将文本输入添加到警报中吗?可能吗?我搜索并找到了处理多行文本输入的结果,而我却不是这种情况。预先感谢

5 个答案:

答案 0 :(得分:7)

这是可能的。我相信这最初仅适用于AlertIOS,但似乎已集成到React Native Alert中。

编辑:尽管它已添加到Alert中,但似乎不适用于Android

使用

import { Alert } from 'react-native'; 

onButtonPress = () => {
    Alert.prompt(
      "Enter password",
      "Enter your password to claim your $1.5B in lottery winnings",
      [
        {
          text: "Cancel",
          onPress: () => console.log("Cancel Pressed"),
          style: "cancel"
        },
        {
          text: "OK",
          onPress: password => console.log("OK Pressed, password: " + password)
        }
      ],
      "secure-text"
    );
  };
}

更多详细信息:https://reactnative.dev/docs/alertios

答案 1 :(得分:1)

使用 react-native-dialog 它可以跨平台工作并且足够简单。

答案 2 :(得分:0)

您无法根据documentation向Alert组件添加文本输入,您将需要自己创建一个自定义组件才能实现这一点,例如:使用custom modal或使用{ {3}}

答案 3 :(得分:0)

没办法 只需使用自定义模式库或第三方库即可实现这一目标...

答案 4 :(得分:0)

您可以通过“模式”来实现。