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.1k
Navigation in a hybrid app
@hotchemi
February 08, 2018
Tweet
Share
More Decks by @hotchemi
See All by @hotchemi
kompile-testing internal
hotchemi
0
230
The things we’ve learned from iOS×React Native hybrid development
hotchemi
2
4.8k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
7.5k
Type-Safe i18n on RN
hotchemi
2
990
PermissionsDispatcher × Kotlin
hotchemi
0
2.4k
kotlin compiler plugin
hotchemi
1
630
Rx and Preferences
hotchemi
2
140
Introducing PermissionsDispatcher
hotchemi
1
120
khronos
hotchemi
4
1.7k
Other Decks in Programming
See All in Programming
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
490
Site Reliability Engineering for GMO
pyama86
8
1k
ONE WEDGE_company_guide
1wedge_one
0
480
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
140
Goのmultiple errorsについて (2024年4月版)
syumai
3
870
使ってみよう Azure AI Document Intelligence
kosmosebi
2
310
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
190
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
200
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
Featured
See All Featured
Producing Creativity
orderedlist
PRO
337
39k
What's new in Ruby 2.0
geeforr
337
31k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Music & Morning Musume
bryan
41
5.6k
Debugging Ruby Performance
tmm1
70
11k
Become a Pro
speakerdeck
PRO
11
4.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
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