0.2.3 • Published 7 years ago

riot-nav v0.2.3

Weekly downloads
2
License
MIT
Repository
github
Last release
7 years ago

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

BrowserVersionOSResult
Safari10.1.1MacOSX Sierra
FireFox52.0.2MacOSX Sierra
Chrome58.0.3029.110MacOSX Sierra
Internet Exploror11.0.15063.0Windows 10
MS Edge40.15063.0Windows 10
Internet Exploror11.0.9600.18639Windows 8.1×

Future plans

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

Thank you for using! 😄