rn-qmodal v0.0.6

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

Author

• Brett McCausland - McCauslandBrett