Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Navigation in a hybrid app
Search
@hotchemi
February 08, 2018
Programming
3
1.3k
Navigation in a hybrid app
@hotchemi
February 08, 2018
Tweet
Share
More Decks by @hotchemi
See All by @hotchemi
kompile-testing internal
hotchemi
0
250
The things we’ve learned from iOS×React Native hybrid development
hotchemi
2
5.2k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
7.9k
Type-Safe i18n on RN
hotchemi
2
1.2k
PermissionsDispatcher × Kotlin
hotchemi
0
3.1k
kotlin compiler plugin
hotchemi
1
750
Rx and Preferences
hotchemi
2
150
Introducing PermissionsDispatcher
hotchemi
1
150
khronos
hotchemi
4
1.9k
Other Decks in Programming
See All in Programming
メモリ不足との戦い〜大量データを扱うアプリでの実践例〜
kwzr
1
850
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
230
開発生産性を上げるための生成AI活用術
starfish719
1
170
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
760
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
180
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
140
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
ssssota
2
1.2k
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
770
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
180
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
380
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
339
57k
Navigating Team Friction
lara
189
15k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Facilitating Awesome Meetings
lara
56
6.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building Adaptive Systems
keathley
43
2.8k
We Have a Design System, Now What?
morganepeng
53
7.8k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
How to Ace a Technical Interview
jacobian
280
23k
What's in a price? How to price your products and services
michaelherold
246
12k
Transcript
Navigation in a hybrid app
• Who am I • @hotchemi • Engineering manager at
Quipper • Quipper is betting on React Native! • quipper/react-native-td • coming soon…?
• 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
Native Native and RN RN Native
• 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…
• 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…
• 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?
Our solution… Create our own native module
• JS
• Android
• iOS
• Dynamic rooting
• Dynamic rooting
None
• ToDo • Native view events? • Use EventEmitter •
Deep link? • CustomTransition? • Polish API and make it open