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.2k
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.9k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
7.7k
Type-Safe i18n on RN
hotchemi
2
1.1k
PermissionsDispatcher × Kotlin
hotchemi
0
2.7k
kotlin compiler plugin
hotchemi
1
660
Rx and Preferences
hotchemi
2
140
Introducing PermissionsDispatcher
hotchemi
1
130
khronos
hotchemi
4
1.8k
Other Decks in Programming
See All in Programming
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
100
Mastering AsyncSequence - 使う・作る・他のデザインパターン(クロージャ、Delegate など)から移行する
treastrain
4
1.6k
Some more adventure of Happy Eyeballs
coe401_
2
180
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
160
How to Break into Reading Open Source
kaspth
1
190
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
580
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
160
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1k
Go1.23で入った errorsパッケージの小さなアプデ
kuro_kurorrr
2
330
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
130
LangChainの現在とv0.3にむけて
os1ma
4
840
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
240
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
64
11k
Building Flexible Design Systems
yeseniaperezcruz
325
37k
Facilitating Awesome Meetings
lara
49
5.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
The Power of CSS Pseudo Elements
geoffreycrofte
71
5.2k
Rails Girls Zürich Keynote
gr2m
93
13k
The Invisible Side of Design
smashingmag
295
50k
The Cult of Friendly URLs
andyhume
76
6k
The Language of Interfaces
destraynor
153
23k
Designing for Performance
lara
604
68k
Being A Developer After 40
akosma
84
590k
The Brand Is Dead. Long Live the Brand.
mthomps
53
37k
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