# Creating Native Components That Accept React Native Subviews

DevFeed: [Creating Native Components That Accept React Native Subviews](<https://devfeed.tech/articles/creating-native-components-that-accept-react-native-subviews-1357.md>)

Original publisher: [Read original article](<https://shopify.engineering/creating-native-components-accept-react-native-subviews>)

Author: Joe Redridge

Published: 2020-02-25T15:30:00Z

Content type: tutorial

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [React Native](<https://devfeed.tech/topics/react-native.md>), [Android](<https://devfeed.tech/topics/android.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [Gradle](<https://devfeed.tech/topics/gradle.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [cross-platform](<https://devfeed.tech/topics/cross-platform.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [cross-platform](<https://devfeed.tech/tags/cross-platform.md>), [design](<https://devfeed.tech/tags/design.md>), [draggable](<https://devfeed.tech/tags/draggable.md>), [google](<https://devfeed.tech/tags/google.md>), [gradle](<https://devfeed.tech/tags/gradle.md>), [guide](<https://devfeed.tech/tags/guide.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

## AI overview

A guide to building an Android native bottom sheet component for React Native that can render and interact with React Native views inside the sheet. It covers project setup, Kotlin, TypeScript, Gradle dependencies, and exposing the native component through a new package.

## Source excerpt

This guide will show you how to make a native component that provides bottom sheet functionality to React Native and renders React views inside.