react-native-navigation-layouts
TypeScript icon, indicating that this package has built-in type declarations

0.1.2 • Public • Published

react-native-navigation-layouts

Utility library for generating layouts for react-native-navigation. This library exposes helper methods to generate the complex objects needed to define layouts in RNN.

Before:

Navigation.push(this.props.componentId, {
  component: {
    name: "CustomScreen",
    passProps: {
       mySpecialValue: false,
    }
  },
});

After:

import { component } from "react-native-navigation-layouts";

Navigation.push(this.props.componentId, component("CustomScreen", { 
  mySpecialValue: false 
}));

Documentation

Animation

The library also handles generating animation for your layouts. This can be done by using the animate method.

 animations: {
    ...animate("push", "x", 1000, 0, 200, 0, 'decelerate", true, "android"),
 }

Authors

License

This project is licensed under the MIT License

Package Sidebar

Install

npm i react-native-navigation-layouts

Weekly Downloads

5

Version

0.1.2

License

MIT

Unpacked Size

10.6 kB

Total Files

4

Last publish

Collaborators

  • wahaheha
  • lukebrandonfarrell
  • amogh-jrules
  • chestersim
  • rodriigovieira