react-native-direct-router

A simple, None layer router

npm

npm install react-native-direct-router --save

yarn

yarn add react-native-direct-router

Config

• name: string (required)
• scene: React.Component (required)
• header: React.Component (optional)
• footer: React.Component (optional)
• params: Object (optional)

API

Router.go("Route-A")

go to scene which name is Route-A

Router.back()

back to previous route

Example with typescript

1import {Router, RouteConfig} from "react-native-direct-router";
2import {TestA} from "./src/pages/TestA";
3import {TestB} from "./src/pages/TestB";
4import {Header} from "./src/pages/Header";
5import {Footer} from "./src/pages/Footer";
6
7export class App extends React.Component<any, any> {
8    public static config: RouteConfig = {
9        defaultSceneName: "Route-A",
10        scenes: [
11            {
12                name: "Route-A",
13                scene: TestA,
14                header: Header,
15                footer: Footer,
16            },
17            {
18                name: "Route-B",
19                scene: TestB,
20                header: Header,
21                footer: Footer,
22            },
23        ],
24    };
25    public render() {
26        return <Router config={App.config} />;
27    }
28}

Example with javascript

1import {Router, RouteConfig} from "react-native-direct-router";
2import {TestA} from "./src/pages/TestA";
3import {TestB} from "./src/pages/TestB";
4import {Header} from "./src/pages/Header";
5import {Footer} from "./src/pages/Footer";
6
7export class App extends React.Component {
8    static config: RouteConfig = {
9        defaultSceneName: "Route-A",
10        scenes: [
11            {
12                name: "Route-A",
13                scene: TestA,
14                header: Header,
15                footer: Footer,
16            },
17            {
18                name: "Route-B",
19                scene: TestB,
20                header: Header,
21                footer: Footer,
22            },
23        ],
24    };
25    render() {
26        return <Router config={App.config} />;
27    }
28}