react-native-layers v0.7.6

react-native-layers

Layers for React Native.

Setup

Using npm:

$ npm install react-native-layers

Using yarn:

$ yarn add react-native-layers

Preview

Guide

Add initial layer (or layers):

import { Layer, Layers } from "react-native-layers";
import BaseComponent from "./BaseComponent";

const ExampleApp = () => {
  return (
    <Layers>
      <Layer id={"_base"} component={BaseComponent} props={{}}/>
    </Layers>
  );
};

export default ExampleApp;

Add new layer dynamically:

import { View, Button } from "react-native";
import { useLayers } from "react-native-layers";
import ModalComponent from "./ModalComponent";

const ExampleScreen = () => {
  const layers = useLayers();

  const openModal = () => {
    layers.add({ id: "_modal", component: ModalComponent, props: {} });
  };

  return (
    <View>
      <Button title={"Open modal"} onPress={openModal}/>
    </View>
  );
}

export default ExampleScreen;