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.1k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
7.9k
Type-Safe i18n on RN
hotchemi
2
1.1k
PermissionsDispatcher × Kotlin
hotchemi
0
3.1k
kotlin compiler plugin
hotchemi
1
730
Rx and Preferences
hotchemi
2
150
Introducing PermissionsDispatcher
hotchemi
1
150
khronos
hotchemi
4
1.9k
Other Decks in Programming
See All in Programming
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
320
型安全RESTで爆速プロトタイピング – Hono RPC実践
tacke_jp
0
110
Zennの運営完全に理解した #完全に理解したTalk
wadayusuke
1
180
コード書くの好きな人向けAIコーディング活用tips #orestudy
77web
3
280
無関心の谷
kanayannet
0
160
JSAI2025 RecSysChallenge2024 優勝報告
unonao
1
440
Perplexity Slack Botを作ってAI活用を進めた話 / AI Engineering Summit プレイベント
n3xem
0
620
生成AIで日々のエラー調査を進めたい
yuyaabo
0
480
AIエージェントによるテストフレームワーク Arbigent
takahirom
0
360
Webからモバイルへ Vue.js × Capacitor 活用事例
naokihaba
0
490
事業戦略を理解してソフトウェアを設計する
masuda220
PRO
21
5.8k
〜可視化からアクセス制御まで〜 BigQuery×Looker Studioで コスト管理とデータソース認証制御する方法
cuebic9bic
3
320
Featured
See All Featured
Scaling GitHub
holman
459
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
680
Facilitating Awesome Meetings
lara
54
6.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Into the Great Unknown - MozCon
thekraken
39
1.8k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Faster Mobile Websites
deanohume
307
31k
For a Future-Friendly Web
brad_frost
179
9.8k
It's Worth the Effort
3n
184
28k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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