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


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

查看所有标签

猜你喜欢:

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

你不是个玩意儿

你不是个玩意儿

杰伦·拉尼尔 / 葛仲君 / 中信出版社 / 2011-8 / 35.00元

“你不是个玩意儿。” 这句话当然不是骂人,这是一个宣言。人当然不是玩意儿,不是机器,而是人。 在网络化程度越来越高的今天,我们每个人似乎都有足够的理由,无限欣喜地拥抱互联网。然而,你有没有想过互联网那些不完美的设计却是某种潜在的威胁…… 为什么如此多的暴民在社交网站上争吵不休,很多骂人的脏话我们在现实的人际交往中可能从来不会使用,但在匿名网络环境中却漫天飞舞? 互联网的本质......一起来看看 《你不是个玩意儿》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具