kryptokrona / hugin-native

1 stars 2 forks source link

This is a new React Native project, bootstrapped using @react-native-community/cli.

Getting Started

Make sure you have installed on your system:

Install Bare

Clone this repo follow these steps:

git submodule update --init --recursive

[!NOTE] From now on, you should run npx bare-dev vendor sync after updating bare git submodule.

Install node modules:

npm install
npm link

Enable Expo plugin:

npx install-expo-modules@latest

[!IMPORTANT] The first time you build bare, you need to append the --configure flag:

npx hello-pear --configure

Patch node modules:

npm run patch

Good to know

After linking assets with npx react-native-asset you need to run npx hello-pear configure again. As well as when updating anything regarding bare.

iOS simulator only

npx hello-pear --configure --ios-sim

iOS simulator only with x64 architecture

npx hello-pear --configure --ios-sim x64

iOS and iOS simulator

npx hello-pear --configure --ios --ios-sim arm64

Android only arm archs

npx hello-pear --configure --android arm64 arm

Android only arm64

npx hello-pear --configure --android arm64

Android only x86 archs

npx hello-pear --configure --android x64 ia32

help

hello-pear --help

Note: Make sure you have completed the React Native - Environment Setup instructions till "Creating a new application" step, before proceeding.

Step 2: Start your Application

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project. Run the following command to start your Android or iOS app:

For Android

# using npm
npm run android

# OR using Yarn
yarn android

For iOS

Strongly suggest running through xcode

# using npm
npm run ios

# OR using Yarn
yarn ios

If everything is set up correctly, you should see your new app running in your Android Emulator or iOS Simulator shortly provided you have set up your emulator/simulator correctly.

This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.

Step 3: Modifying your App

Now that you have successfully run the app, let's modify it.

  1. Open App.tsx in your text editor of choice and edit some lines.
  2. For Android: Press the R key twice or select "Reload" from the Developer Menu (Ctrl + M (on Window and Linux) or Cmd ⌘ + M (on macOS)) to see your changes!

    For iOS: Hit Cmd ⌘ + R in your iOS Simulator to reload the app and see your changes!

Congratulations! :tada:

You've successfully run and modified your React Native App. :partying_face:

Now what?

Troubleshooting

If you can't get this to work, see the Troubleshooting page.

Learn More

To learn more about React Native, take a look at the following resources:

Resolved problems iOS

Changing react-native-vector-icons to v 10.0.0. Carefully update this package in the future, Duplicate symbols fix: pod 'Flipper-DoubleConversion', :podspec => 'https://github.com/facebook/flipper.git' (?) Duplicate symbols fix: gem "cocoapods-fix-react-native" (?) Duplicate symbols fix: Remove link to GDASYNC in pods -> TcpSockets -> Build phases -> Compile sources (Need to be done every time you run pod install) Awaiting permanent fix.