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


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

查看所有标签

猜你喜欢:

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

Python高级编程(第二版)

Python高级编程(第二版)

[波兰] Michał Jaworski、[法] Tarek Ziadé / 张亮、阿信 / 人民邮电出版社 / 2017-9-19 / 89.00元

Python作为一种高级程序设计语言,凭借其简洁、易读及可扩展性日渐成为程序设计领域备受推崇的语言之一。 本书基于Python 3.5版本进行讲解,通过13章的内容,深度揭示了Python编程的高级技巧。本书从Python语言及其社区的现状开始介绍,对Python语法、命名规则、Python包的编写、部署代码、扩展程序开发、管理代码、文档编写、测试开发、代码优化、并发编程、设计模式等重要话题......一起来看看 《Python高级编程(第二版)》 这本书的介绍吧!

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

HTML 编码/解码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具