History

gengjiawen 9874004711 enhance RNTester android config Summary: * cliPath is not config right * root config can be better config instead of a relative path which can easily go wrong if location changed * DeveloperSupport should only be in debug mode. * make https://github.com/facebook/react-native/pull/18732 change on local. * config signingConfig * execute `./gradlew :RNTester:android:app:assembleRelease`, and run app on device to check everything is fine. none [GENERAL][ENHANCEMENT][RNTester] Closes https://github.com/facebook/react-native/pull/18746 Differential Revision: D7548846 Pulled By: hramos fbshipit-source-id: 8943f84a6c99456477dff2deeaacc96f093b2e09		2018-04-08 17:25:38 -07:00
..
RNTester	Update license headers for MIT license	2018-02-16 18:31:53 -08:00
RNTester-tvOS	Re-license and rename UIExplorer integration test app as RNTester	2017-05-08 11:31:19 -07:00
RNTester.xcodeproj	Reimagining of RCTShadowView layout API	2018-02-12 00:32:43 -08:00
RNTesterIntegrationTests	Fixed problem in Text measurent on iOS	2018-02-25 09:37:38 -08:00
RNTesterUnitTests	Update license headers for MIT license	2018-02-16 18:31:53 -08:00
android/app	enhance RNTester android config	2018-04-08 17:25:38 -07:00
js	Add an implementation of Animated.subtract	2018-03-30 21:08:52 -07:00
README.md	Move packager launcher scripts outside of `packager/`	2017-05-23 16:17:09 -07:00

README.md

RNTester

The RNTester showcases React Native views and modules.

Running this app

Before running the app, make sure you ran:

git clone https://github.com/facebook/react-native.git
cd react-native
npm install

Running on iOS

Mac OS and Xcode are required.

Open RNTester/RNTester.xcodeproj in Xcode
Hit the Run button

See Running on device if you want to use a physical device.

Running on Android

You'll need to have all the prerequisites (SDK, NDK) for Building React Native installed.

Start an Android emulator (Genymotion is recommended).

cd react-native
./gradlew :RNTester:android:app:installDebug
./scripts/packager.sh

Note: Building for the first time can take a while.

Open the RNTester app in your emulator.

See Running on Device in case you want to use a physical device.

Running with Buck

Follow the same setup as running with gradle.

Install Buck from here.

Run the following commands from the react-native folder:

./gradlew :ReactAndroid:packageReactNdkLibsForBuck
buck fetch rntester
buck install -r rntester
./scripts/packager.sh

Note: The native libs are still built using gradle. Full build with buck is coming soon(tm).

Built from source

Building the app on both iOS and Android means building the React Native framework from source. This way you're running the latest native and JS code the way you see it in your clone of the github repo.

This is different from apps created using react-native init which have a dependency on a specific version of React Native JS and native code, declared in a package.json file (and build.gradle for Android apps).