History

Kevin Gozali 2feb74dbe4 fixed image in RNTester snapshot example Summary: The icon size in the test/example cannot be rounded correctly as 3x image, causing redbox like: ``` -[RNTesterSnapshotTests testTabBarExample] : failed: caught "NSInternalInconsistencyException", "RedBox error: Error setting property 'icon' of RCTTabBarItem with tag #14: Image source flux@3x.png size {33, 33} does not match loaded image size {33.333333333333336, 33.333333333333336}." ``` This simply resizes them from 100x100 to 99x99 Reviewed By: javache Differential Revision: D5747345 fbshipit-source-id: 084b4b028436b18dab324fef1fb0a4365072be75		2017-08-31 15:16:05 -07:00
..
RNTester	Fix Travis CI runs	2017-06-02 09:03:18 -07:00
RNTester-tvOS	Re-license and rename UIExplorer integration test app as RNTester	2017-05-08 11:31:19 -07:00
RNTester.xcodeproj	Merge fishhook.xcodeproj in RCTWebSocket	2017-08-09 07:48:09 -07:00
RNTesterIntegrationTests	fixed image in RNTester snapshot example	2017-08-31 15:16:05 -07:00
RNTesterLegacy.xcodeproj	Merge fishhook.xcodeproj in RCTWebSocket	2017-08-09 07:48:09 -07:00
RNTesterUnitTests	RCTShadowView have got `rootView` property	2017-08-24 00:05:48 -07:00
android/app	Update OSS Fresco dependency	2017-07-12 07:54:09 -07:00
js	fixed image in RNTester snapshot example	2017-08-31 15:16:05 -07:00
.eslintrc	Disallow trailing commas in react-native-github	2017-08-17 16:20:04 -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).