codecamp

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,
      },
    });


Web 视图
应用程序注册表
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }