react-navigation-modal v1.0.6

react-navigation-modal

This is a modal component to be used together with react-navigation

how to use

Create a component for your modal

import React from 'react';
import { Text } from 'react-native';
import Modal from 'react-navigation-modal'

export const DefaultModal = () => {
  return (
    <Modal>
      <Text>Hello</Text>
    </Modal>
  );
};

Add your modals to your navigation just like any other screen

  <Stack.Navigator headerMode="screen" mode="modal">
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Default" component={DefaultModal} />
        <Stack.Screen name="Form" component={FormModal} />
        <Stack.Screen name="Custom" component={CustomModal} />
    </Stack.Navigator>

To avoid bugs it is recommended to configure the headerMode and mode like the example

For open your modal just:

navigation.navigate('Default')

More examples in https://github.com/airtonazevedo/react-navigation-modal/tree/master/example

Props

All view props