iOS 警告

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

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

1. AlertIOS.alert(
2. 'Foo Title',
3. 'My Alert Msg',
4. [
5. {text: 'Foo', onPress: () => console.log('Foo Pressed!')},
6. {text: 'Bar', onPress: () => console.log('Bar Pressed!')},
7. ]
8. )}

方法

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

例子

Edit on GitHub

1. 'use strict';
2. var React = require('react-native');
3. var {
4. StyleSheet,
5. View,
6. Text,
7. TouchableHighlight,
8. AlertIOS,
9. } = React;
10. exports.framework = 'React';
11. exports.title = 'AlertIOS';
12. exports.description = 'iOS alerts and action sheets';
13. exports.examples = [{
14. title: 'Alerts',
15. render() {
16. return (
17. <View>
18. <TouchableHighlight style={styles.wrapper}
19. onPress={() => AlertIOS.alert(
20. 'Foo Title',
21. 'My Alert Msg'
22. )}>
23. <View style={styles.button}>
24. <Text>Alert with message and default button</Text>
25. </View>
26. </TouchableHighlight>
27. <TouchableHighlight style={styles.wrapper}
28. onPress={() => AlertIOS.alert(
29. null,
30. null,
31. [
32. {text: 'Button', onPress: () => console.log('Button Pressed!')},
33. ]
34. )}>
35. <View style={styles.button}>
36. <Text>Alert with only one button</Text>
37. </View>
38. </TouchableHighlight>
39. <TouchableHighlight style={styles.wrapper}
40. onPress={() => AlertIOS.alert(
41. 'Foo Title',
42. 'My Alert Msg',
43. [
44. {text: 'Foo', onPress: () => console.log('Foo Pressed!')},
45. {text: 'Bar', onPress: () => console.log('Bar Pressed!')},
46. ]
47. )}>
48. <View style={styles.button}>
49. <Text>Alert with two buttons</Text>
50. </View>
51. </TouchableHighlight>
52. <TouchableHighlight style={styles.wrapper}
53. onPress={() => AlertIOS.alert(
54. 'Foo Title',
55. null,
56. [
57. {text: 'Foo', onPress: () => console.log('Foo Pressed!')},
58. {text: 'Bar', onPress: () => console.log('Bar Pressed!')},
59. {text: 'Baz', onPress: () => console.log('Baz Pressed!')},
60. ]
61. )}>
62. <View style={styles.button}>
63. <Text>Alert with 3 buttons</Text>
64. </View>
65. </TouchableHighlight>
66. <TouchableHighlight style={styles.wrapper}
67. onPress={() => AlertIOS.alert(
68. 'Foo Title',
69. 'My Alert Msg',
70. '..............'.split('').map((dot, index) => ({
71. text: 'Button ' + index,
72. onPress: () => console.log('Pressed ' + index)
73. }))
74. )}>
75. <View style={styles.button}>
76. <Text>Alert with too many buttons</Text>
77. </View>
78. </TouchableHighlight>
79. </View>
80. );
81. },
82. }];
83. var styles = StyleSheet.create({
84. wrapper: {
85. borderRadius: 5,
86. marginBottom: 5,
87. },
88. button: {
89. backgroundColor: '#eeeeee',
90. padding: 10,
91. },
92. });