├── .eslintignore ├── .eslintrc ├── .gitignore ├── .npmignore ├── .travis.yml ├── Example ├── .babelrc ├── .buckconfig ├── .flowconfig ├── .gitattributes ├── .gitignore ├── .watchmanconfig ├── __tests__ │ ├── index.android.js │ └── index.ios.js ├── android │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── example │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ ├── keystores │ │ ├── BUCK │ │ └── debug.keystore.properties │ └── settings.gradle ├── index.android.js ├── index.ios.js ├── ios │ ├── Example.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── Example.xcscheme │ ├── Example │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── ExampleTests │ │ ├── ExampleTests.m │ │ └── Info.plist ├── package.json ├── src │ ├── check.png │ ├── double-tap-view.js │ ├── pan-view.js │ ├── pano-1.jpg │ ├── pano-2.jpg │ ├── pano-3.jpg │ ├── pinch-view.js │ ├── press-view.js │ ├── rotate-view.js │ ├── swipe-view.js │ ├── tap-view.js │ ├── util.js │ └── ww.jpg └── yarn.lock ├── LICENSE.md ├── README.md ├── package.json ├── src ├── event-target.js ├── gesture-recognizer.js ├── hammer.js ├── index.js ├── touch-emulator.js └── util.js └── test ├── event-target.js └── test.html /.eslintignore: -------------------------------------------------------------------------------- 1 | hammer.js 2 | test/event-target.js 3 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "parser": "babel-eslint", 3 | "extends": "airbnb", 4 | "env": { 5 | "browser": true 6 | }, 7 | "ecmaFeatures": { 8 | "jsx": true 9 | }, 10 | "rules": { 11 | "max-len": 0, 12 | "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }] 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Include your project-specific ignores in this file 2 | # Read about how to use .gitignore: https://help.github.com/articles/ignoring-files 3 | 4 | coverage 5 | dist 6 | docs/dist 7 | node_modules 8 | npm-debug.log 9 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | test 3 | Example 4 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "6" 4 | 5 | sudo: false 6 | 7 | install: 8 | - npm install 9 | 10 | script: 11 | - npm run lint 12 | -------------------------------------------------------------------------------- /Example/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } -------------------------------------------------------------------------------- /Example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /Example/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | [include] 18 | 19 | [libs] 20 | node_modules/react-native/Libraries/react-native/react-native-interface.js 21 | node_modules/react-native/flow 22 | flow/ 23 | 24 | [options] 25 | module.system=haste 26 | 27 | munge_underscores=true 28 | 29 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 30 | 31 | suppress_type=$FlowIssue 32 | suppress_type=$FlowFixMe 33 | suppress_type=$FixMe 34 | 35 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-6]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 36 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-6]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 37 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 38 | 39 | unsafe.enable_getters_and_setters=true 40 | 41 | [version] 42 | ^0.36.0 43 | -------------------------------------------------------------------------------- /Example/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /Example/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | 38 | # BUCK 39 | buck-out/ 40 | \.buckd/ 41 | android/app/libs 42 | *.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md 50 | 51 | fastlane/report.xml 52 | fastlane/Preview.html 53 | fastlane/screenshots 54 | -------------------------------------------------------------------------------- /Example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /Example/__tests__/index.android.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.android.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /Example/__tests__/index.ios.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.ios.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /Example/android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.example', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.example', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /Example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.example" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile fileTree(dir: "libs", include: ["*.jar"]) 130 | compile "com.android.support:appcompat-v7:23.0.1" 131 | compile "com.facebook.react:react-native:+" // From node_modules 132 | } 133 | 134 | // Run this once to be able to run the application with BUCK 135 | // puts all compile dependencies into folder libs for BUCK to use 136 | task copyDownloadableDepsToLibs(type: Copy) { 137 | from configurations.compile 138 | into 'libs' 139 | } 140 | -------------------------------------------------------------------------------- /Example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /Example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /Example/android/app/src/main/java/com/example/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "Example"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Example/android/app/src/main/java/com/example/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import android.app.Application; 4 | import android.util.Log; 5 | 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.shell.MainReactPackage; 11 | import com.facebook.soloader.SoLoader; 12 | 13 | import java.util.Arrays; 14 | import java.util.List; 15 | 16 | public class MainApplication extends Application implements ReactApplication { 17 | 18 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 19 | @Override 20 | protected boolean getUseDeveloperSupport() { 21 | return BuildConfig.DEBUG; 22 | } 23 | 24 | @Override 25 | protected List getPackages() { 26 | return Arrays.asList( 27 | new MainReactPackage() 28 | ); 29 | } 30 | }; 31 | 32 | @Override 33 | public ReactNativeHost getReactNativeHost() { 34 | return mReactNativeHost; 35 | } 36 | 37 | @Override 38 | public void onCreate() { 39 | super.onCreate(); 40 | SoLoader.init(this, /* native exopackage */ false); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Example 3 | 4 | -------------------------------------------------------------------------------- /Example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Example/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /Example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /Example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /Example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /Example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /Example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /Example/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /Example/android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /Example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'Example' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /Example/index.android.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React from 'react'; 8 | import { 9 | AppRegistry, 10 | StyleSheet, 11 | Text, 12 | View, 13 | TouchableHighlight, 14 | } from 'react-native'; 15 | import PanView from './src/pan-view'; 16 | import SwipeView from './src/swipe-view'; 17 | import TapView from './src/tap-view'; 18 | import DoubleTapView from './src/double-tap-view'; 19 | import PressView from './src/press-view'; 20 | import RotateView from './src/rotate-view'; 21 | import PinchView from './src/pinch-view'; 22 | import { injectGoBackButton } from './src/util'; 23 | 24 | const VIEWS = [{ 25 | name: 'Pan', 26 | Component: injectGoBackButton(PanView), 27 | }, { 28 | name: 'Swipe', 29 | Component: injectGoBackButton(SwipeView), 30 | }, { 31 | name: 'Tap', 32 | Component: injectGoBackButton(TapView), 33 | }, { 34 | name: 'DoubleTap', 35 | Component: injectGoBackButton(DoubleTapView), 36 | }, { 37 | name: 'Press', 38 | Component: injectGoBackButton(PressView), 39 | }, { 40 | name: 'Rotate', 41 | Component: injectGoBackButton(RotateView), 42 | }, { 43 | name: 'Pinch', 44 | Component: injectGoBackButton(PinchView), 45 | }]; 46 | 47 | const styles = StyleSheet.create({ 48 | container: { 49 | flex: 1, 50 | backgroundColor: '#e5e5e5', 51 | }, 52 | buttonContainer: { 53 | flex: 1, 54 | flexDirection: 'column', 55 | justifyContent: 'center', 56 | alignItems: 'center', 57 | }, 58 | button: { 59 | borderWidth: 1, 60 | borderRadius: 3, 61 | width: 200, 62 | marginTop: 5, marginBottom: 5, 63 | }, 64 | buttonText: { 65 | fontSize: 30, 66 | textAlign: 'center', 67 | }, 68 | }); 69 | 70 | class Example extends React.Component { 71 | state = { 72 | currentView: false, 73 | } 74 | showView = Component => () => this.setState({ currentView: Component }); 75 | renderButtons() { 76 | return VIEWS.map(({ name, Component }) => ( 77 | 78 | {name} 79 | 80 | )); 81 | } 82 | goBack = () => this.setState({ currentView: false }); 83 | render() { 84 | const ExampleView = this.state.currentView; 85 | return ( 86 | 87 | { 88 | !ExampleView && 89 | {this.renderButtons()} 90 | 91 | } 92 | { 93 | ExampleView && 94 | } 95 | 96 | ); 97 | } 98 | } 99 | 100 | AppRegistry.registerComponent('Example', () => Example); 101 | -------------------------------------------------------------------------------- /Example/index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React from 'react'; 8 | import { 9 | AppRegistry, 10 | StyleSheet, 11 | Text, 12 | View, 13 | TouchableHighlight, 14 | } from 'react-native'; 15 | import PanView from './src/pan-view'; 16 | import SwipeView from './src/swipe-view'; 17 | import TapView from './src/tap-view'; 18 | import DoubleTapView from './src/double-tap-view'; 19 | import PressView from './src/press-view'; 20 | import RotateView from './src/rotate-view'; 21 | import PinchView from './src/pinch-view'; 22 | import { injectGoBackButton } from './src/util'; 23 | 24 | const VIEWS = [{ 25 | name: 'Pan', 26 | Component: injectGoBackButton(PanView), 27 | }, { 28 | name: 'Swipe', 29 | Component: injectGoBackButton(SwipeView), 30 | }, { 31 | name: 'Tap', 32 | Component: injectGoBackButton(TapView), 33 | }, { 34 | name: 'DoubleTap', 35 | Component: injectGoBackButton(DoubleTapView), 36 | }, { 37 | name: 'Press', 38 | Component: injectGoBackButton(PressView), 39 | }, { 40 | name: 'Rotate', 41 | Component: injectGoBackButton(RotateView), 42 | }, { 43 | name: 'Pinch', 44 | Component: injectGoBackButton(PinchView), 45 | }]; 46 | 47 | const styles = StyleSheet.create({ 48 | container: { 49 | flex: 1, 50 | backgroundColor: '#e5e5e5', 51 | }, 52 | buttonContainer: { 53 | flex: 1, 54 | flexDirection: 'column', 55 | justifyContent: 'center', 56 | alignItems: 'center', 57 | }, 58 | button: { 59 | borderWidth: 1, 60 | borderRadius: 3, 61 | width: 200, 62 | marginTop: 5, marginBottom: 5, 63 | }, 64 | buttonText: { 65 | fontSize: 30, 66 | textAlign: 'center', 67 | }, 68 | }); 69 | 70 | class Example extends React.Component { 71 | state = { 72 | currentView: false, 73 | } 74 | renderButtons() { 75 | return VIEWS.map(({ name, Component }) => ( 76 | 77 | {name} 78 | 79 | )); 80 | } 81 | showView = Component => () => this.setState({ currentView: Component }); 82 | goBack = () => this.setState({ currentView: false }); 83 | render() { 84 | const ExampleView = this.state.currentView; 85 | return ( 86 | 87 | { 88 | !ExampleView && 89 | {this.renderButtons()} 90 | 91 | } 92 | { 93 | ExampleView && 94 | } 95 | 96 | ); 97 | } 98 | } 99 | 100 | AppRegistry.registerComponent('Example', () => Example); 101 | -------------------------------------------------------------------------------- /Example/ios/Example.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* ExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* ExampleTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 26 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 27 | /* End PBXBuildFile section */ 28 | 29 | /* Begin PBXContainerItemProxy section */ 30 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 31 | isa = PBXContainerItemProxy; 32 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 33 | proxyType = 2; 34 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 35 | remoteInfo = RCTActionSheet; 36 | }; 37 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 38 | isa = PBXContainerItemProxy; 39 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 40 | proxyType = 2; 41 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 42 | remoteInfo = RCTGeolocation; 43 | }; 44 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 45 | isa = PBXContainerItemProxy; 46 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 47 | proxyType = 2; 48 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 49 | remoteInfo = RCTImage; 50 | }; 51 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 52 | isa = PBXContainerItemProxy; 53 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 54 | proxyType = 2; 55 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 56 | remoteInfo = RCTNetwork; 57 | }; 58 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 59 | isa = PBXContainerItemProxy; 60 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 61 | proxyType = 2; 62 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 63 | remoteInfo = RCTVibration; 64 | }; 65 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 66 | isa = PBXContainerItemProxy; 67 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 68 | proxyType = 1; 69 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 70 | remoteInfo = Example; 71 | }; 72 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 73 | isa = PBXContainerItemProxy; 74 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 75 | proxyType = 2; 76 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 77 | remoteInfo = RCTSettings; 78 | }; 79 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 80 | isa = PBXContainerItemProxy; 81 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 82 | proxyType = 2; 83 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 84 | remoteInfo = RCTWebSocket; 85 | }; 86 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 87 | isa = PBXContainerItemProxy; 88 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 89 | proxyType = 2; 90 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 91 | remoteInfo = React; 92 | }; 93 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 94 | isa = PBXContainerItemProxy; 95 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 96 | proxyType = 2; 97 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 98 | remoteInfo = "RCTImage-tvOS"; 99 | }; 100 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 101 | isa = PBXContainerItemProxy; 102 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 103 | proxyType = 2; 104 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 105 | remoteInfo = "RCTLinking-tvOS"; 106 | }; 107 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 108 | isa = PBXContainerItemProxy; 109 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 110 | proxyType = 2; 111 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 112 | remoteInfo = "RCTNetwork-tvOS"; 113 | }; 114 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 115 | isa = PBXContainerItemProxy; 116 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 117 | proxyType = 2; 118 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 119 | remoteInfo = "RCTSettings-tvOS"; 120 | }; 121 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 122 | isa = PBXContainerItemProxy; 123 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 124 | proxyType = 2; 125 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 126 | remoteInfo = "RCTText-tvOS"; 127 | }; 128 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 129 | isa = PBXContainerItemProxy; 130 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 131 | proxyType = 2; 132 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 133 | remoteInfo = "RCTWebSocket-tvOS"; 134 | }; 135 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 136 | isa = PBXContainerItemProxy; 137 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 138 | proxyType = 2; 139 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 140 | remoteInfo = "React-tvOS"; 141 | }; 142 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 143 | isa = PBXContainerItemProxy; 144 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 145 | proxyType = 2; 146 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 147 | remoteInfo = yoga; 148 | }; 149 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 150 | isa = PBXContainerItemProxy; 151 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 152 | proxyType = 2; 153 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 154 | remoteInfo = "yoga-tvOS"; 155 | }; 156 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 157 | isa = PBXContainerItemProxy; 158 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 159 | proxyType = 2; 160 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 161 | remoteInfo = cxxreact; 162 | }; 163 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 164 | isa = PBXContainerItemProxy; 165 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 166 | proxyType = 2; 167 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 168 | remoteInfo = "cxxreact-tvOS"; 169 | }; 170 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 171 | isa = PBXContainerItemProxy; 172 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 173 | proxyType = 2; 174 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 175 | remoteInfo = jschelpers; 176 | }; 177 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 178 | isa = PBXContainerItemProxy; 179 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 180 | proxyType = 2; 181 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 182 | remoteInfo = "jschelpers-tvOS"; 183 | }; 184 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 185 | isa = PBXContainerItemProxy; 186 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 187 | proxyType = 2; 188 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 189 | remoteInfo = RCTAnimation; 190 | }; 191 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 192 | isa = PBXContainerItemProxy; 193 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 194 | proxyType = 2; 195 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 196 | remoteInfo = "RCTAnimation-tvOS"; 197 | }; 198 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 199 | isa = PBXContainerItemProxy; 200 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 201 | proxyType = 2; 202 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 203 | remoteInfo = RCTLinking; 204 | }; 205 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 206 | isa = PBXContainerItemProxy; 207 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 208 | proxyType = 2; 209 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 210 | remoteInfo = RCTText; 211 | }; 212 | /* End PBXContainerItemProxy section */ 213 | 214 | /* Begin PBXFileReference section */ 215 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 216 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 217 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 218 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 219 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 220 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 221 | 00E356EE1AD99517003FC87E /* ExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = ExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 222 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 223 | 00E356F21AD99517003FC87E /* ExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ExampleTests.m; sourceTree = ""; }; 224 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 225 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 226 | 13B07F961A680F5B00A75B9A /* Example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Example.app; sourceTree = BUILT_PRODUCTS_DIR; }; 227 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = Example/AppDelegate.h; sourceTree = ""; }; 228 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = Example/AppDelegate.m; sourceTree = ""; }; 229 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 230 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = Example/Images.xcassets; sourceTree = ""; }; 231 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = Example/Info.plist; sourceTree = ""; }; 232 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = Example/main.m; sourceTree = ""; }; 233 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 234 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 235 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 236 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 237 | /* End PBXFileReference section */ 238 | 239 | /* Begin PBXFrameworksBuildPhase section */ 240 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 241 | isa = PBXFrameworksBuildPhase; 242 | buildActionMask = 2147483647; 243 | files = ( 244 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 245 | ); 246 | runOnlyForDeploymentPostprocessing = 0; 247 | }; 248 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 249 | isa = PBXFrameworksBuildPhase; 250 | buildActionMask = 2147483647; 251 | files = ( 252 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 253 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 254 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 255 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 256 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 257 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 258 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 259 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 260 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 261 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 262 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 263 | ); 264 | runOnlyForDeploymentPostprocessing = 0; 265 | }; 266 | /* End PBXFrameworksBuildPhase section */ 267 | 268 | /* Begin PBXGroup section */ 269 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 270 | isa = PBXGroup; 271 | children = ( 272 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 273 | ); 274 | name = Products; 275 | sourceTree = ""; 276 | }; 277 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 278 | isa = PBXGroup; 279 | children = ( 280 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 281 | ); 282 | name = Products; 283 | sourceTree = ""; 284 | }; 285 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 286 | isa = PBXGroup; 287 | children = ( 288 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 289 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 290 | ); 291 | name = Products; 292 | sourceTree = ""; 293 | }; 294 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 295 | isa = PBXGroup; 296 | children = ( 297 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 298 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 299 | ); 300 | name = Products; 301 | sourceTree = ""; 302 | }; 303 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 304 | isa = PBXGroup; 305 | children = ( 306 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 307 | ); 308 | name = Products; 309 | sourceTree = ""; 310 | }; 311 | 00E356EF1AD99517003FC87E /* ExampleTests */ = { 312 | isa = PBXGroup; 313 | children = ( 314 | 00E356F21AD99517003FC87E /* ExampleTests.m */, 315 | 00E356F01AD99517003FC87E /* Supporting Files */, 316 | ); 317 | path = ExampleTests; 318 | sourceTree = ""; 319 | }; 320 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 321 | isa = PBXGroup; 322 | children = ( 323 | 00E356F11AD99517003FC87E /* Info.plist */, 324 | ); 325 | name = "Supporting Files"; 326 | sourceTree = ""; 327 | }; 328 | 139105B71AF99BAD00B5F7CC /* Products */ = { 329 | isa = PBXGroup; 330 | children = ( 331 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 332 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 333 | ); 334 | name = Products; 335 | sourceTree = ""; 336 | }; 337 | 139FDEE71B06529A00C62182 /* Products */ = { 338 | isa = PBXGroup; 339 | children = ( 340 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 341 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 342 | ); 343 | name = Products; 344 | sourceTree = ""; 345 | }; 346 | 13B07FAE1A68108700A75B9A /* Example */ = { 347 | isa = PBXGroup; 348 | children = ( 349 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 350 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 351 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 352 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 353 | 13B07FB61A68108700A75B9A /* Info.plist */, 354 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 355 | 13B07FB71A68108700A75B9A /* main.m */, 356 | ); 357 | name = Example; 358 | sourceTree = ""; 359 | }; 360 | 146834001AC3E56700842450 /* Products */ = { 361 | isa = PBXGroup; 362 | children = ( 363 | 146834041AC3E56700842450 /* libReact.a */, 364 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 365 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 366 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 367 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 368 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 369 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 370 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 371 | ); 372 | name = Products; 373 | sourceTree = ""; 374 | }; 375 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 376 | isa = PBXGroup; 377 | children = ( 378 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 379 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 380 | ); 381 | name = Products; 382 | sourceTree = ""; 383 | }; 384 | 78C398B11ACF4ADC00677621 /* Products */ = { 385 | isa = PBXGroup; 386 | children = ( 387 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 388 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 389 | ); 390 | name = Products; 391 | sourceTree = ""; 392 | }; 393 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 394 | isa = PBXGroup; 395 | children = ( 396 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 397 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 398 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 399 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 400 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 401 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 402 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 403 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 404 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 405 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 406 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 407 | ); 408 | name = Libraries; 409 | sourceTree = ""; 410 | }; 411 | 832341B11AAA6A8300B99B32 /* Products */ = { 412 | isa = PBXGroup; 413 | children = ( 414 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 415 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 416 | ); 417 | name = Products; 418 | sourceTree = ""; 419 | }; 420 | 83CBB9F61A601CBA00E9B192 = { 421 | isa = PBXGroup; 422 | children = ( 423 | 13B07FAE1A68108700A75B9A /* Example */, 424 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 425 | 00E356EF1AD99517003FC87E /* ExampleTests */, 426 | 83CBBA001A601CBA00E9B192 /* Products */, 427 | ); 428 | indentWidth = 2; 429 | sourceTree = ""; 430 | tabWidth = 2; 431 | }; 432 | 83CBBA001A601CBA00E9B192 /* Products */ = { 433 | isa = PBXGroup; 434 | children = ( 435 | 13B07F961A680F5B00A75B9A /* Example.app */, 436 | 00E356EE1AD99517003FC87E /* ExampleTests.xctest */, 437 | ); 438 | name = Products; 439 | sourceTree = ""; 440 | }; 441 | /* End PBXGroup section */ 442 | 443 | /* Begin PBXNativeTarget section */ 444 | 00E356ED1AD99517003FC87E /* ExampleTests */ = { 445 | isa = PBXNativeTarget; 446 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "ExampleTests" */; 447 | buildPhases = ( 448 | 00E356EA1AD99517003FC87E /* Sources */, 449 | 00E356EB1AD99517003FC87E /* Frameworks */, 450 | 00E356EC1AD99517003FC87E /* Resources */, 451 | ); 452 | buildRules = ( 453 | ); 454 | dependencies = ( 455 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 456 | ); 457 | name = ExampleTests; 458 | productName = ExampleTests; 459 | productReference = 00E356EE1AD99517003FC87E /* ExampleTests.xctest */; 460 | productType = "com.apple.product-type.bundle.unit-test"; 461 | }; 462 | 13B07F861A680F5B00A75B9A /* Example */ = { 463 | isa = PBXNativeTarget; 464 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Example" */; 465 | buildPhases = ( 466 | 13B07F871A680F5B00A75B9A /* Sources */, 467 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 468 | 13B07F8E1A680F5B00A75B9A /* Resources */, 469 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 470 | ); 471 | buildRules = ( 472 | ); 473 | dependencies = ( 474 | ); 475 | name = Example; 476 | productName = "Hello World"; 477 | productReference = 13B07F961A680F5B00A75B9A /* Example.app */; 478 | productType = "com.apple.product-type.application"; 479 | }; 480 | /* End PBXNativeTarget section */ 481 | 482 | /* Begin PBXProject section */ 483 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 484 | isa = PBXProject; 485 | attributes = { 486 | LastUpgradeCheck = 0820; 487 | ORGANIZATIONNAME = Facebook; 488 | TargetAttributes = { 489 | 00E356ED1AD99517003FC87E = { 490 | CreatedOnToolsVersion = 6.2; 491 | DevelopmentTeam = 6D5N473QP3; 492 | TestTargetID = 13B07F861A680F5B00A75B9A; 493 | }; 494 | 13B07F861A680F5B00A75B9A = { 495 | DevelopmentTeam = 6D5N473QP3; 496 | }; 497 | }; 498 | }; 499 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Example" */; 500 | compatibilityVersion = "Xcode 3.2"; 501 | developmentRegion = English; 502 | hasScannedForEncodings = 0; 503 | knownRegions = ( 504 | en, 505 | Base, 506 | ); 507 | mainGroup = 83CBB9F61A601CBA00E9B192; 508 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 509 | projectDirPath = ""; 510 | projectReferences = ( 511 | { 512 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 513 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 514 | }, 515 | { 516 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 517 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 518 | }, 519 | { 520 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 521 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 522 | }, 523 | { 524 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 525 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 526 | }, 527 | { 528 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 529 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 530 | }, 531 | { 532 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 533 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 534 | }, 535 | { 536 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 537 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 538 | }, 539 | { 540 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 541 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 542 | }, 543 | { 544 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 545 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 546 | }, 547 | { 548 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 549 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 550 | }, 551 | { 552 | ProductGroup = 146834001AC3E56700842450 /* Products */; 553 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 554 | }, 555 | ); 556 | projectRoot = ""; 557 | targets = ( 558 | 13B07F861A680F5B00A75B9A /* Example */, 559 | 00E356ED1AD99517003FC87E /* ExampleTests */, 560 | ); 561 | }; 562 | /* End PBXProject section */ 563 | 564 | /* Begin PBXReferenceProxy section */ 565 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 566 | isa = PBXReferenceProxy; 567 | fileType = archive.ar; 568 | path = libRCTActionSheet.a; 569 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 570 | sourceTree = BUILT_PRODUCTS_DIR; 571 | }; 572 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 573 | isa = PBXReferenceProxy; 574 | fileType = archive.ar; 575 | path = libRCTGeolocation.a; 576 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 577 | sourceTree = BUILT_PRODUCTS_DIR; 578 | }; 579 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 580 | isa = PBXReferenceProxy; 581 | fileType = archive.ar; 582 | path = libRCTImage.a; 583 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 584 | sourceTree = BUILT_PRODUCTS_DIR; 585 | }; 586 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 587 | isa = PBXReferenceProxy; 588 | fileType = archive.ar; 589 | path = libRCTNetwork.a; 590 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 591 | sourceTree = BUILT_PRODUCTS_DIR; 592 | }; 593 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 594 | isa = PBXReferenceProxy; 595 | fileType = archive.ar; 596 | path = libRCTVibration.a; 597 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 598 | sourceTree = BUILT_PRODUCTS_DIR; 599 | }; 600 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 601 | isa = PBXReferenceProxy; 602 | fileType = archive.ar; 603 | path = libRCTSettings.a; 604 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 605 | sourceTree = BUILT_PRODUCTS_DIR; 606 | }; 607 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 608 | isa = PBXReferenceProxy; 609 | fileType = archive.ar; 610 | path = libRCTWebSocket.a; 611 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 612 | sourceTree = BUILT_PRODUCTS_DIR; 613 | }; 614 | 146834041AC3E56700842450 /* libReact.a */ = { 615 | isa = PBXReferenceProxy; 616 | fileType = archive.ar; 617 | path = libReact.a; 618 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 619 | sourceTree = BUILT_PRODUCTS_DIR; 620 | }; 621 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 622 | isa = PBXReferenceProxy; 623 | fileType = archive.ar; 624 | path = "libRCTImage-tvOS.a"; 625 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 626 | sourceTree = BUILT_PRODUCTS_DIR; 627 | }; 628 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 629 | isa = PBXReferenceProxy; 630 | fileType = archive.ar; 631 | path = "libRCTLinking-tvOS.a"; 632 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 633 | sourceTree = BUILT_PRODUCTS_DIR; 634 | }; 635 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 636 | isa = PBXReferenceProxy; 637 | fileType = archive.ar; 638 | path = "libRCTNetwork-tvOS.a"; 639 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 640 | sourceTree = BUILT_PRODUCTS_DIR; 641 | }; 642 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 643 | isa = PBXReferenceProxy; 644 | fileType = archive.ar; 645 | path = "libRCTSettings-tvOS.a"; 646 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 647 | sourceTree = BUILT_PRODUCTS_DIR; 648 | }; 649 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 650 | isa = PBXReferenceProxy; 651 | fileType = archive.ar; 652 | path = "libRCTText-tvOS.a"; 653 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 654 | sourceTree = BUILT_PRODUCTS_DIR; 655 | }; 656 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 657 | isa = PBXReferenceProxy; 658 | fileType = archive.ar; 659 | path = "libRCTWebSocket-tvOS.a"; 660 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 661 | sourceTree = BUILT_PRODUCTS_DIR; 662 | }; 663 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 664 | isa = PBXReferenceProxy; 665 | fileType = archive.ar; 666 | path = libReact.a; 667 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 668 | sourceTree = BUILT_PRODUCTS_DIR; 669 | }; 670 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 671 | isa = PBXReferenceProxy; 672 | fileType = archive.ar; 673 | path = libyoga.a; 674 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 675 | sourceTree = BUILT_PRODUCTS_DIR; 676 | }; 677 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 678 | isa = PBXReferenceProxy; 679 | fileType = archive.ar; 680 | path = libyoga.a; 681 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 682 | sourceTree = BUILT_PRODUCTS_DIR; 683 | }; 684 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 685 | isa = PBXReferenceProxy; 686 | fileType = archive.ar; 687 | path = libcxxreact.a; 688 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 689 | sourceTree = BUILT_PRODUCTS_DIR; 690 | }; 691 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 692 | isa = PBXReferenceProxy; 693 | fileType = archive.ar; 694 | path = libcxxreact.a; 695 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 696 | sourceTree = BUILT_PRODUCTS_DIR; 697 | }; 698 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 699 | isa = PBXReferenceProxy; 700 | fileType = archive.ar; 701 | path = libjschelpers.a; 702 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 703 | sourceTree = BUILT_PRODUCTS_DIR; 704 | }; 705 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 706 | isa = PBXReferenceProxy; 707 | fileType = archive.ar; 708 | path = libjschelpers.a; 709 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 710 | sourceTree = BUILT_PRODUCTS_DIR; 711 | }; 712 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 713 | isa = PBXReferenceProxy; 714 | fileType = archive.ar; 715 | path = libRCTAnimation.a; 716 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 717 | sourceTree = BUILT_PRODUCTS_DIR; 718 | }; 719 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 720 | isa = PBXReferenceProxy; 721 | fileType = archive.ar; 722 | path = "libRCTAnimation-tvOS.a"; 723 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 724 | sourceTree = BUILT_PRODUCTS_DIR; 725 | }; 726 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 727 | isa = PBXReferenceProxy; 728 | fileType = archive.ar; 729 | path = libRCTLinking.a; 730 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 731 | sourceTree = BUILT_PRODUCTS_DIR; 732 | }; 733 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 734 | isa = PBXReferenceProxy; 735 | fileType = archive.ar; 736 | path = libRCTText.a; 737 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 738 | sourceTree = BUILT_PRODUCTS_DIR; 739 | }; 740 | /* End PBXReferenceProxy section */ 741 | 742 | /* Begin PBXResourcesBuildPhase section */ 743 | 00E356EC1AD99517003FC87E /* Resources */ = { 744 | isa = PBXResourcesBuildPhase; 745 | buildActionMask = 2147483647; 746 | files = ( 747 | ); 748 | runOnlyForDeploymentPostprocessing = 0; 749 | }; 750 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 751 | isa = PBXResourcesBuildPhase; 752 | buildActionMask = 2147483647; 753 | files = ( 754 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 755 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 756 | ); 757 | runOnlyForDeploymentPostprocessing = 0; 758 | }; 759 | /* End PBXResourcesBuildPhase section */ 760 | 761 | /* Begin PBXShellScriptBuildPhase section */ 762 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 763 | isa = PBXShellScriptBuildPhase; 764 | buildActionMask = 2147483647; 765 | files = ( 766 | ); 767 | inputPaths = ( 768 | ); 769 | name = "Bundle React Native code and images"; 770 | outputPaths = ( 771 | ); 772 | runOnlyForDeploymentPostprocessing = 0; 773 | shellPath = /bin/sh; 774 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 775 | }; 776 | /* End PBXShellScriptBuildPhase section */ 777 | 778 | /* Begin PBXSourcesBuildPhase section */ 779 | 00E356EA1AD99517003FC87E /* Sources */ = { 780 | isa = PBXSourcesBuildPhase; 781 | buildActionMask = 2147483647; 782 | files = ( 783 | 00E356F31AD99517003FC87E /* ExampleTests.m in Sources */, 784 | ); 785 | runOnlyForDeploymentPostprocessing = 0; 786 | }; 787 | 13B07F871A680F5B00A75B9A /* Sources */ = { 788 | isa = PBXSourcesBuildPhase; 789 | buildActionMask = 2147483647; 790 | files = ( 791 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 792 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 793 | ); 794 | runOnlyForDeploymentPostprocessing = 0; 795 | }; 796 | /* End PBXSourcesBuildPhase section */ 797 | 798 | /* Begin PBXTargetDependency section */ 799 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 800 | isa = PBXTargetDependency; 801 | target = 13B07F861A680F5B00A75B9A /* Example */; 802 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 803 | }; 804 | /* End PBXTargetDependency section */ 805 | 806 | /* Begin PBXVariantGroup section */ 807 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 808 | isa = PBXVariantGroup; 809 | children = ( 810 | 13B07FB21A68108700A75B9A /* Base */, 811 | ); 812 | name = LaunchScreen.xib; 813 | path = Example; 814 | sourceTree = ""; 815 | }; 816 | /* End PBXVariantGroup section */ 817 | 818 | /* Begin XCBuildConfiguration section */ 819 | 00E356F61AD99517003FC87E /* Debug */ = { 820 | isa = XCBuildConfiguration; 821 | buildSettings = { 822 | BUNDLE_LOADER = "$(TEST_HOST)"; 823 | DEVELOPMENT_TEAM = 6D5N473QP3; 824 | GCC_PREPROCESSOR_DEFINITIONS = ( 825 | "DEBUG=1", 826 | "$(inherited)", 827 | ); 828 | INFOPLIST_FILE = ExampleTests/Info.plist; 829 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 830 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 831 | OTHER_LDFLAGS = "-lc++"; 832 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 833 | PRODUCT_NAME = "$(TARGET_NAME)"; 834 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example.app/Example"; 835 | }; 836 | name = Debug; 837 | }; 838 | 00E356F71AD99517003FC87E /* Release */ = { 839 | isa = XCBuildConfiguration; 840 | buildSettings = { 841 | BUNDLE_LOADER = "$(TEST_HOST)"; 842 | COPY_PHASE_STRIP = NO; 843 | DEVELOPMENT_TEAM = 6D5N473QP3; 844 | INFOPLIST_FILE = ExampleTests/Info.plist; 845 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 846 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 847 | OTHER_LDFLAGS = "-lc++"; 848 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 849 | PRODUCT_NAME = "$(TARGET_NAME)"; 850 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example.app/Example"; 851 | }; 852 | name = Release; 853 | }; 854 | 13B07F941A680F5B00A75B9A /* Debug */ = { 855 | isa = XCBuildConfiguration; 856 | buildSettings = { 857 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 858 | CURRENT_PROJECT_VERSION = 1; 859 | DEAD_CODE_STRIPPING = NO; 860 | DEVELOPMENT_TEAM = 6D5N473QP3; 861 | INFOPLIST_FILE = Example/Info.plist; 862 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 863 | OTHER_LDFLAGS = ( 864 | "$(inherited)", 865 | "-ObjC", 866 | "-lc++", 867 | ); 868 | PRODUCT_BUNDLE_IDENTIFIER = "com.nomadreact.react-native-hammerjs.Example"; 869 | PRODUCT_NAME = Example; 870 | VERSIONING_SYSTEM = "apple-generic"; 871 | }; 872 | name = Debug; 873 | }; 874 | 13B07F951A680F5B00A75B9A /* Release */ = { 875 | isa = XCBuildConfiguration; 876 | buildSettings = { 877 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 878 | CURRENT_PROJECT_VERSION = 1; 879 | DEVELOPMENT_TEAM = 6D5N473QP3; 880 | INFOPLIST_FILE = Example/Info.plist; 881 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 882 | OTHER_LDFLAGS = ( 883 | "$(inherited)", 884 | "-ObjC", 885 | "-lc++", 886 | ); 887 | PRODUCT_BUNDLE_IDENTIFIER = "com.nomadreact.react-native-hammerjs.Example"; 888 | PRODUCT_NAME = Example; 889 | VERSIONING_SYSTEM = "apple-generic"; 890 | }; 891 | name = Release; 892 | }; 893 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 894 | isa = XCBuildConfiguration; 895 | buildSettings = { 896 | ALWAYS_SEARCH_USER_PATHS = NO; 897 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 898 | CLANG_CXX_LIBRARY = "libc++"; 899 | CLANG_ENABLE_MODULES = YES; 900 | CLANG_ENABLE_OBJC_ARC = YES; 901 | CLANG_WARN_BOOL_CONVERSION = YES; 902 | CLANG_WARN_CONSTANT_CONVERSION = YES; 903 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 904 | CLANG_WARN_EMPTY_BODY = YES; 905 | CLANG_WARN_ENUM_CONVERSION = YES; 906 | CLANG_WARN_INFINITE_RECURSION = YES; 907 | CLANG_WARN_INT_CONVERSION = YES; 908 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 909 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 910 | CLANG_WARN_UNREACHABLE_CODE = YES; 911 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 912 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 913 | COPY_PHASE_STRIP = NO; 914 | ENABLE_STRICT_OBJC_MSGSEND = YES; 915 | ENABLE_TESTABILITY = YES; 916 | GCC_C_LANGUAGE_STANDARD = gnu99; 917 | GCC_DYNAMIC_NO_PIC = NO; 918 | GCC_NO_COMMON_BLOCKS = YES; 919 | GCC_OPTIMIZATION_LEVEL = 0; 920 | GCC_PREPROCESSOR_DEFINITIONS = ( 921 | "DEBUG=1", 922 | "$(inherited)", 923 | ); 924 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 925 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 926 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 927 | GCC_WARN_UNDECLARED_SELECTOR = YES; 928 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 929 | GCC_WARN_UNUSED_FUNCTION = YES; 930 | GCC_WARN_UNUSED_VARIABLE = YES; 931 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 932 | MTL_ENABLE_DEBUG_INFO = YES; 933 | ONLY_ACTIVE_ARCH = YES; 934 | SDKROOT = iphoneos; 935 | }; 936 | name = Debug; 937 | }; 938 | 83CBBA211A601CBA00E9B192 /* Release */ = { 939 | isa = XCBuildConfiguration; 940 | buildSettings = { 941 | ALWAYS_SEARCH_USER_PATHS = NO; 942 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 943 | CLANG_CXX_LIBRARY = "libc++"; 944 | CLANG_ENABLE_MODULES = YES; 945 | CLANG_ENABLE_OBJC_ARC = YES; 946 | CLANG_WARN_BOOL_CONVERSION = YES; 947 | CLANG_WARN_CONSTANT_CONVERSION = YES; 948 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 949 | CLANG_WARN_EMPTY_BODY = YES; 950 | CLANG_WARN_ENUM_CONVERSION = YES; 951 | CLANG_WARN_INFINITE_RECURSION = YES; 952 | CLANG_WARN_INT_CONVERSION = YES; 953 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 954 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 955 | CLANG_WARN_UNREACHABLE_CODE = YES; 956 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 957 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 958 | COPY_PHASE_STRIP = YES; 959 | ENABLE_NS_ASSERTIONS = NO; 960 | ENABLE_STRICT_OBJC_MSGSEND = YES; 961 | GCC_C_LANGUAGE_STANDARD = gnu99; 962 | GCC_NO_COMMON_BLOCKS = YES; 963 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 964 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 965 | GCC_WARN_UNDECLARED_SELECTOR = YES; 966 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 967 | GCC_WARN_UNUSED_FUNCTION = YES; 968 | GCC_WARN_UNUSED_VARIABLE = YES; 969 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 970 | MTL_ENABLE_DEBUG_INFO = NO; 971 | SDKROOT = iphoneos; 972 | VALIDATE_PRODUCT = YES; 973 | }; 974 | name = Release; 975 | }; 976 | /* End XCBuildConfiguration section */ 977 | 978 | /* Begin XCConfigurationList section */ 979 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "ExampleTests" */ = { 980 | isa = XCConfigurationList; 981 | buildConfigurations = ( 982 | 00E356F61AD99517003FC87E /* Debug */, 983 | 00E356F71AD99517003FC87E /* Release */, 984 | ); 985 | defaultConfigurationIsVisible = 0; 986 | defaultConfigurationName = Release; 987 | }; 988 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Example" */ = { 989 | isa = XCConfigurationList; 990 | buildConfigurations = ( 991 | 13B07F941A680F5B00A75B9A /* Debug */, 992 | 13B07F951A680F5B00A75B9A /* Release */, 993 | ); 994 | defaultConfigurationIsVisible = 0; 995 | defaultConfigurationName = Release; 996 | }; 997 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Example" */ = { 998 | isa = XCConfigurationList; 999 | buildConfigurations = ( 1000 | 83CBBA201A601CBA00E9B192 /* Debug */, 1001 | 83CBBA211A601CBA00E9B192 /* Release */, 1002 | ); 1003 | defaultConfigurationIsVisible = 0; 1004 | defaultConfigurationName = Release; 1005 | }; 1006 | /* End XCConfigurationList section */ 1007 | }; 1008 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1009 | } 1010 | -------------------------------------------------------------------------------- /Example/ios/Example.xcodeproj/xcshareddata/xcschemes/Example.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /Example/ios/Example/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /Example/ios/Example/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"Example" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /Example/ios/Example/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /Example/ios/Example/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /Example/ios/Example/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | NSAppTransportSecurity 26 | 27 | NSExceptionDomains 28 | 29 | localhost 30 | 31 | NSExceptionAllowsInsecureHTTPLoads 32 | 33 | 34 | 35 | 36 | NSLocationWhenInUseUsageDescription 37 | 38 | UILaunchStoryboardName 39 | LaunchScreen 40 | UIRequiredDeviceCapabilities 41 | 42 | armv7 43 | 44 | UISupportedInterfaceOrientations 45 | 46 | UIInterfaceOrientationPortrait 47 | UIInterfaceOrientationLandscapeLeft 48 | UIInterfaceOrientationLandscapeRight 49 | 50 | UIViewControllerBasedStatusBarAppearance 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /Example/ios/Example/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Example/ios/ExampleTests/ExampleTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface ExampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation ExampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /Example/ios/ExampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /Example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Example", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node node_modules/react-native/local-cli/cli.js start", 7 | "test": "jest" 8 | }, 9 | "dependencies": { 10 | "react": "~15.4.0-rc.4", 11 | "react-native": "0.40.0", 12 | "react-native-hammerjs": "longseespace/react-native-hammerjs" 13 | }, 14 | "devDependencies": { 15 | "babel-jest": "18.0.0", 16 | "babel-preset-react-native": "1.9.1", 17 | "jest": "18.1.0", 18 | "react-test-renderer": "~15.4.0-rc.4" 19 | }, 20 | "jest": { 21 | "preset": "react-native" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /Example/src/check.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/src/check.png -------------------------------------------------------------------------------- /Example/src/double-tap-view.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 3 | import { 4 | StyleSheet, 5 | View, 6 | Image, 7 | Text, 8 | } from 'react-native'; 9 | 10 | // const IMAGE_WIDTH = 3229; 11 | const IMAGE_HEIGHT = 400; 12 | 13 | const styles = StyleSheet.create({ 14 | touchpad: { 15 | backgroundColor: '#e5e5e5', 16 | position: 'absolute', 17 | top: 0, 18 | left: 0, 19 | right: 0, 20 | bottom: 0, 21 | }, 22 | image: { 23 | height: IMAGE_HEIGHT, 24 | }, 25 | pagination: { 26 | fontSize: 50, 27 | color: 'gray', 28 | textAlign: 'center', 29 | }, 30 | active: { 31 | color: 'red', 32 | }, 33 | }); 34 | 35 | const IMAGES = [ 36 | require('./pano-1.jpg'), 37 | require('./pano-2.jpg'), 38 | require('./pano-3.jpg'), 39 | ]; 40 | 41 | class GestureView extends React.Component { 42 | state = { 43 | imgIndex: 0, 44 | } 45 | 46 | componentDidMount() { 47 | const mc = this.props.hammer; 48 | mc.add(new Hammer.Tap({ event: 'doubletap', taps: 2 })); 49 | mc.on('doubletap', () => this.setState({ 50 | imgIndex: (this.state.imgIndex + 1) % IMAGES.length, 51 | })); 52 | } 53 | 54 | render() { 55 | const connectEventHandlers = this.props.connectEventHandlers; 56 | return connectEventHandlers( 57 | 58 | 63 | 64 | 1 65 | 2 66 | 3 67 | 68 | 69 | ); 70 | } 71 | } 72 | 73 | export default injectHammer(GestureView); 74 | -------------------------------------------------------------------------------- /Example/src/pan-view.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 3 | import { StyleSheet, View, Image } from 'react-native'; 4 | 5 | const IMAGE_WIDTH = 3229; 6 | const IMAGE_HEIGHT = 400; 7 | 8 | const styles = StyleSheet.create({ 9 | image: { 10 | height: IMAGE_HEIGHT, 11 | }, 12 | }); 13 | 14 | class GestureView extends React.Component { 15 | state = { 16 | translateX: 0, 17 | } 18 | 19 | componentDidMount() { 20 | const mc = this.props.hammer; 21 | mc.add(new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, threshold: 0 })); 22 | 23 | mc.on('pan', e => { 24 | const newX = Math.max(Math.min(this.state.translateX + e.deltaX, 0), -IMAGE_WIDTH); 25 | this.setState({ 26 | translateX: newX, 27 | }); 28 | }); 29 | } 30 | 31 | render() { 32 | const connectEventHandlers = this.props.connectEventHandlers; 33 | const localStyles = StyleSheet.create({ 34 | transformed: { 35 | transform: [ 36 | { translateX: this.state.translateX }, 37 | ], 38 | }, 39 | }); 40 | return connectEventHandlers( 41 | 42 | 47 | 48 | ); 49 | } 50 | } 51 | 52 | export default injectHammer(GestureView); 53 | -------------------------------------------------------------------------------- /Example/src/pano-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/src/pano-1.jpg -------------------------------------------------------------------------------- /Example/src/pano-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/src/pano-2.jpg -------------------------------------------------------------------------------- /Example/src/pano-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/src/pano-3.jpg -------------------------------------------------------------------------------- /Example/src/pinch-view.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 3 | import { 4 | StyleSheet, 5 | View, 6 | Image, 7 | } from 'react-native'; 8 | import image from './pano-1.jpg'; 9 | 10 | // const IMAGE_WIDTH = 3229; 11 | const IMAGE_HEIGHT = 400; 12 | 13 | const styles = StyleSheet.create({ 14 | touchpad: { 15 | backgroundColor: '#e5e5e5', 16 | position: 'absolute', 17 | top: 0, 18 | left: 0, 19 | right: 0, 20 | bottom: 0, 21 | }, 22 | image: { 23 | height: IMAGE_HEIGHT, 24 | }, 25 | }); 26 | 27 | class GestureView extends React.Component { 28 | state = { 29 | scale: 1, 30 | } 31 | 32 | componentDidMount() { 33 | const mc = this.props.hammer; 34 | mc.add(new Hammer.Pinch()); 35 | // FIXME: Debounce setting state and/or apply animation here 36 | mc.on('pinchmove', e => this.setState({ scale: Math.max(this.state.scale * e.scale, 1) })); 37 | } 38 | 39 | render() { 40 | const connectEventHandlers = this.props.connectEventHandlers; 41 | const localStyles = StyleSheet.create({ 42 | transformed: { 43 | transform: [ 44 | { scale: this.state.scale }, 45 | ], 46 | }, 47 | }); 48 | return connectEventHandlers( 49 | 50 | 55 | , 56 | ); 57 | } 58 | } 59 | 60 | export default injectHammer(GestureView); 61 | -------------------------------------------------------------------------------- /Example/src/press-view.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 3 | import { 4 | StyleSheet, 5 | View, 6 | Image 7 | } from 'react-native'; 8 | 9 | const IMAGE_WIDTH = 3229; 10 | const IMAGE_HEIGHT = 400; 11 | 12 | const styles = StyleSheet.create({ 13 | touchpad: { 14 | backgroundColor: '#e5e5e5', 15 | position: 'absolute', 16 | top: 0, left: 0, right: 0, bottom: 0 17 | }, 18 | image: { 19 | height: IMAGE_HEIGHT 20 | }, 21 | pressed: { 22 | opacity: 0.4, 23 | }, 24 | check: { 25 | width: 64, height: 64, 26 | position: 'absolute', 27 | top: 160, left: 150, 28 | tintColor: 'green' 29 | } 30 | }); 31 | 32 | class GestureView extends React.Component { 33 | state = { 34 | pressed: false, 35 | } 36 | 37 | componentDidMount() { 38 | const mc = this.props.hammer; 39 | mc.add( new Hammer.Press({ time: 1000 }) ); 40 | 41 | mc.on('press', e => { 42 | this.setState({ 43 | pressed: !this.state.pressed 44 | }); 45 | }); 46 | } 47 | 48 | render() { 49 | const connectEventHandlers = this.props.connectEventHandlers; 50 | return connectEventHandlers( 51 | 52 | 57 | { this.state.pressed && } 62 | 63 | ); 64 | } 65 | }; 66 | 67 | export default injectHammer(GestureView); 68 | -------------------------------------------------------------------------------- /Example/src/rotate-view.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 3 | import { 4 | StyleSheet, 5 | View, 6 | Image 7 | } from 'react-native'; 8 | 9 | const IMAGE_WIDTH = 400; 10 | const IMAGE_HEIGHT = 400; 11 | 12 | const styles = StyleSheet.create({ 13 | touchpad: { 14 | backgroundColor: '#e5e5e5', 15 | position: 'absolute', 16 | top: 0, left: 0, right: 0, bottom: 0 17 | }, 18 | image: { 19 | height: IMAGE_HEIGHT 20 | } 21 | }); 22 | 23 | class GestureView extends React.Component { 24 | state = { 25 | rotate: 0, 26 | } 27 | 28 | componentDidMount() { 29 | const mc = this.props.hammer; 30 | mc.add( new Hammer.Rotate() ); 31 | mc.on('rotatemove', e => this.setState({ rotate: e.rotation })); 32 | } 33 | 34 | render() { 35 | const connectEventHandlers = this.props.connectEventHandlers; 36 | const localStyles = StyleSheet.create({ 37 | transformed: { 38 | transform: [ 39 | { rotate: `${this.state.rotate}deg` } 40 | ] 41 | } 42 | }); 43 | return connectEventHandlers( 44 | 45 | 50 | 51 | ); 52 | } 53 | }; 54 | 55 | export default injectHammer(GestureView); 56 | -------------------------------------------------------------------------------- /Example/src/swipe-view.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 3 | import { 4 | StyleSheet, 5 | View, 6 | Image, 7 | Text, 8 | } from 'react-native'; 9 | 10 | const IMAGE_WIDTH = 3229; 11 | const IMAGE_HEIGHT = 400; 12 | 13 | const styles = StyleSheet.create({ 14 | touchpad: { 15 | backgroundColor: '#e5e5e5', 16 | position: 'absolute', 17 | top: 0, left: 0, right: 0, bottom: 0 18 | }, 19 | image: { 20 | height: IMAGE_HEIGHT 21 | }, 22 | pagination: { 23 | fontSize: 50, 24 | color: 'gray', 25 | textAlign: 'center' 26 | }, 27 | active: { 28 | color: 'red' 29 | } 30 | }); 31 | 32 | const IMAGES = [ 33 | require('./pano-1.jpg'), 34 | require('./pano-2.jpg'), 35 | require('./pano-3.jpg'), 36 | ]; 37 | 38 | class GestureView extends React.Component { 39 | state = { 40 | imgIndex: 0, 41 | } 42 | 43 | componentDidMount() { 44 | const mc = this.props.hammer; 45 | mc.add( new Hammer.Swipe() ); 46 | mc.on('swipeleft', () => this.setState({ 47 | imgIndex: (this.state.imgIndex + 1) % IMAGES.length 48 | })); 49 | mc.on('swiperight', () => this.setState({ 50 | imgIndex: (this.state.imgIndex - 1 + IMAGES.length) % IMAGES.length 51 | })); 52 | } 53 | 54 | render() { 55 | const connectEventHandlers = this.props.connectEventHandlers; 56 | return connectEventHandlers( 57 | 58 | 63 | 64 | 1 65 | 2 66 | 3 67 | 68 | 69 | ); 70 | } 71 | }; 72 | 73 | export default injectHammer(GestureView); 74 | -------------------------------------------------------------------------------- /Example/src/tap-view.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 3 | import { 4 | StyleSheet, 5 | View, 6 | Image, 7 | Text, 8 | } from 'react-native'; 9 | 10 | const IMAGE_WIDTH = 3229; 11 | const IMAGE_HEIGHT = 400; 12 | 13 | const styles = StyleSheet.create({ 14 | touchpad: { 15 | backgroundColor: '#e5e5e5', 16 | position: 'absolute', 17 | top: 0, left: 0, right: 0, bottom: 0 18 | }, 19 | image: { 20 | height: IMAGE_HEIGHT 21 | }, 22 | pagination: { 23 | fontSize: 50, 24 | color: 'gray', 25 | textAlign: 'center' 26 | }, 27 | active: { 28 | color: 'red' 29 | } 30 | }); 31 | 32 | const IMAGES = [ 33 | require('./pano-1.jpg'), 34 | require('./pano-2.jpg'), 35 | require('./pano-3.jpg'), 36 | ]; 37 | 38 | class GestureView extends React.Component { 39 | state = { 40 | imgIndex: 0, 41 | } 42 | 43 | componentDidMount() { 44 | const mc = this.props.hammer; 45 | mc.add( new Hammer.Tap() ); 46 | mc.on('tap', () => this.setState({ 47 | imgIndex: (this.state.imgIndex + 1) % IMAGES.length 48 | })); 49 | } 50 | 51 | render() { 52 | const connectEventHandlers = this.props.connectEventHandlers; 53 | return connectEventHandlers( 54 | 55 | 60 | 61 | 1 62 | 2 63 | 3 64 | 65 | 66 | ); 67 | } 68 | }; 69 | 70 | export default injectHammer(GestureView); 71 | -------------------------------------------------------------------------------- /Example/src/util.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | StyleSheet, 4 | View, 5 | TouchableHighlight, 6 | Text, 7 | } from 'react-native'; 8 | 9 | const styles = StyleSheet.create({ 10 | touchpad: { 11 | backgroundColor: '#e5e5e5', 12 | position: 'absolute', 13 | top: 0, left: 0, right: 0, bottom: 0 14 | }, 15 | button: { 16 | position: 'absolute', 17 | left: 0, right: 0, bottom: 0, 18 | flex: 1, 19 | flexDirection: 'column', 20 | justifyContent: 'center', 21 | alignItems: 'center', 22 | }, 23 | buttonText: { 24 | width: 100, 25 | borderWidth: 1, 26 | borderRadius: 3, 27 | fontSize: 30, 28 | textAlign: 'center' 29 | }, 30 | }); 31 | 32 | export const injectGoBackButton = (Component) => ({ goBack, ...props }) => ( 33 | 34 | 35 | 36 | Back 37 | 38 | 39 | ) 40 | -------------------------------------------------------------------------------- /Example/src/ww.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/longseespace/react-native-hammerjs/400ffdc98df3e2d0818517560b3ce40937609cdc/Example/src/ww.jpg -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (C) 2015-2016 by Long Nguyen 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Hammer Native 2 | [Hammer.JS](http://hammerjs.github.io) for React Native. HammerJS is a javascript library for multi-touch gestures. 3 | 4 | [![Build Status](https://travis-ci.org/longseespace/react-native-hammerjs.svg?branch=master)](https://travis-ci.org/longseespace/react-native-hammerjs) 5 | [![npm](https://img.shields.io/npm/v/npm.svg?maxAge=2592000)](https://www.npmjs.com/package/react-native-hammerjs) 6 | [![hammer.js](https://img.shields.io/badge/hammer.js-v2.0.8-green.svg)](http://hammerjs.github.io) 7 | 8 | 9 | ## Installation 10 | `npm install --save react-native-hammerjs` 11 | 12 | ## Usage 13 | 14 | ```jsx 15 | 16 | import { Hammer, injectHammer } from 'react-native-hammerjs'; 17 | 18 | class YourComponent extends React.Component { 19 | componentDidMount() { 20 | const mc = this.props.hammer; 21 | mc.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, threshold: 0 }) ); 22 | 23 | mc.on('pan', e => { 24 | console.log('pan', e); 25 | }); 26 | } 27 | 28 | render() { 29 | const connectEventHandlers = this.props.connectEventHandlers; 30 | return connectEventHandlers( 31 | 32 | 33 | 34 | ); 35 | } 36 | } 37 | 38 | export default injectHammer(YourComponent); 39 | ``` 40 | 41 | For more examples, check out [examples folder](https://github.com/longseespace/react-native-hammerjs/tree/master/ReactNativeHammerJSExample/src) 42 | 43 | This module exposes: 44 | 1. `Hammer`: Hammer class as in `HammerJS` 45 | 2. `injectHammer`: A function that creates a [Higher Order Component](https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750#.kdny7yuwf) that wraps `YourComponent` and injects 2 props: 46 | - `hammer`: a [`Hammer.Manager`](http://hammerjs.github.io/api/#hammer.manager) object. 47 | - `connectEventHandlers`: a function connects native gesture responders with `Hammer.Manager` object. 48 | 49 | ## Contributing 50 | PRs are welcome! 51 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-hammerjs", 3 | "version": "2.0.11", 4 | "description": "HammerJS for React Native", 5 | "main": "src/index.js", 6 | "keywords": [ 7 | "react", 8 | "native", 9 | "hammerjs" 10 | ], 11 | "author": { 12 | "name": "Long Nguyen", 13 | "email": "long@nomadreact.com" 14 | }, 15 | "licenses": [ 16 | { 17 | "type": "MIT", 18 | "url": "https://github.com/longseespace/react-native-hammerjs/blob/master/LICENSE.md" 19 | } 20 | ], 21 | "repository": { 22 | "type": "git", 23 | "url": "git://github.com/longseespace/react-native-hammerjs.git" 24 | }, 25 | "bugs": { 26 | "url": "https://github.com/longseespace/react-native-hammerjs/issues" 27 | }, 28 | "maintainers": [ 29 | { 30 | "name": "Long Nguyen", 31 | "email": "long@nomadreact.com" 32 | } 33 | ], 34 | "peerDependencies": { 35 | "react": "^0.14.0 || ^15.0.0" 36 | }, 37 | "dependencies": { 38 | "hammer-touchemulator": "0.0.2", 39 | "hammerjs": "^2.0.8", 40 | "lodash.clone": "^4.3.2", 41 | "lodash.noop": "^3.0.1" 42 | }, 43 | "devDependencies": { 44 | "babel-eslint": "^6.1.2", 45 | "chai": "^3.5.0", 46 | "eslint": "^3.12.0", 47 | "eslint-config-airbnb": "^13.0.0", 48 | "eslint-plugin-import": "^2.2.0", 49 | "eslint-plugin-jsx-a11y": "^2.2.3", 50 | "eslint-plugin-react": "^6.8.0", 51 | "mocha": "^2.4.5", 52 | "react": "^15.2.1", 53 | "sinon": "^2.0.0-pre" 54 | }, 55 | "scripts": { 56 | "lint": "eslint src test tools", 57 | "test": "mocha --compilers js:babel-register", 58 | "test:watch": "mocha --compilers js:babel-register --reporter min --watch" 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /src/event-target.js: -------------------------------------------------------------------------------- 1 | class EventTarget { 2 | listeners = {}; 3 | 4 | addEventListener = (type, callback) => { 5 | if (!(type in this.listeners)) { 6 | this.listeners[type] = []; 7 | } 8 | this.listeners[type].push(callback); 9 | } 10 | 11 | removeEventListener = (type, callback) => { 12 | if (!(type in this.listeners)) { 13 | return false; 14 | } 15 | const stack = this.listeners[type]; 16 | for (let i = 0, l = stack.length; i < l; i += 1) { 17 | if (stack[i] === callback) { 18 | stack.splice(i, 1); 19 | return this.removeEventListener(type, callback); 20 | } 21 | } 22 | return true; 23 | } 24 | 25 | dispatchEvent = (event) => { 26 | if (!(event.type in this.listeners)) { 27 | return; 28 | } 29 | const stack = this.listeners[event.type]; 30 | // eslint-disable-next-line 31 | event.target = this; 32 | for (let i = 0, l = stack.length; i < l; i += 1) { 33 | stack[i].call(this, event); 34 | } 35 | } 36 | } 37 | 38 | export default EventTarget; 39 | -------------------------------------------------------------------------------- /src/gesture-recognizer.js: -------------------------------------------------------------------------------- 1 | import clone from 'lodash.clone'; 2 | import Hammer from './hammer'; 3 | import { fakeTouchSupport, buildTouchEvent } from './touch-emulator'; 4 | import EventTarget from './event-target'; 5 | 6 | fakeTouchSupport(); 7 | 8 | function buildHammerEvent(type, target, e) { 9 | const event = clone(e.nativeEvent); 10 | event.type = type; 11 | event.x = event.clientX = event.screenX = event.locationX; 12 | event.y = event.clientY = event.screenY = event.locationY; 13 | event.target = target; 14 | return buildTouchEvent(type, event); 15 | } 16 | 17 | class GestureRecognizer { 18 | constructor() { 19 | this.touchHandlers = { 20 | onStartShouldSetResponder: this.onStartShouldSetResponder, 21 | onMoveShouldSetResponder: this.onMoveShouldSetResponder, 22 | onResponderGrant: this.onResponderGrant, 23 | onResponderReject: this.onResponderReject, 24 | onResponderMove: this.onResponderMove, 25 | onResponderRelease: this.onResponderRelease, 26 | onResponderTerminationRequest: this.onResponderTerminationRequest, 27 | onResponderTerminate: this.onResponderTerminate, 28 | }; 29 | 30 | this.fakeElement = new EventTarget(); 31 | 32 | this.hammerManager = new Hammer.Manager(this.fakeElement, { 33 | touchAction: 'compute', 34 | inputClass: Hammer.TouchInput, 35 | }); 36 | } 37 | 38 | onStartShouldSetResponder = () => true; 39 | 40 | onMoveShouldSetResponder = () => true; 41 | 42 | onResponderGrant = (e) => { 43 | this.fakeElement.dispatchEvent(buildHammerEvent('touchstart', this.fakeElement, e)); 44 | }; 45 | 46 | onResponderReject = (e) => { 47 | this.fakeElement.dispatchEvent(buildHammerEvent('touchcancel', this.fakeElement, e)); 48 | }; 49 | 50 | onResponderMove = (e) => { 51 | this.fakeElement.dispatchEvent(buildHammerEvent('touchmove', this.fakeElement, e)); 52 | }; 53 | 54 | onResponderRelease = (e) => { 55 | this.fakeElement.dispatchEvent(buildHammerEvent('touchend', this.fakeElement, e)); 56 | }; 57 | } 58 | 59 | export default GestureRecognizer; 60 | -------------------------------------------------------------------------------- /src/hammer.js: -------------------------------------------------------------------------------- 1 | import noop from 'lodash.noop'; 2 | 3 | document = { 4 | createElement: () => ({ 5 | style: {}, 6 | addEventListener: noop 7 | }), 8 | }; 9 | 10 | window.ontouchstart = noop; 11 | window.addEventListener= noop; 12 | 13 | export default Hammer = require('hammerjs'); 14 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import Hammer from './hammer'; 2 | import { injectHammer } from './util'; 3 | 4 | export { 5 | Hammer, 6 | injectHammer, 7 | }; 8 | 9 | export default Hammer; 10 | -------------------------------------------------------------------------------- /src/touch-emulator.js: -------------------------------------------------------------------------------- 1 | import noop from 'lodash.noop'; 2 | import clone from 'lodash.clone'; 3 | 4 | /** 5 | * create an touch point 6 | * @constructor 7 | * @param target 8 | * @param identifier 9 | * @param pos 10 | * @param deltaX 11 | * @param deltaY 12 | * @returns {Object} touchPoint 13 | */ 14 | class Touch { 15 | constructor(target, identifier, pos, deltaX = 0, deltaY = 0) { 16 | this.identifier = identifier; 17 | this.target = target; 18 | this.clientX = pos.locationX + deltaX; 19 | this.clientY = pos.locationY + deltaY; 20 | this.screenX = pos.locationX + deltaX; 21 | this.screenY = pos.locationY + deltaY; 22 | this.pageX = pos.locationX + deltaX; 23 | this.pageY = pos.locationY + deltaY; 24 | } 25 | } 26 | 27 | /** 28 | * create empty touchlist with the methods 29 | * @constructor 30 | * @returns touchList 31 | */ 32 | class TouchList { 33 | constructor() { 34 | const touchList = []; 35 | 36 | touchList.item = index => this[index] || null; 37 | 38 | // specified by Mozilla 39 | touchList.identifiedTouch = id => this[id + 1] || null; 40 | 41 | return touchList; 42 | } 43 | } 44 | 45 | /** 46 | * Simple trick to fake touch event support 47 | * this is enough for most libraries like Modernizr and Hammer 48 | */ 49 | function fakeTouchSupport() { 50 | const objs = [window, document.documentElement]; 51 | const props = ['ontouchstart', 'ontouchmove', 'ontouchcancel', 'ontouchend']; 52 | 53 | for (let o = 0; o < objs.length; o += 1) { 54 | for (let p = 0; p < props.length; p += 1) { 55 | if (objs[o] && objs[o][props[p]] === undefined) { 56 | objs[o][props[p]] = null; 57 | } 58 | } 59 | } 60 | } 61 | 62 | class TouchSession { 63 | static multiTouchOffset = 75; 64 | multiTouchStartPos = {}; 65 | 66 | constructor(isMultiTouch, multiTouchStartPos) { 67 | this.isMultiTouch = isMultiTouch; 68 | this.multiTouchStartPos = multiTouchStartPos; 69 | } 70 | 71 | /** 72 | * create a touchList based on the mouse event 73 | * @param mouseEv 74 | * @returns {TouchList} 75 | */ 76 | createTouchList(mouseEv) { 77 | if (this.isMultiTouch) { 78 | return mouseEv.touches.map(touch => new Touch(mouseEv.target, touch.identifier, touch, 0, 0)); 79 | } 80 | return [new Touch(mouseEv.target, 1, mouseEv, 0, 0)]; 81 | } 82 | 83 | /** 84 | * receive all active touches 85 | * @param mouseEv 86 | * @returns {TouchList} 87 | */ 88 | getActiveTouches(mouseEv, eventName) { 89 | // empty list 90 | if (mouseEv.type === 'touchend') { 91 | return new TouchList(); 92 | } 93 | 94 | const touchList = this.createTouchList(mouseEv); 95 | if (this.isMultiTouch && mouseEv.type !== 'touchend' && eventName === 'touchend') { 96 | touchList.splice(1, 1); 97 | } 98 | return touchList; 99 | } 100 | 101 | /** 102 | * receive a filtered set of touches with only the changed pointers 103 | * @param mouseEv 104 | * @param eventName 105 | * @returns {TouchList} 106 | */ 107 | getChangedTouches(mouseEv, eventName) { 108 | const touchList = this.createTouchList(mouseEv); 109 | 110 | // we only want to return the added/removed item on multitouch 111 | // which is the second pointer, so remove the first pointer from the touchList 112 | // 113 | // but when the mouseEv.type is mouseup, we want to send all touches because then 114 | // no new input will be possible 115 | if (this.isMultiTouch && mouseEv.type !== 'touchend' && 116 | (eventName === 'touchstart' || eventName === 'touchend')) { 117 | touchList.splice(0, 1); 118 | } 119 | 120 | return touchList; 121 | } 122 | } 123 | 124 | let currentTouchSession; 125 | 126 | /** 127 | * build a touch event 128 | * @param eventName 129 | * @param mouseEv 130 | */ 131 | function buildTouchEvent(eventName, mouseEv) { 132 | if (eventName === 'touchstart') { 133 | const isMultiTouch = mouseEv.touches.length >= 2; 134 | const multiTouchStartPos = { 135 | pageX: mouseEv.screenX, 136 | pageY: mouseEv.screenY, 137 | clientX: mouseEv.clientX, 138 | clientY: mouseEv.clientY, 139 | screenX: mouseEv.screenX, 140 | screenY: mouseEv.screenY, 141 | }; 142 | // FIXME: remove dead vars 143 | currentTouchSession = new TouchSession(isMultiTouch, multiTouchStartPos); 144 | } 145 | 146 | const touchEvent = clone(mouseEv); 147 | touchEvent.eventName = eventName; 148 | touchEvent.preventDefault = noop; 149 | 150 | touchEvent.altKey = mouseEv.altKey; 151 | touchEvent.ctrlKey = mouseEv.ctrlKey; 152 | touchEvent.metaKey = mouseEv.metaKey; 153 | touchEvent.shiftKey = mouseEv.shiftKey; 154 | 155 | touchEvent.touches = currentTouchSession.getActiveTouches(mouseEv, eventName); 156 | touchEvent.targetTouches = currentTouchSession.getActiveTouches(mouseEv, eventName); 157 | touchEvent.changedTouches = currentTouchSession.getChangedTouches(mouseEv, eventName); 158 | 159 | if (eventName === 'touchend') { 160 | currentTouchSession = null; 161 | } 162 | 163 | return touchEvent; 164 | } 165 | 166 | export { fakeTouchSupport }; 167 | export { buildTouchEvent }; 168 | -------------------------------------------------------------------------------- /src/util.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import GestureRecognizer from './gesture-recognizer'; 3 | 4 | /* eslint-disable no-unused-vars */ 5 | const injectEventHandlers = eventHandlers => element => React.cloneElement(element, eventHandlers); 6 | 7 | const injectHammer = OuterComponent => class extends React.Component { 8 | gestureRecognizer = new GestureRecognizer(); 9 | 10 | render() { 11 | return ( 12 | 17 | ); 18 | } 19 | }; 20 | 21 | export { injectHammer }; 22 | export default injectHammer; 23 | -------------------------------------------------------------------------------- /test/event-target.js: -------------------------------------------------------------------------------- 1 | var EventTarget = function() { 2 | this.listeners = {}; 3 | }; 4 | 5 | EventTarget.prototype.listeners = null; 6 | EventTarget.prototype.addEventListener = function(type, callback) { 7 | if(!(type in this.listeners)) { 8 | this.listeners[type] = []; 9 | } 10 | console.log('addEventListener', type); 11 | this.listeners[type].push(callback); 12 | }; 13 | 14 | EventTarget.prototype.removeEventListener = function(type, callback) { 15 | if(!(type in this.listeners)) { 16 | return; 17 | } 18 | var stack = this.listeners[type]; 19 | for(var i = 0, l = stack.length; i < l; i++) { 20 | if(stack[i] === callback){ 21 | stack.splice(i, 1); 22 | return this.removeEventListener(type, callback); 23 | } 24 | } 25 | }; 26 | 27 | EventTarget.prototype.dispatchEvent = function(event) { 28 | if(!(event.type in this.listeners)) { 29 | return; 30 | } 31 | console.log('dispatchEvent', event.type, event); 32 | var stack = this.listeners[event.type]; 33 | event.target = this; 34 | for(var i = 0, l = stack.length; i < l; i++) { 35 | stack[i].call(this, event); 36 | } 37 | }; 38 | -------------------------------------------------------------------------------- /test/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Test 6 | 20 | 21 | 22 | 23 | 24 | 25 | 66 | 67 | 68 |
69 |
70 | 71 | 72 | --------------------------------------------------------------------------------