https://github.com/calebnance/expo-multi-screen-starter
react native / expo / react navigation v6
https://github.com/calebnance/expo-multi-screen-starter
expo prettier react-native react-navigation react-navigation-v6
Last synced: 6 months ago
JSON representation
react native / expo / react navigation v6
- Host: GitHub
- URL: https://github.com/calebnance/expo-multi-screen-starter
- Owner: calebnance
- Created: 2018-10-11T17:11:57.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-02T23:41:04.000Z (over 2 years ago)
- Last Synced: 2023-08-10T05:24:14.705Z (almost 2 years ago)
- Topics: expo, prettier, react-native, react-navigation, react-navigation-v6
- Language: JavaScript
- Homepage:
- Size: 3.95 MB
- Stars: 82
- Watchers: 4
- Forks: 24
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Multi Screen Starter with Expo
web demo: [Expo Multi Screen Starter](https://expo-multi-screen-starter.vercel.app)
[](https://twitter.com/calebnance)
## Table of Contents
- [Install & Build](#install--build)
- [Features](#features)
- [Linting](#linting)
- [Assets Used](#assets-used)
- [Device Learnings](#device-learnings)
- [Release Notes](#release-notes)
- [Demo](#demo)
## Install & Build
First, make sure you have Expo CLI installed: `npm install -g expo-cli`
Install: `yarn` or `yarn install`
Run Project Locally: `yarn dev` or `yarn start`
## Features
- Expo SDK 42
- React Navigation v6
- Preloading/caching local assets
- SVG custom icon usage
- Checker for the iOS notch: iPhoneX, iPhoneXs, iPhoneXr, iPhoneXs Max
## Linting
- run: `yarn lint` for a list of linting warnings/error in cli
- prettier and airbnb config
- make sure you have [prettier package](https://atom.io/packages/prettier-atom) installed on your atom/vscode editor
- then make sure to enable these options (packages → prettier):
- eslint integration
- stylelint integration
- automatic format on save (toggle format on save)
- be aware of the `.prettierignore` file
## Assets Used
- [black rabbit icon](https://thenounproject.com/search/?q=rabbit&i=1211060) was bought (royalty-free license)
- SVG Icons from [icomoon](https://icomoon.io)
## Device Learnings
**ios:** the notch on iPhoneX, iPhoneXs, iPhoneXr, iPhoneXs Max is **30px** from top
## Release Notes
### version: 0.0.2 (current)
- upgraded to [React Navigation v6](https://reactnavigation.org/docs/getting-started)
- upgraded to [React Navigation v5](https://reactnavigation.org/docs/5.x/getting-started)
- upgraded to [Expo SDK 42](https://blog.expo.io/expo-sdk-42-579aee2348b6)
- upgraded to [Expo SDK 41](https://blog.expo.io/expo-sdk-41-12cc5232f2ef)
- upgraded to [Expo SDK 40](https://blog.expo.io/expo-sdk-40-is-now-available-d4d73e67da33)
- upgraded to [Expo SDK 39](https://blog.expo.io/expo-sdk-39-is-now-available-4c10aa825e3f)
- upgraded to [Expo SDK 38](https://blog.expo.io/expo-sdk-38-is-now-available-ab6cd30ca2ee)
- upgraded to [Expo SDK 37](https://blog.expo.io/expo-sdk-37-is-now-available-dd5770f066a6)
- upgraded to [Expo SDK 36](https://blog.expo.io/expo-sdk-36-is-now-available-b91897b437fe)
- upgraded to [Expo SDK 35](https://blog.expo.io/expo-sdk-35-is-now-available-beee0dfafbf4)
- upgraded to [React Navigation v4](https://reactnavigation.org/docs/4.x/getting-started)
- upgraded to [Expo SDK 34](https://blog.expo.io/expo-sdk-34-is-now-available-4f7825239319)
- React Navigation Theme Support / Example Usage ([themes docs](https://reactnavigation.org/docs/4.x/themes))
- upgraded to [React Navigation v3](https://reactnavigation.org/docs/3.x/getting-started)
### version: 0.0.1
this starter for a multi screens/stack app is at a good state
- started with [React Navigation v2](https://reactnavigation.org/docs/2.x/getting-started)
- preloading/caching local images (with splash loading screen)
- utility checker for the notch: iPhoneX, iPhoneXs, iPhoneXr, iPhoneXs Max
- simple jest tests
- svg usage
## Demo
