react-native-pure-router
router state
tabs
{
tabs: {
index: 0,
routes: [
{key: 'apple'},
{key: 'banana'},
{key: 'orange'},
]
},
apple: {
index: 0,
routes: [
{key: 'Apple Home'}
],
},
banana: {
index: 0,
routes: [
{key: 'Banana Home'}
],
},
orange: {
index: 0,
routes: [
{key: 'Orange Home'}
],
},
}
notabs
{
index: 0,
routes: [
]
}
Scene Constant
scenes.js
const SCENE_LOGIN = ''const SCENE_LOGIN_TITLE = 'Login'const SCENE_REGISTER = ''const SCENE_REGISTER_TITLE = 'Register'const SCENE_HOME = ''const SCENE_HOME_TITLE = 'Home'...
Scene Component
// optional, override by pushScene title param static sceneTitle = '' // navigation bar buttons static sceneButtons = leftButtons: title: 'Back' id: 'back' rightButtons: title: 'Login' id: 'login' { console } { console } { this } { return <Button onPress=thishandleLoginPress > Login </Button> }
Register Scenes
import { registerScene } from 'react-native-pure-router'
// import scene constant
import {
SCENE_LOGIN,
SCENE_REGISTER,
SCENE_HOME,
} from './scenes'
// import scene component
import LoginScene from 'LoginScene'
import RegisterScene from 'RegisterScene'
import HomeScene from 'HomeScene'
// register constant -> component
registerScene(SCENE_LOGIN, LoginScene)
registerScene(SCENE_REGISTER, RegisterScene)
registerScene(SCENE_HOME, HomeScene)