Navigation in a hybrid app

Ce37cf75fa85b89a33916545978c64de?s=47 @hotchemi
February 08, 2018

Navigation in a hybrid app

Ce37cf75fa85b89a33916545978c64de?s=128

@hotchemi

February 08, 2018
Tweet

Transcript

  1. Navigation in a hybrid app

  2. • Who am I • @hotchemi • Engineering manager at

    Quipper • Quipper is betting on React Native! • quipper/react-native-td • coming soon…?
  3. • Navigation • Biggest challenge isn’t it? • No official

    cross-platform component and so many 3rd party libraries • Need a seamless integration between native and RN in a hybrid app
  4. Native Native and RN RN Native

  5. • React Navigation • Basically great! • But the transitions

    between screens are not quite the same as native one • Can’t handle events like viewDidAppear • react-native-router-flux is the same…
  6. • React Native Navigation • Loving it! • We’re using

    it in 100% RN app • VC/Fragment based transition • There’s no API to mix with native code…
  7. • airbnb/native-navigation • Well designed for a hybrid app •

    Still unstable • iOS module is written in Swift3.1… • somehow caused an error… • impossible to use on top of UITabBarController?
  8. Our solution… Create our own native module

  9. • JS

  10. • Android

  11. • iOS

  12. • Dynamic rooting

  13. • Dynamic rooting

  14. None
  15. • ToDo • Native view events? • Use EventEmitter •

    Deep link? • CustomTransition? • Polish API and make it open