sorianog / clubhouse-expo

Club house clone with react native

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Native Clubhouse clone

This is a simple UI clone of Clubhouse mobile application. Scan the qr code below to view on expo


You can view the app on Expo. Visit or scan the QR code below to view

Built With


  • Add navigation dependencies
  • Set up project file structure
  • Add Active Room Component to displays active club rooms in the hallway)- [ ] Add Additional Templates w/ Examples
  • Add a swipe listener to hallway screen which opens the back channel screen when activated
  • Add some global app components
  • Add Explore and Recently Listened To screen
  • Add Room screen
  • Add Screen and Icon animations to the room screen for when users enter, exit or minimize a room
  • Add custom BottomSheet component with proper definition for all Props
  • Finish the profile screen
  • Finish the room screen
  • Link avatars on screens to open a profile snippet

Getting Started

To get a local copy up and running follow these simple example steps.


Make sure you have react native development environment set up in your system

Install expo-cli

    npm install -g expo-cli


  1. Clone the repo

    git clone
  2. Install NPM packages

    npm install
  3. Start the App on expo

    expo start


Topic Helpful links Links How I used It Code
How to close a modal when the back button is pressed React Native repository The bottomSheet component was rendered inside a modal. I tried using BackHandler but it failed. This helped me close it when the back button is pressed
How to make a screen background transparent during navigation YouTube Video


Club house clone with react native


Language:TypeScript 99.8%Language:JavaScript 0.2%