status-im
/
react-native-dialogs
mirror of https://github.com/status-im/react-native-dialogs.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added a toolbar to the example app

This commit is contained in:
Aakash N S 2015-11-01 23:57:21 +05:30
parent 89cde021d8
commit 18e33eba73
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
examples/ExampleApp/index.android.js
View File

@ -7,6 +7,7 @@ var {
NativeModules,
TouchableNativeFeedback,
ScrollView,
ToolbarAndroid,
} = React;
import DialogAndroid from 'react-native-dialogs';
@ -14,9 +15,6 @@ import DialogAndroid from 'react-native-dialogs';
import dialogData from './dialogData.js';
import {MKButton } from 'react-native-material-kit';
class ExampleApp extends React.Component {
constructor(props) {
super(props);
@ -54,11 +52,14 @@ class ExampleApp extends React.Component {
});
return (
<View style={{flex:1}}>
<ToolbarAndroid title="React Native Dialogs" style={styles.toolbar} titleColor="#ddd"/>
<ScrollView>
<View style={styles.container}>
{dialogs}
</View>
</ScrollView>
</View>
);
}
}
@ -82,7 +83,11 @@ var styles = StyleSheet.create({
textAlign: 'center',
color: '#333333',
marginBottom: 5,
}
},
toolbar: {
backgroundColor: '#311B92',
height: 56,
},
});
AppRegistry.registerComponent('ExampleApp', () => ExampleApp);