Code

React Native Starter UI Kit

React Native Starter UI Kit

React Native Starter UI Kit – is a React Native mobile app template that helps you create your favorite mobile app easily by saving development time and effort.

This is suitable for any kind of mobile app.

Demo: You can view the app by visiting this link: Expo.io
Support & more details: Documentation

React Native Starter UI Kit - 1

Important

You have to have basic knowledge of HTML, CSS, JavaScript and Shell/Bash. Also, you have to have a basic understanding of the React Native framework.

Prerequisites

  • Node.js > 8
  • npm
  • expo (https://expo.io)
  • Android Studio for Android
  • XCode for iOS

What you get – Features

This theme contains all of the basic UI components that you need in order to get started with React Native. Once you start the app, you can navigate and check out each of the individual screens in order to get a hang of it and decide what you want to reuse.

  • 20 individual pre-designed mobile screens
  • 15+ reusable components
  • 8+ fonts for inspiration
  • Uses Expo for ease-of-use and compatibility
  • Android & iOS compatibility

Installation

From the terminal, navigate into the root folder of the theme. There, run npm install.

Running the development server

This project is made using Expo which is a React Native “set of tools, libraries and services you can use to build native iOS and Android apps”. If you want to know more about Expo, you can visit their page. You can connect your own android or iOS device to your PC, use an emulator or scan a QR code through the Expo App to get up and running the app, it will also auto-reload as soon as you make changes on the code. To run the development server you can execute this command in the root directory of the project: npm start. This will open a new tab on your browser. The most easy way to run the app for me is to download the Expo App and scan the QR code. If you want to know more about this, you can visit this page.

Publishing

If you just want to build the app and publish it on a marketplace you can follow this guide.

Support & Feedback

We are very receptive to feedback and eager to help, you can write to us at: react-native-starter-ui-kit [at] tryburner.email

React Native Dependencies

    "expo": "^35.0.0",
    "expo-font": "^7.0.0",
    "expo-linear-gradient": "^7.0.0",
    "moment": "^2.24.0",
    "react": "16.8.3",
    "react-dom": "16.8.3",
    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
    "react-native-elements": "^1.2.1",
    "react-native-extended-stylesheet": "^0.12.0",
    "react-native-gesture-handler": "^1.3.0",
    "react-native-indicator": "^1.0.0",
    "react-native-linear-gradient": "^2.5.6",
    "react-native-progress": "^3.6.0",
    "react-native-reanimated": "^1.3.0",
    "react-native-screens": "^1.0.0-alpha.23",
    "react-native-slider": "^0.11.0",
    "react-native-web": "^0.11.7",
    "react-navigation": "^4.0.10",
    "react-navigation-drawer": "^2.2.2",
    "react-navigation-stack": "^1.9.3",
    "react-navigation-tabs": "^2.5.5",
    "babel-preset-expo": "^7.0.0" 

Change Log

v1.0 – 30 Dec 2019
First release
by
by
by
by
by
by