rn-qmodal
v0.0.6
Published
Quick Deployable Modal
Downloads
3
Readme
React Native Quick Modal
This is a React Native Quick Modal creator.
Examples
Usage
import React from 'react';
import { Text } from 'react-native';
import {Block,Button} from 'galio-framework';
import QModal from "rn-qmodal";
export default class App extends React.Component {
state={
visible:false
};
toggleOverlay = () =>{
this.setState({
visible:!this.state.visible
});
}
render() {
return (
<Block safe flex>
<QModal
animation={'fade'}
card full center backdrop
visible={this.state.visible}
toggle={this.toggleOverlay}
>
<Button onPress={()=>{this.toggleOverlay()}}style={{marginVertical:20}}
round uppercase color={"#50C7C7"}>Open
</Button>
</QModal>
</Block>
);
}
}
Props
| Prop | Type | Default | ------------- | ------------- |------------- | | card | bool | false | | backdrop | bool | false | | toggle | Callback | - | | half | bool | true | | full | bool | false | | top | bool | false | | center | bool | false | | animation | string | slide |
Author
- Brett McCausland - McCauslandBrett