History

Eric Vicenti 2ae73ffa00 Introduce Button Component Summary: Button is an important component to help the community get onboarded with RN quickly, so the first few minutes of a developer's experience is not spent formatting a simple button component. In my opinion, `<Button />` should be seen as a "lowest common demoniator" component, rather than "the one button to rule them all". In other words, we should only support features in Button that will work on any platform. We should encourage people to fork Button if they need to add specific features to it, rather than trying to twist and bloat this component until it supports everything. These platform imitations may not have the perfect constants just yet, but they are good enough to make a user feel at home in the app, without any modification. The community can help tweak the final formatting to make them look just right- PRs are welcome! Reviewed By: frantic Differential Revision: D3929041 fbshipit-source-id: 3785fb67472a7614eeee0a9aef504c0bdf62ede7		2016-10-10 17:28:39 -07:00
..
UIExplorer	Apple TV support 2: Xcode projects and CI (scripts/objc-test.sh)	2016-10-05 07:28:44 -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	Add multipart response stream reader	2016-10-03 18:13:36 -07:00
android/app	Fix image example	2016-09-29 07:28:55 -07:00
js	Introduce Button Component	2016-10-10 17:28:39 -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).