0.2.3 • Published 7 years ago
riot-nav v0.2.3
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! 😄