The definitive React-Native Starter app kit

栏目: IT技术 · 发布时间: 6年前

内容简介:SeeSee

React Native Starter App

A React Native template to bootstrap your next app!

Table of Contents

  • Installation :inbox_tray:
  • Environment Setup :globe_with_meridians:
  • Contributors :sparkles:

Installation :inbox_tray:

> git clone https://github.com/IronTony/react-native-starter-app

> cd react-native-starter-app

# Install dependencies
> yarn

# if needed, setup iOS development environment
yarn setup:ios

See environment section for how to configure env variables.

See scripts section for how to run the app.

Environment Setup :globe_with_meridians:

React Native Starter App environments variables management is based on a custom script and the app.json config file.

Define your environment variables inside app.json inside the environments object under the desired environment key (such as development , staging or production ) and then run the app for the required env using one of the available run scripts (e.g. ios:dev ).

Scripts :wrench:

Run the app

To run the app use one of the following scripts:

  • yarn android:dev , to start the app on Android with the development environment variables.

  • yarn android:stage , to start the app on Android with the staging environment variables.

  • yarn android:prod , to start the app on Android with the production environment variables.

  • yarn ios:dev , to start the app on iOS with the development environment variables.

  • yarn ios:stage , to start the app on iOS with the staging environment variables.

  • yarn ios:prod , to start the app on iOS with the production environment variables.

Generate app icons

To setup the app icons:

  • create an image at least 1024x1024px
  • place it under /assets folder as icon.png
  • run
yarn assets:icons

Generate Splashscreen

To setup the app splashscreen:

  • create an image at least 1242x2208px
  • place it under /assets folder as splashscreen.png
  • run
yarn assets:splashscreen

Setup iOS

To setup the environment to run on iOS, run

yarn setup:ios

this will run cocoapods to install all the required dependencies.

Roadmap :runner:

:white_check_mark: Initial Setup

:white_check_mark: Add Splashscreen ( https://github.com/crazycodeboy/react-native-splash-screen )

:white_check_mark: Add Toolbox ( https://github.com/panz3r/react-native-toolbox )

:white_check_mark: Create tree folders structure

:white_check_mark: Add redux

:white_check_mark: Add redux-persist ( https://github.com/rt2zz/redux-persist )

:white_check_mark: Add React Native Debugger
:white_check_mark: Add reselect
:white_check_mark: Add redux-saga
:white_check_mark: Add i18next

:white_check_mark: Add react-navigation :heart:

:white_check_mark: Add UI Design System ( UI Kitten )

:white_check_mark: Remove UIKitten

:white_check_mark: Add UI Design System ( NativeBase )

:white_check_mark: Add Env variables selection experimental way ⚗️ ⚗️ ⚗️

Contributors :sparkles:

Thanks goes to these wonderful people ( emoji key ):

The definitive React-Native Starter app kit IronTony
:computer: :book: :bug: :eyes: :warning:
The definitive React-Native Starter app kit Mattia Panzeri
:book:

This project follows the all-contributors specification. Contributions of any kind welcome!

License :scroll:

Licensed under Mozilla Public License Version 2.0


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

ME2.0

ME2.0

丹·斯柯伯尔 / 2011-11 / 36.00元

《Me2.0个人品牌崛起E时代》,本书介绍在信息技术飞速发展的今天,如何使用网络来营建个人形象,建立关系网,谋求理想的工作,完成商务交易。成功学与今天的网络通讯相结合,smart 原则与SWOT分析,视频网站、博客、社交网站、搜索引擎如何使用才能让你以直线方式走向成功等内容。一起来看看 《ME2.0》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试