iOS警告我知道了 iOS 警告

利用一个特定的标题和消息来启动一个警告对话框。

提供一个可选按钮的列表。点击任何按钮触发各自的按下回调动作，并且忽略警告。在默认情况下，只有一个按钮是“OK”按钮。列表中最后一个按钮被视为“主”按钮，它被用粗体显示出来了。

    AlertIOS.alert(      "Foo Title",      "My Alert Msg",
      [
        {text: "Foo", onPress: () => console.log("Foo Pressed!")},
        {text: "Bar", onPress: () => console.log("Bar Pressed!")},
      ]
    )}

方法

static alert(title: string, message?: string, buttons?: Array<{ text: ?string; onPress: ?Function; }>)

例子

Edit on GitHub

    "use strict";    var React = require("react-native");    var {
      StyleSheet,
      View,
      Text,
      TouchableHighlight,
      AlertIOS,
    } = React;
    exports.framework = "React";
    exports.title = "AlertIOS";
    exports.description = "iOS alerts and action sheets";
    exports.examples = [{      title: "Alerts",
      render() {        return (
          <View>
            <TouchableHighlight style={styles.wrapper}
              onPress={() => AlertIOS.alert(                "Foo Title",                "My Alert Msg"
              )}>
              <View style={styles.button}>
                <Text>Alert with message and default button</Text>
              </View>
            </TouchableHighlight>
            <TouchableHighlight style={styles.wrapper}
              onPress={() => AlertIOS.alert(                null,                null,
                [
                  {text: "Button", onPress: () => console.log("Button Pressed!")},
                ]
              )}>
              <View style={styles.button}>
                <Text>Alert with only one button</Text>
              </View>
            </TouchableHighlight>
            <TouchableHighlight style={styles.wrapper}
              onPress={() => AlertIOS.alert(                "Foo Title",                "My Alert Msg",
                [
                  {text: "Foo", onPress: () => console.log("Foo Pressed!")},
                  {text: "Bar", onPress: () => console.log("Bar Pressed!")},
                ]
              )}>
              <View style={styles.button}>
                <Text>Alert with two buttons</Text>
              </View>
            </TouchableHighlight>
            <TouchableHighlight style={styles.wrapper}
              onPress={() => AlertIOS.alert(                "Foo Title",                null,
                [
                  {text: "Foo", onPress: () => console.log("Foo Pressed!")},
                  {text: "Bar", onPress: () => console.log("Bar Pressed!")},
                  {text: "Baz", onPress: () => console.log("Baz Pressed!")},
                ]
              )}>
              <View style={styles.button}>
                <Text>Alert with 3 buttons</Text>
              </View>
            </TouchableHighlight>
            <TouchableHighlight style={styles.wrapper}
              onPress={() => AlertIOS.alert(                "Foo Title",                "My Alert Msg",                "..............".split("").map((dot, index) => ({                  text: "Button " + index,                  onPress: () => console.log("Pressed " + index)
                }))
              )}>
              <View style={styles.button}>
                <Text>Alert with too many buttons</Text>
              </View>
            </TouchableHighlight>
          </View>
        );
      },
    }];    var styles = StyleSheet.create({      wrapper: {        borderRadius: 5,        marginBottom: 5,
      },      button: {        backgroundColor: "#eeeeee",        padding: 10,
      },
    });