Creating Native Components That Accept React Native Subviews - Shopify
Feb 25, 2020

Summary
This post details how to create a native Android component that can render React Native subviews. It covers setting up a React Native project with Kotlin, creating a `ViewGroupManager` to expose the native component, inflating XML layouts, handling views passed from React Native, and adding gesture-based functionality to a bottom sheet component. It also discusses the trade-offs of using native code when cross-platform React Native solutions are not feasible.
More from the React Native App Clip Development trail
- Helix: The internal tool powering our Shopify app's native migration (2026) - Shopify
- Native is now the future of mobile at Shopify (2026) - Shopify
- Migrating Shop app from React Native to native (2026) - Shopify
- Migrating to React Native's New Architecture (2025) - Shopify
- Five years of React Native at Shopify (2025) - Shopify