React Native Modal Component
React Native Modal Component for iOS & Android.
Pull request are welcomed. Please follow the Airbnb style guide Airbnb JavaScript
Installation
yarn
yarn add react-native-modal-component
npm
npm install --save react-native-modal-component
peerDependencies
- react-native-deprecated-custom-components >= ^0.1.1
Usage with ModalComponent
;;
Modal content
const content = <View style= flex: 1 justifyContent: 'center' padding: 20 backgroundColor: 'rgba(0, 0, 0, 0.2)' > <View style= padding: 30 backgroundColor: '#fff' height: undefined width: undefined > <Text style= color: '#000' > React Native Modal Component'\n' </Text> </View> </View>;
<ModalComponent ref= { thismodal = modal; } content=content dismissOnHardwareBackPress showCloseButton=false leftItem= title: 'CLOSE' layout: 'title' { thismodal; } > <View style= flex: 1 backgroundColor: 'white' > <TouchableOpacity onPress= { thismodal; } > <Text>Show Modal</Text> </TouchableOpacity> </View></ModalComponent>