@momo-kits/core

MoMo Navigation

Getting started

npm

$ npm install momo-component-kits

---

Usage

import {Navigation} from  'momo-components-kit';

Example's

Create Navigation

class MoMoMiniApp extends  React.Component {
    ....
    console.log(this.props.params.message) //Output: "Hello word"
}

export default class MoMoMiniAppNavigation extends  React.Component {
    render() {
        return (
            <Navigation
                defaultOptions: {}
                options={{tilte: "MoMo Mini App"}}
                screen={MoMoMiniApp}
                screenProps={{ message: "Hello word" }}
    	   />
	   )
    }
}

Push new screen

let { navigator } = this.props;
navigator.push({
    screen:  MoMoMiniAppDetail,
    defaultOptions: {}
    options: {title: "Detail"}
    screenProps: {message: "Hello Detail"}
});

Pop to Previous Screen

let { navigator } = this.props;
navigator.pop();

Reference

Props

screen

Type	Required	Desciption
function	Yes

screenProps

Type	Required	Desciption
object	No

defaultOptions

Type	Required	Desciption
object	No

options

Type	Required	Desciption
object	No

• title: string
• header: function
• headerStyle: style
• headerTitle: function
• headerBackground: node
• headerTitleStyle: textStyle
• headerTintColor: color
• headerLeft: function
• headerLeftIcon: ImageSourcePropType
• headerLeftStyle: style
• headerRight: function

---

Methods

push(route: object)

Navigate forward to a new route.

---

pop()

Pop back to the previous scene.

---

popN(n: number)

Go back N scenes at once. When N=1, behavior matches pop().

---

popToTop()

Go back to the topmost item in the navigation stack.

---

replace(route)

Replace the route for the current scene and immediately load the view for the new route.

---

dismiss()

Dismiss all screens.