riot-nav

0.2.3 • Public • Published

riot-nav

View stack manager for riot.js like UINavigationController in iOS.

SPA development using riot.js is almost the same as iOS development. When I looked like this, I wanted to do view management like iOS, so I tried making it.😎

How to use

import tag

<script type="riot/tag" src="path/to/NavigationController.tag"></script>

mount with root tag

Please note that you need to write with lowercase.

<navigationcontroller root="rootviewcontroller" />

Access

From the tag of the child you can refer from opts.nav

opts.nav
opts.navigationController // Familiar to iOS engineers

API

push

nav.push( tagName, opts )

pop

nav.pop()

Lifecycle

By having the function property below, you can handle events of navigationControler.

didLoad 
willAppear 
didAppear 
willDisappear 
didDisappear

Demo

View demo

Check list

Browser Version OS Result
Safari 10.1.1 MacOSX Sierra
FireFox 52.0.2 MacOSX Sierra
Chrome 58.0.3029.110 MacOSX Sierra
Internet Exploror 11.0.15063.0 Windows 10
MS Edge 40.15063.0 Windows 10
Internet Exploror 11.0.9600.18639 Windows 8.1 ×

Future plans

  • Add transition choice
  • Providing a means for setting custom transitions

Thank you for using! 😄

Package Sidebar

Install

npm i riot-nav

Weekly Downloads

5

Version

0.2.3

License

MIT

Last publish

Collaborators

  • iq3addli