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.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
GPUを計算資源として使おう!
primenumber
1
200
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
130
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
670
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
210
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
220
TypeScriptでDXを上げろ! Hono編
yusukebe
3
650
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
テスト駆動Kaggle
isax1015
1
510
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
750
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
240
PipeCDのプラグイン化で目指すところ
warashi
1
290
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
1
310
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Automating Front-end Workflow
addyosmani
1370
200k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Gamification - CAS2011
davidbonilla
81
5.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Faster Mobile Websites
deanohume
307
31k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Facilitating Awesome Meetings
lara
54
6.5k
Building Applications with DynamoDB
mza
95
6.5k
Thoughts on Productivity
jonyablonski
69
4.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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