diff --git a/docs/alertios.html b/docs/alertios.html index 41520cdb05e..e787613d914 100644 --- a/docs/alertios.html +++ b/docs/alertios.html @@ -1,11 +1,11 @@ AlertIOS – React Native | A framework for building native apps using React
React Native

Quick Start

Guides

Guides (iOS)

Guides (Android)

components

apis

Polyfills

AlertIOS

Launches an alert dialog with the specified title and message.

Optionally provide a list of buttons. Tapping any button will fire the respective onPress callback and dismiss the alert. By default, the only -button will be an 'OK' button

AlertIOS.alert( +button will be an 'OK' button.

AlertIOS.alert( 'Foo Title', 'My Alert Msg', [ - {text: 'OK', onPress: () => console.log('OK Pressed!')}, - {text: 'Cancel', onPress: () => console.log('Cancel Pressed!'), style: 'cancel'}, + {text: 'OK', onPress: () => console.log('OK Pressed')}, + {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'}, ] )

Methods #

static alert(title: string, message?: string, buttons?: Array<{ text?: string; @@ -26,77 +26,15 @@ button will be an 'OK' button

, } = React; +var { SimpleAlertExampleBlock } = require('./AlertExample'); + 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( - 'Foo Title', - 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> - ); + return <SimpleAlertExampleBlock />; } }, {