react-native-macos/RNTester
Christoph Nakazawa 9ca7989f60 Remove SwipeableFlatList from RN
Summary: According to TheSavior this was an experimental module that "accidentally" got added to RN open source. In fact, we only use it in two places internally. This diff moves these files to FB internal and removes them from RN completely. I skipped the deprecation message because it was always an experimental feature and I don't expect anyone out there using it.

Reviewed By: TheSavior

Differential Revision: D14631749

fbshipit-source-id: 87878fcbb901e1e7fa4a3ff3205e09886ff3ed43
2019-03-27 16:30:09 -07:00
..
NativeModuleExample Fix Copyright headers. 2019-03-15 07:43:20 -07:00
RCTTest Clean up screenshot infra copyright headers 2019-03-15 10:15:00 -07:00
RNTester Fabric: working podspecs & works in RNTester (#23803) 2019-03-15 23:59:22 -07:00
RNTester-tvOS Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
RNTester.xcodeproj Update React Native to use latest CLI (#23940) 2019-03-18 06:22:53 -07:00
RNTesterIntegrationTests Remove obliterated snapshots (#24162) 2019-03-27 08:29:57 -07:00
RNTesterPods.xcodeproj Fabric: working podspecs & works in RNTester (#23803) 2019-03-15 23:59:22 -07:00
RNTesterPods.xcworkspace Updated the glog library version from 0.3.4 to 0.3.5 (#20811) 2018-08-23 14:17:18 -07:00
RNTesterUnitTests BREAKING - RCTEvent improvements, remove deprecated [sendInputEventWithName:body:] (#15894) 2019-03-27 11:20:22 -07:00
android/app allow HTTP in debug builds (#24066) 2019-03-20 08:57:21 -07:00
e2e Fix DatePickerIOS e2e tests (#23861) 2019-03-12 18:35:02 -07:00
js Remove SwipeableFlatList from RN 2019-03-27 16:30:09 -07:00
.eslintrc Disable no-inline-styles lint rule for RNTester (#23169) 2019-01-28 03:26:12 -08:00
.gitignore iOS OSS: check in the Podfile.lock 2018-04-13 17:33:23 -07:00
ComponentRegistry.cpp Fabric: working podspecs & works in RNTester (#23803) 2019-03-15 23:59:22 -07:00
Podfile Fabric: working podspecs & works in RNTester (#23803) 2019-03-15 23:59:22 -07:00
Podfile.lock Fabric: working podspecs & works in RNTester (#23803) 2019-03-15 23:59:22 -07:00
README.md Add SUPPORT document, update other GitHub templates (#23778) 2019-03-05 17:08:24 -08:00
Swizzle_RCTFabricSurface.m Fabric: working podspecs & works in RNTester (#23803) 2019-03-15 23:59:22 -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

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

Running Detox Tests on iOS

Install Detox from here.

To run the e2e tests locally, run the following commands from the react-native folder:

yarn build-ios-e2e
yarn test-ios-e2e

These are the equivalent of running:

detox build -c ios.sim.release
detox test -c ios.sim.release --cleanup

These build the app in Release mode, so the production code is bundled and included in the built app.

When developing E2E tests, you may want to run in development mode, so that changes to the production code show up immediately. To do this, run:

detox build -c ios.sim.debug
detox test -c ios.sim.debug

You will also need to have Metro Bundler running in another terminal. Note that if you've previously run the E2E tests in release mode, you may need to delete the RNTester/build folder before rerunning detox build.

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