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
5.1k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
7.8k
Type-Safe i18n on RN
hotchemi
2
1.1k
PermissionsDispatcher × Kotlin
hotchemi
0
2.9k
kotlin compiler plugin
hotchemi
1
700
Rx and Preferences
hotchemi
2
150
Introducing PermissionsDispatcher
hotchemi
1
140
khronos
hotchemi
4
1.9k
Other Decks in Programming
See All in Programming
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
1k
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
680
Unity Android XR入門
sakutama_11
0
180
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.6k
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
540
技術を改善し続ける
gumioji
0
120
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
150
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
300
Rails 1.0 のコードで学ぶ find_by* と method_missing の仕組み / Learn how find_by_* and method_missing work in Rails 1.0 code
maimux2x
1
190
SwiftUI Viewの責務分離
elmetal
PRO
2
270
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
800
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Documentation Writing (for coders)
carmenintech
67
4.6k
Building an army of robots
kneath
303
45k
Thoughts on Productivity
jonyablonski
69
4.5k
Visualization
eitanlees
146
15k
Automating Front-end Workflow
addyosmani
1368
200k
Making Projects Easy
brettharned
116
6k
Gamification - CAS2011
davidbonilla
80
5.2k
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