Skip to content

uiwjs/react-native-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React Native UIW Template

React Native Template for @uiw/react-native.

Migrate from @uiw/react-native-template 0.1.2 to v1.1.0

Features

This template includes the following:

Installation and Usage

๐Ÿšง This template only works with the new CLI. This template is intended for React Native versions >= 0.61. It has not been tested with previous versions.

Note on the legacy CLI

๐Ÿšง There seems to be quite some confusion about the legacy CLI. This template only works with the new CLI. Make sure you have uninstalled the legacy react-native-cli first (npm uninstall -g react-native-cli), for the below command to work.

npm uninstall -g react-native-cli

Further information can be found here: https://github.com/react-native-community/cli#about

๐Ÿšง๐Ÿšง If you wish to not use react-native@0.70.0 or higher help

Check whether your ruby version is higher than 2.7.5
bundle install
cd ios && bundle exec pod install

๐Ÿšง๐Ÿšง MacBook Pro with a M1 ๐Ÿšง๐Ÿšง

# Install ffi
sudo arch -x86_64 gem install ffi

rm -rf Pods Podfile.lock

# Clear pods.
pod deintegrate
# pod rm Podfile.lock
arch -x86_64 pod install
# Re-install pods
arch -x86_64 pod install --repo-update --verbose

yarn run ios # Run instructions for iOS
yarn run api

react-native@0.61.0 or higher

npx react-native init MyApp --template @uiw/react-native-template
# npx react-native init MyApp --template @uiw/react-native-template@v1.0.0

If you wish to not use npx

you can also install the new CLI globally (npm i -g @react-native-community/cli or yarn global add @react-native-community/cli).

npx react-native init MyApp --template @uiw/react-native-template

cd MyApp/ios
# Installing CocoaPods dependencies
pod install 
# This will initialize new project using template from TEMPLATE_NAME package
npx react-native init ProjectName --template ${TEMPLATE_NAME}

# This will initialize new project using init command from react-native@VERSION
# but will use TEMPLATE_NAME custom template
npx react-native@${VERSION} init ProjectName --template ${TEMPLATE_NAME}

@uiw/react-native-uiwๆ–‡ๆกฃๆœฌๅœฐ้ข„่งˆ

yarn run doc

Use husky

Edit package.json > prepare script and run it once:

npm pkg set scripts.prepare="husky install"
npm run prepare

Add a hook:

npx husky add .husky/pre-commit "npm run precommit"
git add .husky/pre-commit

Make a commit:

git commit -m "Keep calm and commit"
# `npm precommit` will run

Dependencies

@react-navigation/native
  โ”œโ”€โ”€react-native-gesture-handler
  โ”œโ”€โ”€react-native-reanimated
  โ”œโ”€โ”€react-native-screens
  โ”œโ”€โ”€react-native-safe-area-context
  โ””โ”€โ”€@react-native-community/masked-view

็›ฎๅฝ•็ป“ๆž„

โ”œโ”€โ”€ Gemfile
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ __tests__
โ”‚ย ย  โ””โ”€โ”€ App-test.js
โ”œโ”€โ”€ _bundle
โ”‚ย ย  โ””โ”€โ”€ config
โ”œโ”€โ”€ _node-version
โ”œโ”€โ”€ android
โ”‚ย ย  โ”œโ”€โ”€ app
โ”‚ย ย  โ”œโ”€โ”€ build.gradle
โ”‚ย ย  โ”œโ”€โ”€ gradle
โ”‚ย ย  โ”œโ”€โ”€ gradle.properties
โ”‚ย ย  โ”œโ”€โ”€ gradlew
โ”‚ย ย  โ”œโ”€โ”€ gradlew.bat
โ”‚ย ย  โ””โ”€โ”€ settings.gradle
โ”œโ”€โ”€ app.json
โ”œโ”€โ”€ babel.config.js
โ”œโ”€โ”€ index.js
โ”œโ”€โ”€ ios
โ”‚ย ย  โ”œโ”€โ”€ HelloWorld
โ”‚ย ย  โ”œโ”€โ”€ HelloWorld.xcodeproj
โ”‚ย ย  โ”œโ”€โ”€ HelloWorld.xcworkspace
โ”‚ย ย  โ”œโ”€โ”€ HelloWorldTests
โ”‚ย ย  โ”œโ”€โ”€ Podfile
โ”‚ย ย  โ”œโ”€โ”€ Podfile.lock
โ”‚ย ย  โ”œโ”€โ”€ Pods
โ”‚ย ย  โ”œโ”€โ”€ _xcode.env
โ”‚ย ย  โ””โ”€โ”€ build
โ”œโ”€โ”€ jsconfig.json
โ”œโ”€โ”€ metro.config.js
โ”œโ”€โ”€ mocker
โ”‚ย ย  โ”œโ”€โ”€ index.js
โ”‚ย ย  โ””โ”€โ”€ user.mock.js
โ”œโ”€โ”€ package.json
โ””โ”€โ”€ src
    โ”œโ”€โ”€ App.js
    โ”œโ”€โ”€ components
    โ”œโ”€โ”€ config.js
    โ”œโ”€โ”€ global.js
    โ”œโ”€โ”€ hooks
    โ”œโ”€โ”€ models
    โ”œโ”€โ”€ pages
    โ”œโ”€โ”€ routes
    โ”œโ”€โ”€ services
    โ””โ”€โ”€ utils

Links

Contributors

As always, thanks to our amazing contributors!

ๅฐๅผŸ่ฐƒ่ฐƒ Mend Renovate Chenling ๅด”ๅ…ฐ้‘ซ cc Amber-Nan panbibi ... xyf ้€้ฅ

Made with contributors.

License

This project is MIT licensed.