History

leeight 9db8910e36 Clean unused import modules. Summary: Thanks for submitting a pull request! Please provide enough information so that others can review your pull request: > *Unless you are a React Native release maintainer and cherry-picking an existing* commit into a current release, ensure your pull request is targeting the `master` React Native branch. Explain the motivation for making this change. What existing problem does the pull request solve? Prefer small pull requests. These are much easier to review and more likely to get merged. Make sure the PR does only one thing, otherwise please split it. Test plan (required) Demonstrate the code is solid. Example: The exact commands you ran and their output, screenshots / videos if the pull request changes UI. Make sure tests pass on both Travis and Circle CI. Code formatting** Look around. Match the style of the rest of the codebase. See also the simple [style guide](https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md#style-guide). For more info, see Closes https://github.com/facebook/react-native/pull/10413 Differential Revision: D4028108 fbshipit-source-id: 99a864dfda578d640f582b296583591415ba26cd		2016-10-16 11:13:40 -07:00
..
UIExplorer	Show packager progress in UI	2016-10-13 11:43:41 -07:00
UIExplorer-tvOS	Apple TV support 2: Xcode projects and CI (scripts/objc-test.sh)	2016-10-05 07:28:44 -07:00
UIExplorer.xcodeproj	Apple TV support 2: Xcode projects and CI (scripts/objc-test.sh)	2016-10-05 07:28:44 -07:00
UIExplorerIntegrationTests	Apple TV support 2: Xcode projects and CI (scripts/objc-test.sh)	2016-10-05 07:28:44 -07:00
UIExplorerUnitTests	removed unused unrelated test	2016-10-14 10:58:43 -07:00
android/app	Fix image example	2016-09-29 07:28:55 -07:00
js	Clean unused import modules.	2016-10-16 11:13:40 -07:00
README.md	Allow building UIExplorer with Buck	2016-04-12 13:05:24 -07:00

README.md

UIExplorer

The UIExplorer is a sample app that 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 Examples/UIExplorer/UIExplorer.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 :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

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

Open the UIExplorer 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 uiexplorer
buck install -r uiexplorer
./packager/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).