riot-nav

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!