mirror of https://github.com/zhigang1992/react-native.git synced 2026-04-21 10:34:31 +08:00

Files

Ziqi Chen 893e4d19a9 Added 5 examples of new Accessibility API to RN Tester on Android

Summary:
I added three examples to the RN Tester in order to test the new accessibility props I've added to the accessibility API.

These examples test the following properties on views and touchables:
* AccessibilityRole
* AccessibilityStates
* AccessibilityHint

Reviewed By: PeteTheHeat

Differential Revision: D9167874

fbshipit-source-id: 4971b9ae43ad4f35c6be7e8548cc31393c3f0a33

2018-08-08 01:31:46 -07:00

android/app

fix windows gradle bug (#20293 )

2018-07-30 20:16:19 -07:00

e2e

Initial Detox E2E iOS configuration to be run on RNTester (#20235 )

2018-07-30 14:31:24 -07:00

Added 5 examples of new Accessibility API to RN Tester on Android

2018-08-08 01:31:46 -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

Update Xcode projects (#19574 )

2018-06-19 23:48:12 -07:00

RNTesterIntegrationTests

RN: Disable testImageCachePolicyTest

2018-05-04 10:58:46 -07:00

RNTesterPods.xcodeproj

Update Xcode projects (#19574 )

2018-06-19 23:48:12 -07:00

RNTesterUnitTests

iOS OSS: deployment target 8.0 => 9.0

2018-05-22 01:16:45 -07:00

.gitignore

iOS OSS: check in the Podfile.lock

2018-04-13 17:33:23 -07:00

Podfile

iOS OSS cocoapods: removed deps on RCTFabric for now

2018-05-24 14:57:55 -07:00

Podfile.lock

iOS OSS cocoapods: removed deps on RCTFabric for now

2018-05-24 14:57:55 -07:00

README.md

iOS OSS: added CocoaPods setup to RNTester and fix up the podspecs

2018-04-12 16:11:33 -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 iOS with CocoaPods

Similar to above, you can build the app via Xcode with help of CocoaPods.

Install CocoaPods
Run cd RNTester; pod install
Open the generated RNTesterPods.xcworkspace (this is not checked in). Do not open RNTesterPods.xcodeproj directly.

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).