riot-nav
v0.2.3
Published
Manages the navigation of hierarchical content for riot.js like UINavigationController in iOS.
Downloads
3
Maintainers
Readme
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
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! 😄