/rn-fun

React Native app development playground

Primary LanguageJavaMIT LicenseMIT

rn-fun

React Native app development playground

Initialized using the React Native CLI Quickstart guide, initialized with the template react-native-template-typescript (be sure to install @react-native-community/cli to be able to use the template!)

Uses TypeScript + ESLint + Prettier + @react-navigation/native

AppIcons original 1024x1024 created using GIMP, and resized using AppIconMaker.co

RNFun Sample

Quickstart

General

  • yarn install

Android

  • yarn run android

iOS

  • Open ios/RNFun.xcworkspace in Xcode
  • install necessary cocoapods pushd ios; pod install; popd;
  • build and run the project on an iOS simulator of your choice

Some Environment Setup Stuff

General Prerequisites

  • refer to the React Native CLI Quickstart guide (be sure to click the tab that's not expo related
  • install yarn classic (V1.x, uses node_modules)
    • macOS: I used homebrew to install mine brew install yarn

Android

  • Install a Java runtime
    • macOS: use brew to install brew install openjdk@11
  • Install Android Studio
    • Be sure to run it and install the Android SDK (32 at the time of writing)
    • Grab the Android SDK path from the SDK Manager preferences menu image
    • add the following to your bash or zsh rc
# React Native development
export ANDROID_HOME=/path/to/your/android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
  • using AVD Manager, add Android Emulators of your choosing, or attach a physical Android device with USB Debugging turned on

iOS

  • install Cocoapods (I used homebrew to avoid pain and suffering with M1 macs)
    • brew install cocoapods
  • Install Xcode