Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Navigation in a hybrid app
@hotchemi
February 08, 2018
Programming
3
980
Navigation in a hybrid app
@hotchemi
February 08, 2018
Tweet
Share
More Decks by @hotchemi
See All by @hotchemi
kompile-testing internal
hotchemi
0
210
The things we’ve learned from iOS×React Native hybrid development
hotchemi
2
4.2k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
6.9k
Type-Safe i18n on RN
hotchemi
2
840
PermissionsDispatcher × Kotlin
hotchemi
0
1.9k
kotlin compiler plugin
hotchemi
1
520
Rx and Preferences
hotchemi
2
130
Introducing PermissionsDispatcher
hotchemi
1
110
khronos
hotchemi
4
1.6k
Other Decks in Programming
See All in Programming
インターン生・新卒向け、学校でもっと教えてほしいITエンジニア基本スキル
nearme_tech
0
120
LINE Messaging APIの概要 - LINE API総復習シリーズ
uezo
1
160
Gitlab CIでMRを自動生成する
forcia_dev_pr
0
110
Power Automateドリブンのチームマネジメント
hanaseleb
0
180
Modern Android Developer ~ 안내서
pluu
1
610
Managing Error Messages with your Oracle Database REST APIs
thatjeffsmith
0
100
Jetpack Compose best practices 動画紹介 @GoogleI/O LT会
takakitojo
0
300
Cross Deviceチームにおけるスマートテレビアプリ開発ってどんな感じ?
cokaholic
0
120
Client-Side Field-Level Encryption for Apache Kafka Connect @ VoxxedDays Luxembourg 2022
hpgrahsl
0
110
Node.jsデザインパターンを読んで
mmmommm
0
2.5k
エンジニアによる事業指標計測のススメ
doyaaaaaken
1
180
Why Airflow? & What's new in Airflow 2.3?
kaxil
0
110
Featured
See All Featured
Statistics for Hackers
jakevdp
781
210k
Teambox: Starting and Learning
jrom
123
7.7k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
940
Building a Scalable Design System with Sketch
lauravandoore
448
30k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
655
120k
A Modern Web Designer's Workflow
chriscoyier
689
180k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Designing for Performance
lara
597
63k
Building an army of robots
kneath
299
40k
Become a Pro
speakerdeck
PRO
3
840
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
181
15k
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