React Native Elements App

This is the Demo app for React Native Elements built with Expo. In this app you will find examples on on how to use various RNE components as well as production-ready screens.

This app also work on the web platform using React Native Web. You can checkout the live website here. If you are looking to build a React Native mobile app & also reuse the code to deploy on web, this repo can be used as a great starting point.

Also the RNE team runs and maintains this project, so if you need any help developing your app with React Native Elements, someone on our team can help you out as well. Feel free to reach out to @monte9.

Demo

Mobile App | Web App

Run it locally

Clone the project

git clone https://github.com/react-native-training/react-native-elements-app.git

Install dependencies

cd react-native-elements-app

# Using npm or yarn
yarn || npm install

Run the mobile app (uses Expo)

# Install the expo-cli
npm install -g expo-cli

yarn native || npm run native

Run the web app (uses CRA)

yarn web || npm run web

Deploy Web app

First you must build the web app using:

yarn build:web

Once you have built it, you can see generated build folder.

This folder can be hosted as static website. For example you can publish on Github Pages via gh-pages cli.

yarn deploy

Note: don't forget to add or change "homepage" key in your package.json

Ejecting

The mobile app is built using Expo. If you would like to eject, you can run the following command:

yarn eject:native || npm run eject:native

We highly recommend you read the official Expo ejection docs before proceeding.

The web app is built using Creact React App. If you would like to eject, you can run the following command:

yarn eject:web || npm run eject:web

We highly recommend you read the official CRA ejection docs before proceeding.

Major contributors: