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;