├── .babelrc ├── .eslintignore ├── .gitignore ├── .npmignore ├── .watchmanconfig ├── CHANGELOG.md ├── LICENSE ├── README.md ├── __tests__ └── index.test.js ├── examples ├── .babelrc ├── .buckconfig ├── .flowconfig ├── .gitattributes ├── .gitignore ├── .watchmanconfig ├── App.js ├── android │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── examples │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.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 ├── app.json ├── components │ ├── Basic │ │ └── index.js │ ├── Dynamic │ │ └── index.js │ ├── Extended │ │ └── index.js │ └── Stack │ │ └── index.js ├── index.js ├── ios │ ├── examples-tvOS │ │ └── Info.plist │ ├── examples-tvOSTests │ │ └── Info.plist │ ├── examples.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ ├── examples-tvOS.xcscheme │ │ │ └── examples.xcscheme │ ├── examples │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ ├── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── examplesTests │ │ ├── Info.plist │ │ └── examplesTests.m ├── package.json ├── scripts │ └── watch-and-copy-src.js ├── shots │ ├── basic.gif │ ├── extended.gif │ ├── leaf.gif │ ├── leaf_stack.gif │ ├── leaf_with_default_progress_bar.gif │ └── stack.gif └── yarn.lock ├── index.js ├── jest-setup.js ├── old-README.md ├── package.json ├── src ├── Swiper.js └── styles.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | #/node_modules and /bower_components ignored by default 2 | 3 | **/node_modules 4 | -------------------------------------------------------------------------------- /.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 -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | logs 3 | *.log 4 | pids 5 | *.pid 6 | *.seed 7 | lib-cov 8 | coverage 9 | .lock-wscript 10 | build/Release 11 | node_modules 12 | res 13 | examples 14 | **/__tests__ 15 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | { 2 | "ignore_dirs": [ 3 | ".git", 4 | "node_modules", 5 | "examples" 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | - [v0.0.1] 2 | + Add swiper and tinder like animations (thanks [@lecede](https://github.com/lecede) and [@brentvatne](https://github.com/lecede)) 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Kingsley Ochu 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 all 13 | 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 THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-swiper-animated 2 | Tinder like animations swiper for React Native 3 | 4 | ## ATTENTION! THIS PACKAGE IS NO LONGER UNMAINTAINED!! 5 | Unfortunately, I don't have the time or motivation to work on the v2 based on `react-native-gesture-handler` instead of RN's `PanResponder`. *This repo will be archived at the end of 2019* 6 | 7 | -------------------------------------------------------------------------------- /__tests__/index.test.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | // Note: test renderer must be required after react-native. 4 | import renderer from 'react-test-renderer'; 5 | import Swiper from '../src/Swiper'; 6 | 7 | describe('Swiper', () => { 8 | it('renders correctly', () => { 9 | renderer.create(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /examples/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /examples/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /examples/.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 | 16 | ; Ignore polyfills 17 | .*/Libraries/polyfills/.* 18 | 19 | ; Ignore metro 20 | .*/node_modules/metro/.* 21 | 22 | [include] 23 | 24 | [libs] 25 | node_modules/react-native/Libraries/react-native/react-native-interface.js 26 | node_modules/react-native/flow/ 27 | node_modules/react-native/flow-github/ 28 | 29 | [options] 30 | emoji=true 31 | 32 | module.system=haste 33 | module.system.haste.use_name_reducers=true 34 | # get basename 35 | module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1' 36 | # strip .js or .js.flow suffix 37 | module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1' 38 | # strip .ios suffix 39 | module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1' 40 | module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1' 41 | module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1' 42 | module.system.haste.paths.blacklist=.*/__tests__/.* 43 | module.system.haste.paths.blacklist=.*/__mocks__/.* 44 | module.system.haste.paths.blacklist=/node_modules/react-native/Libraries/Animated/src/polyfills/.* 45 | module.system.haste.paths.whitelist=/node_modules/react-native/Libraries/.* 46 | 47 | munge_underscores=true 48 | 49 | 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' 50 | 51 | module.file_ext=.js 52 | module.file_ext=.jsx 53 | module.file_ext=.json 54 | module.file_ext=.native.js 55 | 56 | suppress_type=$FlowIssue 57 | suppress_type=$FlowFixMe 58 | suppress_type=$FlowFixMeProps 59 | suppress_type=$FlowFixMeState 60 | 61 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 62 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 63 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 64 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 65 | 66 | [version] 67 | ^0.75.0 68 | -------------------------------------------------------------------------------- /examples/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /examples/.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 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 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://docs.fastlane.tools/best-practices/source-control/ 50 | 51 | */fastlane/report.xml 52 | */fastlane/Preview.html 53 | */fastlane/screenshots 54 | 55 | # Bundle artifact 56 | *.jsbundle 57 | -------------------------------------------------------------------------------- /examples/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /examples/App.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry } from 'react-native'; 2 | // import Basic from './components/Basic'; 3 | import Stack from './components/Stack'; 4 | // import Dynamic from './components/Dynamic'; 5 | // import Extended from './components/Extended'; 6 | 7 | AppRegistry.registerComponent('examples', () => Stack); 8 | -------------------------------------------------------------------------------- /examples/android/app/BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | lib_deps = [] 12 | 13 | for jarfile in glob(['libs/*.jar']): 14 | name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')] 15 | lib_deps.append(':' + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | 21 | for aarfile in glob(['libs/*.aar']): 22 | name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')] 23 | lib_deps.append(':' + name) 24 | android_prebuilt_aar( 25 | name = name, 26 | aar = aarfile, 27 | ) 28 | 29 | android_library( 30 | name = "all-libs", 31 | exported_deps = lib_deps, 32 | ) 33 | 34 | android_library( 35 | name = "app-code", 36 | srcs = glob([ 37 | "src/main/java/**/*.java", 38 | ]), 39 | deps = [ 40 | ":all-libs", 41 | ":build_config", 42 | ":res", 43 | ], 44 | ) 45 | 46 | android_build_config( 47 | name = "build_config", 48 | package = "com.examples", 49 | ) 50 | 51 | android_resource( 52 | name = "res", 53 | package = "com.examples", 54 | res = "src/main/res", 55 | ) 56 | 57 | android_binary( 58 | name = "app", 59 | keystore = "//android/keystores:debug", 60 | manifest = "src/main/AndroidManifest.xml", 61 | package_type = "debug", 62 | deps = [ 63 | ":app-code", 64 | ], 65 | ) 66 | -------------------------------------------------------------------------------- /examples/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 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 37 | * // for example: to disable dev mode in the staging build type (if configured) 38 | * devDisabledInStaging: true, 39 | * // The configuration property can be in the following formats 40 | * // 'devDisabledIn${productFlavor}${buildType}' 41 | * // 'devDisabledIn${buildType}' 42 | * 43 | * // the root of your project, i.e. where "package.json" lives 44 | * root: "../../", 45 | * 46 | * // where to put the JS bundle asset in debug mode 47 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 48 | * 49 | * // where to put the JS bundle asset in release mode 50 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 51 | * 52 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 53 | * // require('./image.png')), in debug mode 54 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 55 | * 56 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 57 | * // require('./image.png')), in release mode 58 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 59 | * 60 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 61 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 62 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 63 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 64 | * // for example, you might want to remove it from here. 65 | * inputExcludes: ["android/**", "ios/**"], 66 | * 67 | * // override which node gets called and with what additional arguments 68 | * nodeExecutableAndArgs: ["node"], 69 | * 70 | * // supply additional arguments to the packager 71 | * extraPackagerArgs: [] 72 | * ] 73 | */ 74 | 75 | project.ext.react = [ 76 | entryFile: "index.js" 77 | ] 78 | 79 | apply from: "../../node_modules/react-native/react.gradle" 80 | 81 | /** 82 | * Set this to true to create two separate APKs instead of one: 83 | * - An APK that only works on ARM devices 84 | * - An APK that only works on x86 devices 85 | * The advantage is the size of the APK is reduced by about 4MB. 86 | * Upload all the APKs to the Play Store and people will download 87 | * the correct one based on the CPU architecture of their device. 88 | */ 89 | def enableSeparateBuildPerCPUArchitecture = false 90 | 91 | /** 92 | * Run Proguard to shrink the Java bytecode in release builds. 93 | */ 94 | def enableProguardInReleaseBuilds = false 95 | 96 | android { 97 | compileSdkVersion rootProject.ext.compileSdkVersion 98 | buildToolsVersion rootProject.ext.buildToolsVersion 99 | 100 | defaultConfig { 101 | applicationId "com.examples" 102 | minSdkVersion rootProject.ext.minSdkVersion 103 | targetSdkVersion rootProject.ext.targetSdkVersion 104 | versionCode 1 105 | versionName "1.0" 106 | ndk { 107 | abiFilters "armeabi-v7a", "x86" 108 | } 109 | } 110 | splits { 111 | abi { 112 | reset() 113 | enable enableSeparateBuildPerCPUArchitecture 114 | universalApk false // If true, also generate a universal APK 115 | include "armeabi-v7a", "x86" 116 | } 117 | } 118 | buildTypes { 119 | release { 120 | minifyEnabled enableProguardInReleaseBuilds 121 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 122 | } 123 | } 124 | // applicationVariants are e.g. debug, release 125 | applicationVariants.all { variant -> 126 | variant.outputs.each { output -> 127 | // For each separate APK per architecture, set a unique version code as described here: 128 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 129 | def versionCodes = ["armeabi-v7a":1, "x86":2] 130 | def abi = output.getFilter(OutputFile.ABI) 131 | if (abi != null) { // null for the universal-debug, universal-release variants 132 | output.versionCodeOverride = 133 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 134 | } 135 | } 136 | } 137 | } 138 | 139 | dependencies { 140 | compile fileTree(dir: "libs", include: ["*.jar"]) 141 | compile "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}" 142 | compile "com.facebook.react:react-native:+" // From node_modules 143 | } 144 | 145 | // Run this once to be able to run the application with BUCK 146 | // puts all compile dependencies into folder libs for BUCK to use 147 | task copyDownloadableDepsToLibs(type: Copy) { 148 | from configurations.compile 149 | into 'libs' 150 | } 151 | -------------------------------------------------------------------------------- /examples/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 | -------------------------------------------------------------------------------- /examples/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 13 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /examples/android/app/src/main/java/com/examples/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.examples; 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 "examples"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /examples/android/app/src/main/java/com/examples/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.examples; 2 | 3 | import android.app.Application; 4 | 5 | import com.facebook.react.ReactApplication; 6 | import com.facebook.react.ReactNativeHost; 7 | import com.facebook.react.ReactPackage; 8 | import com.facebook.react.shell.MainReactPackage; 9 | import com.facebook.soloader.SoLoader; 10 | 11 | import java.util.Arrays; 12 | import java.util.List; 13 | 14 | public class MainApplication extends Application implements ReactApplication { 15 | 16 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 17 | @Override 18 | public boolean getUseDeveloperSupport() { 19 | return BuildConfig.DEBUG; 20 | } 21 | 22 | @Override 23 | protected List getPackages() { 24 | return Arrays.asList( 25 | new MainReactPackage() 26 | ); 27 | } 28 | 29 | @Override 30 | protected String getJSMainModuleName() { 31 | return "index"; 32 | } 33 | }; 34 | 35 | @Override 36 | public ReactNativeHost getReactNativeHost() { 37 | return mReactNativeHost; 38 | } 39 | 40 | @Override 41 | public void onCreate() { 42 | super.onCreate(); 43 | SoLoader.init(this, /* native exopackage */ false); 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | examples 3 | 4 | -------------------------------------------------------------------------------- /examples/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /examples/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 | maven { 7 | url 'https://maven.google.com/' 8 | name 'Google' 9 | } 10 | } 11 | dependencies { 12 | classpath 'com.android.tools.build:gradle:2.3.3' 13 | 14 | // NOTE: Do not place your application dependencies here; they belong 15 | // in the individual module build.gradle files 16 | } 17 | } 18 | 19 | allprojects { 20 | repositories { 21 | mavenLocal() 22 | jcenter() 23 | maven { 24 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 25 | url "$rootDir/../node_modules/react-native/android" 26 | } 27 | maven { 28 | url 'https://maven.google.com/' 29 | name 'Google' 30 | } 31 | } 32 | } 33 | 34 | ext { 35 | buildToolsVersion = "26.0.3" 36 | minSdkVersion = 16 37 | compileSdkVersion = 26 38 | targetSdkVersion = 26 39 | supportLibVersion = "26.1.0" 40 | } 41 | -------------------------------------------------------------------------------- /examples/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 | -------------------------------------------------------------------------------- /examples/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /examples/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-3.5.1-all.zip 6 | -------------------------------------------------------------------------------- /examples/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 | -------------------------------------------------------------------------------- /examples/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 | -------------------------------------------------------------------------------- /examples/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = "debug", 3 | properties = "debug.keystore.properties", 4 | store = "debug.keystore", 5 | visibility = [ 6 | "PUBLIC", 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /examples/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 | -------------------------------------------------------------------------------- /examples/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'examples' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /examples/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "examples", 3 | "displayName": "examples" 4 | } -------------------------------------------------------------------------------- /examples/components/Basic/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Text, 4 | View, 5 | } from 'react-native'; 6 | import Swiper from 'react-native-swiper-animated'; 7 | 8 | const styles = { 9 | wrapper: { 10 | backgroundColor: '#009688', 11 | }, 12 | slide1: { 13 | flex: 1, 14 | justifyContent: 'center', 15 | alignItems: 'center', 16 | backgroundColor: '#e91e63', 17 | }, 18 | slide2: { 19 | flex: 1, 20 | justifyContent: 'center', 21 | alignItems: 'center', 22 | backgroundColor: '#673ab7', 23 | }, 24 | slide3: { 25 | flex: 1, 26 | justifyContent: 'center', 27 | alignItems: 'center', 28 | backgroundColor: '#3f51b5', 29 | }, 30 | text: { 31 | color: '#fff', 32 | fontSize: 30, 33 | fontWeight: 'bold', 34 | }, 35 | }; 36 | 37 | export default () => 45 | 46 | Hello Swiper 47 | 48 | 49 | Beautiful 50 | 51 | 52 | And simple 53 | 54 | ; 55 | -------------------------------------------------------------------------------- /examples/components/Dynamic/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Text, 4 | View, 5 | } from 'react-native'; 6 | import Swiper from 'react-native-swiper-animated'; 7 | 8 | const styles = { 9 | wrapper: { 10 | backgroundColor: '#009688', 11 | }, 12 | slide1: { 13 | flex: 1, 14 | justifyContent: 'center', 15 | alignItems: 'center', 16 | backgroundColor: '#e91e63', 17 | }, 18 | slide2: { 19 | flex: 1, 20 | justifyContent: 'center', 21 | alignItems: 'center', 22 | backgroundColor: '#673ab7', 23 | }, 24 | slide3: { 25 | flex: 1, 26 | justifyContent: 'center', 27 | alignItems: 'center', 28 | backgroundColor: '#3f51b5', 29 | }, 30 | text: { 31 | color: '#fff', 32 | fontSize: 30, 33 | fontWeight: 'bold', 34 | }, 35 | }; 36 | 37 | const items = [ 38 | { title: 'Hello Swiper', css: styles.slide1 }, 39 | { title: 'Beautiful', css: styles.slide2 }, 40 | { title: 'And simple', css: styles.slide3 }, 41 | ]; 42 | 43 | export default () => ( 44 | 52 | {items.map(item => ( 53 | 54 | {item.title} 55 | 56 | ))} 57 | 58 | ); 59 | -------------------------------------------------------------------------------- /examples/components/Extended/index.js: -------------------------------------------------------------------------------- 1 | import React, { PureComponent } from 'react'; 2 | import { 3 | Text, 4 | View, 5 | TouchableOpacity, 6 | } from 'react-native'; 7 | import Swiper from 'react-native-swiper-animated'; 8 | 9 | const styles = { 10 | wrapper: { 11 | backgroundColor: '#009688', 12 | }, 13 | slide1: { 14 | flex: 1, 15 | justifyContent: 'center', 16 | alignItems: 'center', 17 | backgroundColor: '#e91e63', 18 | }, 19 | slide2: { 20 | flex: 1, 21 | justifyContent: 'center', 22 | alignItems: 'center', 23 | backgroundColor: '#673ab7', 24 | }, 25 | slide3: { 26 | flex: 1, 27 | justifyContent: 'center', 28 | alignItems: 'center', 29 | backgroundColor: '#3f51b5', 30 | }, 31 | text: { 32 | color: '#fff', 33 | fontSize: 30, 34 | fontWeight: 'bold', 35 | }, 36 | buttonContainer: { 37 | flexDirection: 'row', 38 | position: 'absolute', 39 | justifyContent: 'space-between', 40 | bottom: 0, 41 | left: 0, 42 | right: 0, 43 | padding: 10, 44 | }, 45 | btn: { 46 | height: 45, 47 | width: 100, 48 | backgroundColor: 'black', 49 | justifyContent: 'center', 50 | alignItems: 'center', 51 | }, 52 | btnText: { 53 | color: '#FFF', 54 | }, 55 | }; 56 | 57 | export default class Extended extends PureComponent { 58 | 59 | swiper = null; 60 | 61 | prev = () => { 62 | this.swiper.forceLeftSwipe(); 63 | } 64 | 65 | next = () => { 66 | this.swiper.forceRightSwipe(); 67 | } 68 | 69 | render() { 70 | return ( 71 | 72 | { 74 | this.swiper = swiper; 75 | }} 76 | style={styles.wrapper} 77 | paginationStyle={{ container: { backgroundColor: 'transparent' } }} 78 | paginationLeft={''} 79 | paginationRight={''} 80 | > 81 | 82 | Hello Swiper 83 | 84 | 85 | Beautiful 86 | 87 | 88 | And simple 89 | 90 | 91 | 92 | 93 | PREVIOUS 94 | 95 | 96 | NEXT 97 | 98 | 99 | 100 | ); 101 | } 102 | } 103 | -------------------------------------------------------------------------------- /examples/components/Stack/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Text, 4 | View, 5 | } from 'react-native'; 6 | import Swiper from 'react-native-swiper-animated'; 7 | 8 | const styles = { 9 | wrapper: { 10 | backgroundColor: '#009688', 11 | flex: 1, 12 | }, 13 | slide1: { 14 | flex: 1, 15 | justifyContent: 'center', 16 | alignItems: 'center', 17 | backgroundColor: '#e91e63', 18 | }, 19 | slide2: { 20 | flex: 1, 21 | justifyContent: 'center', 22 | alignItems: 'center', 23 | backgroundColor: '#673ab7', 24 | }, 25 | slide3: { 26 | flex: 1, 27 | justifyContent: 'center', 28 | alignItems: 'center', 29 | backgroundColor: '#3f51b5', 30 | }, 31 | text: { 32 | color: '#fff', 33 | fontSize: 30, 34 | fontWeight: 'bold', 35 | }, 36 | }; 37 | 38 | export default () => 48 | 49 | Hello Swiper 50 | 51 | 52 | Awesome 53 | 54 | 55 | And simple 56 | 57 | 58 | This is a test slide 59 | 60 | 61 | Isn't this just mind blowing? 62 | 63 | 64 | Check it Out 65 | 66 | ; 67 | -------------------------------------------------------------------------------- /examples/index.js: -------------------------------------------------------------------------------- 1 | import './App'; 2 | -------------------------------------------------------------------------------- /examples/ios/examples-tvOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 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 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /examples/ios/examples-tvOSTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 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 | -------------------------------------------------------------------------------- /examples/ios/examples.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 /* examplesTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* examplesTests.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 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 26 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 27 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 28 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 29 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; }; 30 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; }; 31 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; }; 32 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; }; 33 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; }; 34 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; }; 35 | 2D16E6881FA4F8E400B85C8A /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2D16E6891FA4F8E400B85C8A /* libReact.a */; }; 36 | 2DCD954D1E0B4F2C00145EB5 /* examplesTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* examplesTests.m */; }; 37 | 2DF0FFEE2056DD460020B375 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; }; 38 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 39 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 40 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */; }; 41 | /* End PBXBuildFile section */ 42 | 43 | /* Begin PBXContainerItemProxy section */ 44 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 45 | isa = PBXContainerItemProxy; 46 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 47 | proxyType = 2; 48 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 49 | remoteInfo = RCTActionSheet; 50 | }; 51 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 52 | isa = PBXContainerItemProxy; 53 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 54 | proxyType = 2; 55 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 56 | remoteInfo = RCTGeolocation; 57 | }; 58 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 59 | isa = PBXContainerItemProxy; 60 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 61 | proxyType = 2; 62 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 63 | remoteInfo = RCTImage; 64 | }; 65 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 66 | isa = PBXContainerItemProxy; 67 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 68 | proxyType = 2; 69 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 70 | remoteInfo = RCTNetwork; 71 | }; 72 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 73 | isa = PBXContainerItemProxy; 74 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 75 | proxyType = 2; 76 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 77 | remoteInfo = RCTVibration; 78 | }; 79 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 80 | isa = PBXContainerItemProxy; 81 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 82 | proxyType = 1; 83 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 84 | remoteInfo = examples; 85 | }; 86 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 87 | isa = PBXContainerItemProxy; 88 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 89 | proxyType = 2; 90 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 91 | remoteInfo = RCTSettings; 92 | }; 93 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 94 | isa = PBXContainerItemProxy; 95 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 96 | proxyType = 2; 97 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 98 | remoteInfo = RCTWebSocket; 99 | }; 100 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 101 | isa = PBXContainerItemProxy; 102 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 103 | proxyType = 2; 104 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 105 | remoteInfo = React; 106 | }; 107 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 108 | isa = PBXContainerItemProxy; 109 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 110 | proxyType = 1; 111 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 112 | remoteInfo = "examples-tvOS"; 113 | }; 114 | 2D16E6711FA4F8DC00B85C8A /* PBXContainerItemProxy */ = { 115 | isa = PBXContainerItemProxy; 116 | containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 117 | proxyType = 2; 118 | remoteGlobalIDString = ADD01A681E09402E00F6D226; 119 | remoteInfo = "RCTBlob-tvOS"; 120 | }; 121 | 2D16E6831FA4F8DC00B85C8A /* PBXContainerItemProxy */ = { 122 | isa = PBXContainerItemProxy; 123 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 124 | proxyType = 2; 125 | remoteGlobalIDString = 3DBE0D001F3B181A0099AA32; 126 | remoteInfo = fishhook; 127 | }; 128 | 2D16E6851FA4F8DC00B85C8A /* PBXContainerItemProxy */ = { 129 | isa = PBXContainerItemProxy; 130 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 131 | proxyType = 2; 132 | remoteGlobalIDString = 3DBE0D0D1F3B181C0099AA32; 133 | remoteInfo = "fishhook-tvOS"; 134 | }; 135 | 2DF0FFDE2056DD460020B375 /* PBXContainerItemProxy */ = { 136 | isa = PBXContainerItemProxy; 137 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 138 | proxyType = 2; 139 | remoteGlobalIDString = EBF21BDC1FC498900052F4D5; 140 | remoteInfo = jsinspector; 141 | }; 142 | 2DF0FFE02056DD460020B375 /* PBXContainerItemProxy */ = { 143 | isa = PBXContainerItemProxy; 144 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 145 | proxyType = 2; 146 | remoteGlobalIDString = EBF21BFA1FC4989A0052F4D5; 147 | remoteInfo = "jsinspector-tvOS"; 148 | }; 149 | 2DF0FFE22056DD460020B375 /* PBXContainerItemProxy */ = { 150 | isa = PBXContainerItemProxy; 151 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 152 | proxyType = 2; 153 | remoteGlobalIDString = 139D7ECE1E25DB7D00323FB7; 154 | remoteInfo = "third-party"; 155 | }; 156 | 2DF0FFE42056DD460020B375 /* PBXContainerItemProxy */ = { 157 | isa = PBXContainerItemProxy; 158 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 159 | proxyType = 2; 160 | remoteGlobalIDString = 3D383D3C1EBD27B6005632C8; 161 | remoteInfo = "third-party-tvOS"; 162 | }; 163 | 2DF0FFE62056DD460020B375 /* PBXContainerItemProxy */ = { 164 | isa = PBXContainerItemProxy; 165 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 166 | proxyType = 2; 167 | remoteGlobalIDString = 139D7E881E25C6D100323FB7; 168 | remoteInfo = "double-conversion"; 169 | }; 170 | 2DF0FFE82056DD460020B375 /* PBXContainerItemProxy */ = { 171 | isa = PBXContainerItemProxy; 172 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 173 | proxyType = 2; 174 | remoteGlobalIDString = 3D383D621EBD27B9005632C8; 175 | remoteInfo = "double-conversion-tvOS"; 176 | }; 177 | 2DF0FFEA2056DD460020B375 /* PBXContainerItemProxy */ = { 178 | isa = PBXContainerItemProxy; 179 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 180 | proxyType = 2; 181 | remoteGlobalIDString = 9936F3131F5F2E4B0010BF04; 182 | remoteInfo = privatedata; 183 | }; 184 | 2DF0FFEC2056DD460020B375 /* PBXContainerItemProxy */ = { 185 | isa = PBXContainerItemProxy; 186 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 187 | proxyType = 2; 188 | remoteGlobalIDString = 9936F32F1F5F2E5B0010BF04; 189 | remoteInfo = "privatedata-tvOS"; 190 | }; 191 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 192 | isa = PBXContainerItemProxy; 193 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 194 | proxyType = 2; 195 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 196 | remoteInfo = "RCTImage-tvOS"; 197 | }; 198 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 199 | isa = PBXContainerItemProxy; 200 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 201 | proxyType = 2; 202 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 203 | remoteInfo = "RCTLinking-tvOS"; 204 | }; 205 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 206 | isa = PBXContainerItemProxy; 207 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 208 | proxyType = 2; 209 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 210 | remoteInfo = "RCTNetwork-tvOS"; 211 | }; 212 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 213 | isa = PBXContainerItemProxy; 214 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 215 | proxyType = 2; 216 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 217 | remoteInfo = "RCTSettings-tvOS"; 218 | }; 219 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 220 | isa = PBXContainerItemProxy; 221 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 222 | proxyType = 2; 223 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 224 | remoteInfo = "RCTText-tvOS"; 225 | }; 226 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 227 | isa = PBXContainerItemProxy; 228 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 229 | proxyType = 2; 230 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 231 | remoteInfo = "RCTWebSocket-tvOS"; 232 | }; 233 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 234 | isa = PBXContainerItemProxy; 235 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 236 | proxyType = 2; 237 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 238 | remoteInfo = "React-tvOS"; 239 | }; 240 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 241 | isa = PBXContainerItemProxy; 242 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 243 | proxyType = 2; 244 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 245 | remoteInfo = yoga; 246 | }; 247 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 248 | isa = PBXContainerItemProxy; 249 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 250 | proxyType = 2; 251 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 252 | remoteInfo = "yoga-tvOS"; 253 | }; 254 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 255 | isa = PBXContainerItemProxy; 256 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 257 | proxyType = 2; 258 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 259 | remoteInfo = cxxreact; 260 | }; 261 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 262 | isa = PBXContainerItemProxy; 263 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 264 | proxyType = 2; 265 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 266 | remoteInfo = "cxxreact-tvOS"; 267 | }; 268 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 269 | isa = PBXContainerItemProxy; 270 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 271 | proxyType = 2; 272 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 273 | remoteInfo = jschelpers; 274 | }; 275 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 276 | isa = PBXContainerItemProxy; 277 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 278 | proxyType = 2; 279 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 280 | remoteInfo = "jschelpers-tvOS"; 281 | }; 282 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 283 | isa = PBXContainerItemProxy; 284 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 285 | proxyType = 2; 286 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 287 | remoteInfo = RCTAnimation; 288 | }; 289 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 290 | isa = PBXContainerItemProxy; 291 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 292 | proxyType = 2; 293 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 294 | remoteInfo = "RCTAnimation-tvOS"; 295 | }; 296 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 297 | isa = PBXContainerItemProxy; 298 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 299 | proxyType = 2; 300 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 301 | remoteInfo = RCTLinking; 302 | }; 303 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 304 | isa = PBXContainerItemProxy; 305 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 306 | proxyType = 2; 307 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 308 | remoteInfo = RCTText; 309 | }; 310 | ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */ = { 311 | isa = PBXContainerItemProxy; 312 | containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 313 | proxyType = 2; 314 | remoteGlobalIDString = 358F4ED71D1E81A9004DF814; 315 | remoteInfo = RCTBlob; 316 | }; 317 | /* End PBXContainerItemProxy section */ 318 | 319 | /* Begin PBXFileReference section */ 320 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 321 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 322 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 323 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 324 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 325 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 326 | 00E356EE1AD99517003FC87E /* examplesTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = examplesTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 327 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 328 | 00E356F21AD99517003FC87E /* examplesTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = examplesTests.m; sourceTree = ""; }; 329 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 330 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 331 | 13B07F961A680F5B00A75B9A /* examples.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = examples.app; sourceTree = BUILT_PRODUCTS_DIR; }; 332 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = examples/AppDelegate.h; sourceTree = ""; }; 333 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = examples/AppDelegate.m; sourceTree = ""; }; 334 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 335 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = examples/Images.xcassets; sourceTree = ""; }; 336 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = examples/Info.plist; sourceTree = ""; }; 337 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = examples/main.m; sourceTree = ""; }; 338 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 339 | 2D02E47B1E0B4A5D006451C7 /* examples-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "examples-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 340 | 2D02E4901E0B4A5D006451C7 /* examples-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "examples-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 341 | 2D16E6891FA4F8E400B85C8A /* libReact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libReact.a; sourceTree = BUILT_PRODUCTS_DIR; }; 342 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 343 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 344 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 345 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTBlob.xcodeproj; path = "../node_modules/react-native/Libraries/Blob/RCTBlob.xcodeproj"; sourceTree = ""; }; 346 | /* End PBXFileReference section */ 347 | 348 | /* Begin PBXFrameworksBuildPhase section */ 349 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 350 | isa = PBXFrameworksBuildPhase; 351 | buildActionMask = 2147483647; 352 | files = ( 353 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 354 | ); 355 | runOnlyForDeploymentPostprocessing = 0; 356 | }; 357 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 358 | isa = PBXFrameworksBuildPhase; 359 | buildActionMask = 2147483647; 360 | files = ( 361 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */, 362 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 363 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 364 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 365 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 366 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 367 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 368 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 369 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 370 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 371 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 372 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 373 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 374 | ); 375 | runOnlyForDeploymentPostprocessing = 0; 376 | }; 377 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 378 | isa = PBXFrameworksBuildPhase; 379 | buildActionMask = 2147483647; 380 | files = ( 381 | 2D16E6881FA4F8E400B85C8A /* libReact.a in Frameworks */, 382 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation.a in Frameworks */, 383 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */, 384 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */, 385 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */, 386 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */, 387 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */, 388 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */, 389 | ); 390 | runOnlyForDeploymentPostprocessing = 0; 391 | }; 392 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 393 | isa = PBXFrameworksBuildPhase; 394 | buildActionMask = 2147483647; 395 | files = ( 396 | 2DF0FFEE2056DD460020B375 /* libReact.a in Frameworks */, 397 | ); 398 | runOnlyForDeploymentPostprocessing = 0; 399 | }; 400 | /* End PBXFrameworksBuildPhase section */ 401 | 402 | /* Begin PBXGroup section */ 403 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 404 | isa = PBXGroup; 405 | children = ( 406 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 407 | ); 408 | name = Products; 409 | sourceTree = ""; 410 | }; 411 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 412 | isa = PBXGroup; 413 | children = ( 414 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 415 | ); 416 | name = Products; 417 | sourceTree = ""; 418 | }; 419 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 420 | isa = PBXGroup; 421 | children = ( 422 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 423 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 424 | ); 425 | name = Products; 426 | sourceTree = ""; 427 | }; 428 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 429 | isa = PBXGroup; 430 | children = ( 431 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 432 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 433 | ); 434 | name = Products; 435 | sourceTree = ""; 436 | }; 437 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 438 | isa = PBXGroup; 439 | children = ( 440 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 441 | ); 442 | name = Products; 443 | sourceTree = ""; 444 | }; 445 | 00E356EF1AD99517003FC87E /* examplesTests */ = { 446 | isa = PBXGroup; 447 | children = ( 448 | 00E356F21AD99517003FC87E /* examplesTests.m */, 449 | 00E356F01AD99517003FC87E /* Supporting Files */, 450 | ); 451 | path = examplesTests; 452 | sourceTree = ""; 453 | }; 454 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 455 | isa = PBXGroup; 456 | children = ( 457 | 00E356F11AD99517003FC87E /* Info.plist */, 458 | ); 459 | name = "Supporting Files"; 460 | sourceTree = ""; 461 | }; 462 | 139105B71AF99BAD00B5F7CC /* Products */ = { 463 | isa = PBXGroup; 464 | children = ( 465 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 466 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 467 | ); 468 | name = Products; 469 | sourceTree = ""; 470 | }; 471 | 139FDEE71B06529A00C62182 /* Products */ = { 472 | isa = PBXGroup; 473 | children = ( 474 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 475 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 476 | 2D16E6841FA4F8DC00B85C8A /* libfishhook.a */, 477 | 2D16E6861FA4F8DC00B85C8A /* libfishhook-tvOS.a */, 478 | ); 479 | name = Products; 480 | sourceTree = ""; 481 | }; 482 | 13B07FAE1A68108700A75B9A /* examples */ = { 483 | isa = PBXGroup; 484 | children = ( 485 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 486 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 487 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 488 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 489 | 13B07FB61A68108700A75B9A /* Info.plist */, 490 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 491 | 13B07FB71A68108700A75B9A /* main.m */, 492 | ); 493 | name = examples; 494 | sourceTree = ""; 495 | }; 496 | 146834001AC3E56700842450 /* Products */ = { 497 | isa = PBXGroup; 498 | children = ( 499 | 146834041AC3E56700842450 /* libReact.a */, 500 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 501 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 502 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 503 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 504 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 505 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 506 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 507 | 2DF0FFDF2056DD460020B375 /* libjsinspector.a */, 508 | 2DF0FFE12056DD460020B375 /* libjsinspector-tvOS.a */, 509 | 2DF0FFE32056DD460020B375 /* libthird-party.a */, 510 | 2DF0FFE52056DD460020B375 /* libthird-party.a */, 511 | 2DF0FFE72056DD460020B375 /* libdouble-conversion.a */, 512 | 2DF0FFE92056DD460020B375 /* libdouble-conversion.a */, 513 | 2DF0FFEB2056DD460020B375 /* libprivatedata.a */, 514 | 2DF0FFED2056DD460020B375 /* libprivatedata-tvOS.a */, 515 | ); 516 | name = Products; 517 | sourceTree = ""; 518 | }; 519 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 520 | isa = PBXGroup; 521 | children = ( 522 | 2D16E6891FA4F8E400B85C8A /* libReact.a */, 523 | ); 524 | name = Frameworks; 525 | sourceTree = ""; 526 | }; 527 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 528 | isa = PBXGroup; 529 | children = ( 530 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 531 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */, 532 | ); 533 | name = Products; 534 | sourceTree = ""; 535 | }; 536 | 78C398B11ACF4ADC00677621 /* Products */ = { 537 | isa = PBXGroup; 538 | children = ( 539 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 540 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 541 | ); 542 | name = Products; 543 | sourceTree = ""; 544 | }; 545 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 546 | isa = PBXGroup; 547 | children = ( 548 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 549 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 550 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 551 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */, 552 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 553 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 554 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 555 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 556 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 557 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 558 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 559 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 560 | ); 561 | name = Libraries; 562 | sourceTree = ""; 563 | }; 564 | 832341B11AAA6A8300B99B32 /* Products */ = { 565 | isa = PBXGroup; 566 | children = ( 567 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 568 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 569 | ); 570 | name = Products; 571 | sourceTree = ""; 572 | }; 573 | 83CBB9F61A601CBA00E9B192 = { 574 | isa = PBXGroup; 575 | children = ( 576 | 13B07FAE1A68108700A75B9A /* examples */, 577 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 578 | 00E356EF1AD99517003FC87E /* examplesTests */, 579 | 83CBBA001A601CBA00E9B192 /* Products */, 580 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 581 | ); 582 | indentWidth = 2; 583 | sourceTree = ""; 584 | tabWidth = 2; 585 | usesTabs = 0; 586 | }; 587 | 83CBBA001A601CBA00E9B192 /* Products */ = { 588 | isa = PBXGroup; 589 | children = ( 590 | 13B07F961A680F5B00A75B9A /* examples.app */, 591 | 00E356EE1AD99517003FC87E /* examplesTests.xctest */, 592 | 2D02E47B1E0B4A5D006451C7 /* examples-tvOS.app */, 593 | 2D02E4901E0B4A5D006451C7 /* examples-tvOSTests.xctest */, 594 | ); 595 | name = Products; 596 | sourceTree = ""; 597 | }; 598 | ADBDB9201DFEBF0600ED6528 /* Products */ = { 599 | isa = PBXGroup; 600 | children = ( 601 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */, 602 | 2D16E6721FA4F8DC00B85C8A /* libRCTBlob-tvOS.a */, 603 | ); 604 | name = Products; 605 | sourceTree = ""; 606 | }; 607 | /* End PBXGroup section */ 608 | 609 | /* Begin PBXNativeTarget section */ 610 | 00E356ED1AD99517003FC87E /* examplesTests */ = { 611 | isa = PBXNativeTarget; 612 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "examplesTests" */; 613 | buildPhases = ( 614 | 00E356EA1AD99517003FC87E /* Sources */, 615 | 00E356EB1AD99517003FC87E /* Frameworks */, 616 | 00E356EC1AD99517003FC87E /* Resources */, 617 | ); 618 | buildRules = ( 619 | ); 620 | dependencies = ( 621 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 622 | ); 623 | name = examplesTests; 624 | productName = examplesTests; 625 | productReference = 00E356EE1AD99517003FC87E /* examplesTests.xctest */; 626 | productType = "com.apple.product-type.bundle.unit-test"; 627 | }; 628 | 13B07F861A680F5B00A75B9A /* examples */ = { 629 | isa = PBXNativeTarget; 630 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "examples" */; 631 | buildPhases = ( 632 | 13B07F871A680F5B00A75B9A /* Sources */, 633 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 634 | 13B07F8E1A680F5B00A75B9A /* Resources */, 635 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 636 | ); 637 | buildRules = ( 638 | ); 639 | dependencies = ( 640 | ); 641 | name = examples; 642 | productName = "Hello World"; 643 | productReference = 13B07F961A680F5B00A75B9A /* examples.app */; 644 | productType = "com.apple.product-type.application"; 645 | }; 646 | 2D02E47A1E0B4A5D006451C7 /* examples-tvOS */ = { 647 | isa = PBXNativeTarget; 648 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "examples-tvOS" */; 649 | buildPhases = ( 650 | 2D02E4771E0B4A5D006451C7 /* Sources */, 651 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 652 | 2D02E4791E0B4A5D006451C7 /* Resources */, 653 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 654 | ); 655 | buildRules = ( 656 | ); 657 | dependencies = ( 658 | ); 659 | name = "examples-tvOS"; 660 | productName = "examples-tvOS"; 661 | productReference = 2D02E47B1E0B4A5D006451C7 /* examples-tvOS.app */; 662 | productType = "com.apple.product-type.application"; 663 | }; 664 | 2D02E48F1E0B4A5D006451C7 /* examples-tvOSTests */ = { 665 | isa = PBXNativeTarget; 666 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "examples-tvOSTests" */; 667 | buildPhases = ( 668 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 669 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 670 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 671 | ); 672 | buildRules = ( 673 | ); 674 | dependencies = ( 675 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 676 | ); 677 | name = "examples-tvOSTests"; 678 | productName = "examples-tvOSTests"; 679 | productReference = 2D02E4901E0B4A5D006451C7 /* examples-tvOSTests.xctest */; 680 | productType = "com.apple.product-type.bundle.unit-test"; 681 | }; 682 | /* End PBXNativeTarget section */ 683 | 684 | /* Begin PBXProject section */ 685 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 686 | isa = PBXProject; 687 | attributes = { 688 | LastUpgradeCheck = 0610; 689 | ORGANIZATIONNAME = Facebook; 690 | TargetAttributes = { 691 | 00E356ED1AD99517003FC87E = { 692 | CreatedOnToolsVersion = 6.2; 693 | TestTargetID = 13B07F861A680F5B00A75B9A; 694 | }; 695 | 2D02E47A1E0B4A5D006451C7 = { 696 | CreatedOnToolsVersion = 8.2.1; 697 | ProvisioningStyle = Automatic; 698 | }; 699 | 2D02E48F1E0B4A5D006451C7 = { 700 | CreatedOnToolsVersion = 8.2.1; 701 | ProvisioningStyle = Automatic; 702 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 703 | }; 704 | }; 705 | }; 706 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "examples" */; 707 | compatibilityVersion = "Xcode 3.2"; 708 | developmentRegion = English; 709 | hasScannedForEncodings = 0; 710 | knownRegions = ( 711 | en, 712 | Base, 713 | ); 714 | mainGroup = 83CBB9F61A601CBA00E9B192; 715 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 716 | projectDirPath = ""; 717 | projectReferences = ( 718 | { 719 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 720 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 721 | }, 722 | { 723 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 724 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 725 | }, 726 | { 727 | ProductGroup = ADBDB9201DFEBF0600ED6528 /* Products */; 728 | ProjectRef = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 729 | }, 730 | { 731 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 732 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 733 | }, 734 | { 735 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 736 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 737 | }, 738 | { 739 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 740 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 741 | }, 742 | { 743 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 744 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 745 | }, 746 | { 747 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 748 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 749 | }, 750 | { 751 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 752 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 753 | }, 754 | { 755 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 756 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 757 | }, 758 | { 759 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 760 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 761 | }, 762 | { 763 | ProductGroup = 146834001AC3E56700842450 /* Products */; 764 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 765 | }, 766 | ); 767 | projectRoot = ""; 768 | targets = ( 769 | 13B07F861A680F5B00A75B9A /* examples */, 770 | 00E356ED1AD99517003FC87E /* examplesTests */, 771 | 2D02E47A1E0B4A5D006451C7 /* examples-tvOS */, 772 | 2D02E48F1E0B4A5D006451C7 /* examples-tvOSTests */, 773 | ); 774 | }; 775 | /* End PBXProject section */ 776 | 777 | /* Begin PBXReferenceProxy section */ 778 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 779 | isa = PBXReferenceProxy; 780 | fileType = archive.ar; 781 | path = libRCTActionSheet.a; 782 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 783 | sourceTree = BUILT_PRODUCTS_DIR; 784 | }; 785 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 786 | isa = PBXReferenceProxy; 787 | fileType = archive.ar; 788 | path = libRCTGeolocation.a; 789 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 790 | sourceTree = BUILT_PRODUCTS_DIR; 791 | }; 792 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 793 | isa = PBXReferenceProxy; 794 | fileType = archive.ar; 795 | path = libRCTImage.a; 796 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 797 | sourceTree = BUILT_PRODUCTS_DIR; 798 | }; 799 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 800 | isa = PBXReferenceProxy; 801 | fileType = archive.ar; 802 | path = libRCTNetwork.a; 803 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 804 | sourceTree = BUILT_PRODUCTS_DIR; 805 | }; 806 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 807 | isa = PBXReferenceProxy; 808 | fileType = archive.ar; 809 | path = libRCTVibration.a; 810 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 811 | sourceTree = BUILT_PRODUCTS_DIR; 812 | }; 813 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 814 | isa = PBXReferenceProxy; 815 | fileType = archive.ar; 816 | path = libRCTSettings.a; 817 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 818 | sourceTree = BUILT_PRODUCTS_DIR; 819 | }; 820 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 821 | isa = PBXReferenceProxy; 822 | fileType = archive.ar; 823 | path = libRCTWebSocket.a; 824 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 825 | sourceTree = BUILT_PRODUCTS_DIR; 826 | }; 827 | 146834041AC3E56700842450 /* libReact.a */ = { 828 | isa = PBXReferenceProxy; 829 | fileType = archive.ar; 830 | path = libReact.a; 831 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 832 | sourceTree = BUILT_PRODUCTS_DIR; 833 | }; 834 | 2D16E6721FA4F8DC00B85C8A /* libRCTBlob-tvOS.a */ = { 835 | isa = PBXReferenceProxy; 836 | fileType = archive.ar; 837 | path = "libRCTBlob-tvOS.a"; 838 | remoteRef = 2D16E6711FA4F8DC00B85C8A /* PBXContainerItemProxy */; 839 | sourceTree = BUILT_PRODUCTS_DIR; 840 | }; 841 | 2D16E6841FA4F8DC00B85C8A /* libfishhook.a */ = { 842 | isa = PBXReferenceProxy; 843 | fileType = archive.ar; 844 | path = libfishhook.a; 845 | remoteRef = 2D16E6831FA4F8DC00B85C8A /* PBXContainerItemProxy */; 846 | sourceTree = BUILT_PRODUCTS_DIR; 847 | }; 848 | 2D16E6861FA4F8DC00B85C8A /* libfishhook-tvOS.a */ = { 849 | isa = PBXReferenceProxy; 850 | fileType = archive.ar; 851 | path = "libfishhook-tvOS.a"; 852 | remoteRef = 2D16E6851FA4F8DC00B85C8A /* PBXContainerItemProxy */; 853 | sourceTree = BUILT_PRODUCTS_DIR; 854 | }; 855 | 2DF0FFDF2056DD460020B375 /* libjsinspector.a */ = { 856 | isa = PBXReferenceProxy; 857 | fileType = archive.ar; 858 | path = libjsinspector.a; 859 | remoteRef = 2DF0FFDE2056DD460020B375 /* PBXContainerItemProxy */; 860 | sourceTree = BUILT_PRODUCTS_DIR; 861 | }; 862 | 2DF0FFE12056DD460020B375 /* libjsinspector-tvOS.a */ = { 863 | isa = PBXReferenceProxy; 864 | fileType = archive.ar; 865 | path = "libjsinspector-tvOS.a"; 866 | remoteRef = 2DF0FFE02056DD460020B375 /* PBXContainerItemProxy */; 867 | sourceTree = BUILT_PRODUCTS_DIR; 868 | }; 869 | 2DF0FFE32056DD460020B375 /* libthird-party.a */ = { 870 | isa = PBXReferenceProxy; 871 | fileType = archive.ar; 872 | path = "libthird-party.a"; 873 | remoteRef = 2DF0FFE22056DD460020B375 /* PBXContainerItemProxy */; 874 | sourceTree = BUILT_PRODUCTS_DIR; 875 | }; 876 | 2DF0FFE52056DD460020B375 /* libthird-party.a */ = { 877 | isa = PBXReferenceProxy; 878 | fileType = archive.ar; 879 | path = "libthird-party.a"; 880 | remoteRef = 2DF0FFE42056DD460020B375 /* PBXContainerItemProxy */; 881 | sourceTree = BUILT_PRODUCTS_DIR; 882 | }; 883 | 2DF0FFE72056DD460020B375 /* libdouble-conversion.a */ = { 884 | isa = PBXReferenceProxy; 885 | fileType = archive.ar; 886 | path = "libdouble-conversion.a"; 887 | remoteRef = 2DF0FFE62056DD460020B375 /* PBXContainerItemProxy */; 888 | sourceTree = BUILT_PRODUCTS_DIR; 889 | }; 890 | 2DF0FFE92056DD460020B375 /* libdouble-conversion.a */ = { 891 | isa = PBXReferenceProxy; 892 | fileType = archive.ar; 893 | path = "libdouble-conversion.a"; 894 | remoteRef = 2DF0FFE82056DD460020B375 /* PBXContainerItemProxy */; 895 | sourceTree = BUILT_PRODUCTS_DIR; 896 | }; 897 | 2DF0FFEB2056DD460020B375 /* libprivatedata.a */ = { 898 | isa = PBXReferenceProxy; 899 | fileType = archive.ar; 900 | path = libprivatedata.a; 901 | remoteRef = 2DF0FFEA2056DD460020B375 /* PBXContainerItemProxy */; 902 | sourceTree = BUILT_PRODUCTS_DIR; 903 | }; 904 | 2DF0FFED2056DD460020B375 /* libprivatedata-tvOS.a */ = { 905 | isa = PBXReferenceProxy; 906 | fileType = archive.ar; 907 | path = "libprivatedata-tvOS.a"; 908 | remoteRef = 2DF0FFEC2056DD460020B375 /* PBXContainerItemProxy */; 909 | sourceTree = BUILT_PRODUCTS_DIR; 910 | }; 911 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 912 | isa = PBXReferenceProxy; 913 | fileType = archive.ar; 914 | path = "libRCTImage-tvOS.a"; 915 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 916 | sourceTree = BUILT_PRODUCTS_DIR; 917 | }; 918 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 919 | isa = PBXReferenceProxy; 920 | fileType = archive.ar; 921 | path = "libRCTLinking-tvOS.a"; 922 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 923 | sourceTree = BUILT_PRODUCTS_DIR; 924 | }; 925 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 926 | isa = PBXReferenceProxy; 927 | fileType = archive.ar; 928 | path = "libRCTNetwork-tvOS.a"; 929 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 930 | sourceTree = BUILT_PRODUCTS_DIR; 931 | }; 932 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 933 | isa = PBXReferenceProxy; 934 | fileType = archive.ar; 935 | path = "libRCTSettings-tvOS.a"; 936 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 937 | sourceTree = BUILT_PRODUCTS_DIR; 938 | }; 939 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 940 | isa = PBXReferenceProxy; 941 | fileType = archive.ar; 942 | path = "libRCTText-tvOS.a"; 943 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 944 | sourceTree = BUILT_PRODUCTS_DIR; 945 | }; 946 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 947 | isa = PBXReferenceProxy; 948 | fileType = archive.ar; 949 | path = "libRCTWebSocket-tvOS.a"; 950 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 951 | sourceTree = BUILT_PRODUCTS_DIR; 952 | }; 953 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 954 | isa = PBXReferenceProxy; 955 | fileType = archive.ar; 956 | path = libReact.a; 957 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 958 | sourceTree = BUILT_PRODUCTS_DIR; 959 | }; 960 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 961 | isa = PBXReferenceProxy; 962 | fileType = archive.ar; 963 | path = libyoga.a; 964 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 965 | sourceTree = BUILT_PRODUCTS_DIR; 966 | }; 967 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 968 | isa = PBXReferenceProxy; 969 | fileType = archive.ar; 970 | path = libyoga.a; 971 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 972 | sourceTree = BUILT_PRODUCTS_DIR; 973 | }; 974 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 975 | isa = PBXReferenceProxy; 976 | fileType = archive.ar; 977 | path = libcxxreact.a; 978 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 979 | sourceTree = BUILT_PRODUCTS_DIR; 980 | }; 981 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 982 | isa = PBXReferenceProxy; 983 | fileType = archive.ar; 984 | path = libcxxreact.a; 985 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 986 | sourceTree = BUILT_PRODUCTS_DIR; 987 | }; 988 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 989 | isa = PBXReferenceProxy; 990 | fileType = archive.ar; 991 | path = libjschelpers.a; 992 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 993 | sourceTree = BUILT_PRODUCTS_DIR; 994 | }; 995 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 996 | isa = PBXReferenceProxy; 997 | fileType = archive.ar; 998 | path = libjschelpers.a; 999 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 1000 | sourceTree = BUILT_PRODUCTS_DIR; 1001 | }; 1002 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 1003 | isa = PBXReferenceProxy; 1004 | fileType = archive.ar; 1005 | path = libRCTAnimation.a; 1006 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 1007 | sourceTree = BUILT_PRODUCTS_DIR; 1008 | }; 1009 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 1010 | isa = PBXReferenceProxy; 1011 | fileType = archive.ar; 1012 | path = libRCTAnimation.a; 1013 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 1014 | sourceTree = BUILT_PRODUCTS_DIR; 1015 | }; 1016 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 1017 | isa = PBXReferenceProxy; 1018 | fileType = archive.ar; 1019 | path = libRCTLinking.a; 1020 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 1021 | sourceTree = BUILT_PRODUCTS_DIR; 1022 | }; 1023 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 1024 | isa = PBXReferenceProxy; 1025 | fileType = archive.ar; 1026 | path = libRCTText.a; 1027 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 1028 | sourceTree = BUILT_PRODUCTS_DIR; 1029 | }; 1030 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */ = { 1031 | isa = PBXReferenceProxy; 1032 | fileType = archive.ar; 1033 | path = libRCTBlob.a; 1034 | remoteRef = ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */; 1035 | sourceTree = BUILT_PRODUCTS_DIR; 1036 | }; 1037 | /* End PBXReferenceProxy section */ 1038 | 1039 | /* Begin PBXResourcesBuildPhase section */ 1040 | 00E356EC1AD99517003FC87E /* Resources */ = { 1041 | isa = PBXResourcesBuildPhase; 1042 | buildActionMask = 2147483647; 1043 | files = ( 1044 | ); 1045 | runOnlyForDeploymentPostprocessing = 0; 1046 | }; 1047 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 1048 | isa = PBXResourcesBuildPhase; 1049 | buildActionMask = 2147483647; 1050 | files = ( 1051 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 1052 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 1053 | ); 1054 | runOnlyForDeploymentPostprocessing = 0; 1055 | }; 1056 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 1057 | isa = PBXResourcesBuildPhase; 1058 | buildActionMask = 2147483647; 1059 | files = ( 1060 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 1061 | ); 1062 | runOnlyForDeploymentPostprocessing = 0; 1063 | }; 1064 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 1065 | isa = PBXResourcesBuildPhase; 1066 | buildActionMask = 2147483647; 1067 | files = ( 1068 | ); 1069 | runOnlyForDeploymentPostprocessing = 0; 1070 | }; 1071 | /* End PBXResourcesBuildPhase section */ 1072 | 1073 | /* Begin PBXShellScriptBuildPhase section */ 1074 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 1075 | isa = PBXShellScriptBuildPhase; 1076 | buildActionMask = 2147483647; 1077 | files = ( 1078 | ); 1079 | inputPaths = ( 1080 | ); 1081 | name = "Bundle React Native code and images"; 1082 | outputPaths = ( 1083 | ); 1084 | runOnlyForDeploymentPostprocessing = 0; 1085 | shellPath = /bin/sh; 1086 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 1087 | }; 1088 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 1089 | isa = PBXShellScriptBuildPhase; 1090 | buildActionMask = 2147483647; 1091 | files = ( 1092 | ); 1093 | inputPaths = ( 1094 | ); 1095 | name = "Bundle React Native Code And Images"; 1096 | outputPaths = ( 1097 | ); 1098 | runOnlyForDeploymentPostprocessing = 0; 1099 | shellPath = /bin/sh; 1100 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 1101 | }; 1102 | /* End PBXShellScriptBuildPhase section */ 1103 | 1104 | /* Begin PBXSourcesBuildPhase section */ 1105 | 00E356EA1AD99517003FC87E /* Sources */ = { 1106 | isa = PBXSourcesBuildPhase; 1107 | buildActionMask = 2147483647; 1108 | files = ( 1109 | 00E356F31AD99517003FC87E /* examplesTests.m in Sources */, 1110 | ); 1111 | runOnlyForDeploymentPostprocessing = 0; 1112 | }; 1113 | 13B07F871A680F5B00A75B9A /* Sources */ = { 1114 | isa = PBXSourcesBuildPhase; 1115 | buildActionMask = 2147483647; 1116 | files = ( 1117 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 1118 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 1119 | ); 1120 | runOnlyForDeploymentPostprocessing = 0; 1121 | }; 1122 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 1123 | isa = PBXSourcesBuildPhase; 1124 | buildActionMask = 2147483647; 1125 | files = ( 1126 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 1127 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 1128 | ); 1129 | runOnlyForDeploymentPostprocessing = 0; 1130 | }; 1131 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 1132 | isa = PBXSourcesBuildPhase; 1133 | buildActionMask = 2147483647; 1134 | files = ( 1135 | 2DCD954D1E0B4F2C00145EB5 /* examplesTests.m in Sources */, 1136 | ); 1137 | runOnlyForDeploymentPostprocessing = 0; 1138 | }; 1139 | /* End PBXSourcesBuildPhase section */ 1140 | 1141 | /* Begin PBXTargetDependency section */ 1142 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 1143 | isa = PBXTargetDependency; 1144 | target = 13B07F861A680F5B00A75B9A /* examples */; 1145 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 1146 | }; 1147 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 1148 | isa = PBXTargetDependency; 1149 | target = 2D02E47A1E0B4A5D006451C7 /* examples-tvOS */; 1150 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 1151 | }; 1152 | /* End PBXTargetDependency section */ 1153 | 1154 | /* Begin PBXVariantGroup section */ 1155 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 1156 | isa = PBXVariantGroup; 1157 | children = ( 1158 | 13B07FB21A68108700A75B9A /* Base */, 1159 | ); 1160 | name = LaunchScreen.xib; 1161 | path = examples; 1162 | sourceTree = ""; 1163 | }; 1164 | /* End PBXVariantGroup section */ 1165 | 1166 | /* Begin XCBuildConfiguration section */ 1167 | 00E356F61AD99517003FC87E /* Debug */ = { 1168 | isa = XCBuildConfiguration; 1169 | buildSettings = { 1170 | BUNDLE_LOADER = "$(TEST_HOST)"; 1171 | GCC_PREPROCESSOR_DEFINITIONS = ( 1172 | "DEBUG=1", 1173 | "$(inherited)", 1174 | ); 1175 | INFOPLIST_FILE = examplesTests/Info.plist; 1176 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 1177 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1178 | OTHER_LDFLAGS = ( 1179 | "-ObjC", 1180 | "-lc++", 1181 | ); 1182 | PRODUCT_NAME = "$(TARGET_NAME)"; 1183 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/examples.app/examples"; 1184 | }; 1185 | name = Debug; 1186 | }; 1187 | 00E356F71AD99517003FC87E /* Release */ = { 1188 | isa = XCBuildConfiguration; 1189 | buildSettings = { 1190 | BUNDLE_LOADER = "$(TEST_HOST)"; 1191 | COPY_PHASE_STRIP = NO; 1192 | INFOPLIST_FILE = examplesTests/Info.plist; 1193 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 1194 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1195 | OTHER_LDFLAGS = ( 1196 | "-ObjC", 1197 | "-lc++", 1198 | ); 1199 | PRODUCT_NAME = "$(TARGET_NAME)"; 1200 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/examples.app/examples"; 1201 | }; 1202 | name = Release; 1203 | }; 1204 | 13B07F941A680F5B00A75B9A /* Debug */ = { 1205 | isa = XCBuildConfiguration; 1206 | buildSettings = { 1207 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1208 | CURRENT_PROJECT_VERSION = 1; 1209 | DEAD_CODE_STRIPPING = NO; 1210 | INFOPLIST_FILE = examples/Info.plist; 1211 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1212 | OTHER_LDFLAGS = ( 1213 | "$(inherited)", 1214 | "-ObjC", 1215 | "-lc++", 1216 | ); 1217 | PRODUCT_NAME = examples; 1218 | VERSIONING_SYSTEM = "apple-generic"; 1219 | }; 1220 | name = Debug; 1221 | }; 1222 | 13B07F951A680F5B00A75B9A /* Release */ = { 1223 | isa = XCBuildConfiguration; 1224 | buildSettings = { 1225 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1226 | CURRENT_PROJECT_VERSION = 1; 1227 | INFOPLIST_FILE = examples/Info.plist; 1228 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1229 | OTHER_LDFLAGS = ( 1230 | "$(inherited)", 1231 | "-ObjC", 1232 | "-lc++", 1233 | ); 1234 | PRODUCT_NAME = examples; 1235 | VERSIONING_SYSTEM = "apple-generic"; 1236 | }; 1237 | name = Release; 1238 | }; 1239 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 1240 | isa = XCBuildConfiguration; 1241 | buildSettings = { 1242 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1243 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1244 | CLANG_ANALYZER_NONNULL = YES; 1245 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1246 | CLANG_WARN_INFINITE_RECURSION = YES; 1247 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1248 | DEBUG_INFORMATION_FORMAT = dwarf; 1249 | ENABLE_TESTABILITY = YES; 1250 | GCC_NO_COMMON_BLOCKS = YES; 1251 | INFOPLIST_FILE = "examples-tvOS/Info.plist"; 1252 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1253 | OTHER_LDFLAGS = ( 1254 | "-ObjC", 1255 | "-lc++", 1256 | ); 1257 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.examples-tvOS"; 1258 | PRODUCT_NAME = "$(TARGET_NAME)"; 1259 | SDKROOT = appletvos; 1260 | TARGETED_DEVICE_FAMILY = 3; 1261 | TVOS_DEPLOYMENT_TARGET = 9.2; 1262 | }; 1263 | name = Debug; 1264 | }; 1265 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 1266 | isa = XCBuildConfiguration; 1267 | buildSettings = { 1268 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1269 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1270 | CLANG_ANALYZER_NONNULL = YES; 1271 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1272 | CLANG_WARN_INFINITE_RECURSION = YES; 1273 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1274 | COPY_PHASE_STRIP = NO; 1275 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1276 | GCC_NO_COMMON_BLOCKS = YES; 1277 | INFOPLIST_FILE = "examples-tvOS/Info.plist"; 1278 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1279 | OTHER_LDFLAGS = ( 1280 | "-ObjC", 1281 | "-lc++", 1282 | ); 1283 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.examples-tvOS"; 1284 | PRODUCT_NAME = "$(TARGET_NAME)"; 1285 | SDKROOT = appletvos; 1286 | TARGETED_DEVICE_FAMILY = 3; 1287 | TVOS_DEPLOYMENT_TARGET = 9.2; 1288 | }; 1289 | name = Release; 1290 | }; 1291 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 1292 | isa = XCBuildConfiguration; 1293 | buildSettings = { 1294 | BUNDLE_LOADER = "$(TEST_HOST)"; 1295 | CLANG_ANALYZER_NONNULL = YES; 1296 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1297 | CLANG_WARN_INFINITE_RECURSION = YES; 1298 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1299 | DEBUG_INFORMATION_FORMAT = dwarf; 1300 | ENABLE_TESTABILITY = YES; 1301 | GCC_NO_COMMON_BLOCKS = YES; 1302 | INFOPLIST_FILE = "examples-tvOSTests/Info.plist"; 1303 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1304 | OTHER_LDFLAGS = ( 1305 | "-ObjC", 1306 | "-lc++", 1307 | ); 1308 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.examples-tvOSTests"; 1309 | PRODUCT_NAME = "$(TARGET_NAME)"; 1310 | SDKROOT = appletvos; 1311 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/examples-tvOS.app/examples-tvOS"; 1312 | TVOS_DEPLOYMENT_TARGET = 10.1; 1313 | }; 1314 | name = Debug; 1315 | }; 1316 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 1317 | isa = XCBuildConfiguration; 1318 | buildSettings = { 1319 | BUNDLE_LOADER = "$(TEST_HOST)"; 1320 | CLANG_ANALYZER_NONNULL = YES; 1321 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1322 | CLANG_WARN_INFINITE_RECURSION = YES; 1323 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1324 | COPY_PHASE_STRIP = NO; 1325 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1326 | GCC_NO_COMMON_BLOCKS = YES; 1327 | INFOPLIST_FILE = "examples-tvOSTests/Info.plist"; 1328 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1329 | OTHER_LDFLAGS = ( 1330 | "-ObjC", 1331 | "-lc++", 1332 | ); 1333 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.examples-tvOSTests"; 1334 | PRODUCT_NAME = "$(TARGET_NAME)"; 1335 | SDKROOT = appletvos; 1336 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/examples-tvOS.app/examples-tvOS"; 1337 | TVOS_DEPLOYMENT_TARGET = 10.1; 1338 | }; 1339 | name = Release; 1340 | }; 1341 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 1342 | isa = XCBuildConfiguration; 1343 | buildSettings = { 1344 | ALWAYS_SEARCH_USER_PATHS = NO; 1345 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1346 | CLANG_CXX_LIBRARY = "libc++"; 1347 | CLANG_ENABLE_MODULES = YES; 1348 | CLANG_ENABLE_OBJC_ARC = YES; 1349 | CLANG_WARN_BOOL_CONVERSION = YES; 1350 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1351 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1352 | CLANG_WARN_EMPTY_BODY = YES; 1353 | CLANG_WARN_ENUM_CONVERSION = YES; 1354 | CLANG_WARN_INT_CONVERSION = YES; 1355 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1356 | CLANG_WARN_UNREACHABLE_CODE = YES; 1357 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1358 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1359 | COPY_PHASE_STRIP = NO; 1360 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1361 | GCC_C_LANGUAGE_STANDARD = gnu99; 1362 | GCC_DYNAMIC_NO_PIC = NO; 1363 | GCC_OPTIMIZATION_LEVEL = 0; 1364 | GCC_PREPROCESSOR_DEFINITIONS = ( 1365 | "DEBUG=1", 1366 | "$(inherited)", 1367 | ); 1368 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 1369 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1370 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1371 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1372 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1373 | GCC_WARN_UNUSED_FUNCTION = YES; 1374 | GCC_WARN_UNUSED_VARIABLE = YES; 1375 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 1376 | MTL_ENABLE_DEBUG_INFO = YES; 1377 | ONLY_ACTIVE_ARCH = YES; 1378 | SDKROOT = iphoneos; 1379 | }; 1380 | name = Debug; 1381 | }; 1382 | 83CBBA211A601CBA00E9B192 /* Release */ = { 1383 | isa = XCBuildConfiguration; 1384 | buildSettings = { 1385 | ALWAYS_SEARCH_USER_PATHS = NO; 1386 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1387 | CLANG_CXX_LIBRARY = "libc++"; 1388 | CLANG_ENABLE_MODULES = YES; 1389 | CLANG_ENABLE_OBJC_ARC = YES; 1390 | CLANG_WARN_BOOL_CONVERSION = YES; 1391 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1392 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1393 | CLANG_WARN_EMPTY_BODY = YES; 1394 | CLANG_WARN_ENUM_CONVERSION = YES; 1395 | CLANG_WARN_INT_CONVERSION = YES; 1396 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1397 | CLANG_WARN_UNREACHABLE_CODE = YES; 1398 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1399 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1400 | COPY_PHASE_STRIP = YES; 1401 | ENABLE_NS_ASSERTIONS = NO; 1402 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1403 | GCC_C_LANGUAGE_STANDARD = gnu99; 1404 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1405 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1406 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1407 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1408 | GCC_WARN_UNUSED_FUNCTION = YES; 1409 | GCC_WARN_UNUSED_VARIABLE = YES; 1410 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 1411 | MTL_ENABLE_DEBUG_INFO = NO; 1412 | SDKROOT = iphoneos; 1413 | VALIDATE_PRODUCT = YES; 1414 | }; 1415 | name = Release; 1416 | }; 1417 | /* End XCBuildConfiguration section */ 1418 | 1419 | /* Begin XCConfigurationList section */ 1420 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "examplesTests" */ = { 1421 | isa = XCConfigurationList; 1422 | buildConfigurations = ( 1423 | 00E356F61AD99517003FC87E /* Debug */, 1424 | 00E356F71AD99517003FC87E /* Release */, 1425 | ); 1426 | defaultConfigurationIsVisible = 0; 1427 | defaultConfigurationName = Release; 1428 | }; 1429 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "examples" */ = { 1430 | isa = XCConfigurationList; 1431 | buildConfigurations = ( 1432 | 13B07F941A680F5B00A75B9A /* Debug */, 1433 | 13B07F951A680F5B00A75B9A /* Release */, 1434 | ); 1435 | defaultConfigurationIsVisible = 0; 1436 | defaultConfigurationName = Release; 1437 | }; 1438 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "examples-tvOS" */ = { 1439 | isa = XCConfigurationList; 1440 | buildConfigurations = ( 1441 | 2D02E4971E0B4A5E006451C7 /* Debug */, 1442 | 2D02E4981E0B4A5E006451C7 /* Release */, 1443 | ); 1444 | defaultConfigurationIsVisible = 0; 1445 | defaultConfigurationName = Release; 1446 | }; 1447 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "examples-tvOSTests" */ = { 1448 | isa = XCConfigurationList; 1449 | buildConfigurations = ( 1450 | 2D02E4991E0B4A5E006451C7 /* Debug */, 1451 | 2D02E49A1E0B4A5E006451C7 /* Release */, 1452 | ); 1453 | defaultConfigurationIsVisible = 0; 1454 | defaultConfigurationName = Release; 1455 | }; 1456 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "examples" */ = { 1457 | isa = XCConfigurationList; 1458 | buildConfigurations = ( 1459 | 83CBBA201A601CBA00E9B192 /* Debug */, 1460 | 83CBBA211A601CBA00E9B192 /* Release */, 1461 | ); 1462 | defaultConfigurationIsVisible = 0; 1463 | defaultConfigurationName = Release; 1464 | }; 1465 | /* End XCConfigurationList section */ 1466 | }; 1467 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1468 | } 1469 | -------------------------------------------------------------------------------- /examples/ios/examples.xcodeproj/xcshareddata/xcschemes/examples-tvOS.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 | -------------------------------------------------------------------------------- /examples/ios/examples.xcodeproj/xcshareddata/xcschemes/examples.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 | 107 | 108 | 109 | 110 | 111 | 112 | 118 | 120 | 126 | 127 | 128 | 129 | 131 | 132 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /examples/ios/examples/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | #import 9 | 10 | @interface AppDelegate : UIResponder 11 | 12 | @property (nonatomic, strong) UIWindow *window; 13 | 14 | @end 15 | -------------------------------------------------------------------------------- /examples/ios/examples/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | #import "AppDelegate.h" 9 | 10 | #import 11 | #import 12 | 13 | @implementation AppDelegate 14 | 15 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 16 | { 17 | NSURL *jsCodeLocation; 18 | 19 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; 20 | 21 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 22 | moduleName:@"examples" 23 | initialProperties:nil 24 | launchOptions:launchOptions]; 25 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 26 | 27 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 28 | UIViewController *rootViewController = [UIViewController new]; 29 | rootViewController.view = rootView; 30 | self.window.rootViewController = rootViewController; 31 | [self.window makeKeyAndVisible]; 32 | return YES; 33 | } 34 | 35 | @end 36 | -------------------------------------------------------------------------------- /examples/ios/examples/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 | -------------------------------------------------------------------------------- /examples/ios/examples/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 | } -------------------------------------------------------------------------------- /examples/ios/examples/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /examples/ios/examples/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | examples 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | UILaunchStoryboardName 28 | LaunchScreen 29 | UIRequiredDeviceCapabilities 30 | 31 | armv7 32 | 33 | UISupportedInterfaceOrientations 34 | 35 | UIInterfaceOrientationPortrait 36 | UIInterfaceOrientationLandscapeLeft 37 | UIInterfaceOrientationLandscapeRight 38 | 39 | UIViewControllerBasedStatusBarAppearance 40 | 41 | NSLocationWhenInUseUsageDescription 42 | 43 | NSAppTransportSecurity 44 | 45 | 46 | NSExceptionDomains 47 | 48 | localhost 49 | 50 | NSExceptionAllowsInsecureHTTPLoads 51 | 52 | 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /examples/ios/examples/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | #import 9 | 10 | #import "AppDelegate.h" 11 | 12 | int main(int argc, char * argv[]) { 13 | @autoreleasepool { 14 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /examples/ios/examplesTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 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 | -------------------------------------------------------------------------------- /examples/ios/examplesTests/examplesTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | #import 9 | #import 10 | 11 | #import 12 | #import 13 | 14 | #define TIMEOUT_SECONDS 600 15 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 16 | 17 | @interface examplesTests : XCTestCase 18 | 19 | @end 20 | 21 | @implementation examplesTests 22 | 23 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 24 | { 25 | if (test(view)) { 26 | return YES; 27 | } 28 | for (UIView *subview in [view subviews]) { 29 | if ([self findSubviewInView:subview matching:test]) { 30 | return YES; 31 | } 32 | } 33 | return NO; 34 | } 35 | 36 | - (void)testRendersWelcomeScreen 37 | { 38 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 39 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 40 | BOOL foundElement = NO; 41 | 42 | __block NSString *redboxError = nil; 43 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 44 | if (level >= RCTLogLevelError) { 45 | redboxError = message; 46 | } 47 | }); 48 | 49 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 50 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 51 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 52 | 53 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 54 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 55 | return YES; 56 | } 57 | return NO; 58 | }]; 59 | } 60 | 61 | RCTSetLogFunction(RCTDefaultLogFunction); 62 | 63 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 64 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 65 | } 66 | 67 | 68 | @end 69 | -------------------------------------------------------------------------------- /examples/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "examples", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "react-native start", 7 | "watch": "node ./scripts/watch-and-copy-src.js" 8 | }, 9 | "dependencies": { 10 | "prop-types": "^15.6.2", 11 | "react": "16.4.1", 12 | "react-native": "0.56.0", 13 | "react-native-swiper-animated": "^1.5.0" 14 | }, 15 | "devDependencies": { 16 | "fs-extra": "^0.30.0", 17 | "minimatch": "^3.0.2", 18 | "node-watch": "^0.4.0", 19 | "rimraf": "^2.5.4" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /examples/scripts/watch-and-copy-src.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const fs = require('fs-extra'); 3 | const watch = require('node-watch'); 4 | const rimraf = require('rimraf'); 5 | const minimatch = require('minimatch'); 6 | 7 | const matchesFile = (filename, fileGlob) => { 8 | if (fileGlob == null) return true; 9 | return minimatch(path.basename(filename), fileGlob); 10 | }; 11 | 12 | const copyAndWatch = (source, destination, fileGlob) => { 13 | console.log(`Cleaning "${destination}"`); 14 | rimraf(destination, () => { 15 | console.log(`Copying "${source}" to "${destination}"`); 16 | fs.copy(source, destination, (err) => { 17 | if (err) console.error(err); 18 | }); 19 | 20 | console.log(`Watching "${source}"`); 21 | watch(source, (filename) => { 22 | const localPath = filename.split(source).pop(); 23 | if (matchesFile(localPath, fileGlob)) { 24 | const destinationPath = `${destination}${localPath}`; 25 | console.log(`Copying "${filename}" to "${destinationPath}"`); 26 | fs.copy(filename, destinationPath, (err) => { 27 | if (err) console.error(err); 28 | }); 29 | } 30 | }); 31 | }); 32 | }; 33 | 34 | copyAndWatch('../src', 'node_modules/react-native-swiper-animated/src'); 35 | -------------------------------------------------------------------------------- /examples/shots/basic.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/shots/basic.gif -------------------------------------------------------------------------------- /examples/shots/extended.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/shots/extended.gif -------------------------------------------------------------------------------- /examples/shots/leaf.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/shots/leaf.gif -------------------------------------------------------------------------------- /examples/shots/leaf_stack.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/shots/leaf_stack.gif -------------------------------------------------------------------------------- /examples/shots/leaf_with_default_progress_bar.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/shots/leaf_with_default_progress_bar.gif -------------------------------------------------------------------------------- /examples/shots/stack.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/2312791aa0884376b4a58b6efca91ec03a1916e9/examples/shots/stack.gif -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | import Swiper from './src/Swiper'; 2 | 3 | export default Swiper; 4 | -------------------------------------------------------------------------------- /jest-setup.js: -------------------------------------------------------------------------------- 1 | jest.mock('Linking', () => ({ 2 | addEventListener: jest.fn(), 3 | removeEventListener: jest.fn(), 4 | openURL: jest.fn(), 5 | canOpenURL: jest.fn(), 6 | getInitialURL: jest.fn(), 7 | })); 8 | 9 | jest.dontMock('setupDevtools'); 10 | -------------------------------------------------------------------------------- /old-README.md: -------------------------------------------------------------------------------- 1 | # react-native-swiper-animated 2 | Tinder like animations swiper for React Native 3 | 4 | ## ATTENTION! THIS PACKAGE IS NO LONGER UNMAINTAINED!! 5 | Unfortunately, I don't have the time or motivation to work on the v2 based on `react-native-gesture-handler` instead of RN's `PanResponder`. *This repo will be archived at the end of 2019.* 6 | 7 | ### Installation 8 | 9 | ```bash 10 | $ npm i react-native-swiper-animated --save 11 | ``` 12 | 13 | ### Shots 14 | 15 | Basic | Stack | Extended 16 | :-------------------------:|:-------------------------:|:-------------------------: 17 | | | 18 | 19 | 20 | #### In Action 21 | Basic | Stack | Stack with default navigation 22 | :-------------------------:|:-------------------------:|:-------------------------: 23 | | | 24 | 25 | ### Basic Usage 26 | 27 | ``` 28 | import React from 'react'; 29 | import { 30 | Text, 31 | View, 32 | } from 'react-native'; 33 | import Swiper from 'react-native-swiper-animated'; 34 | 35 | const styles = { 36 | wrapper: { 37 | backgroundColor: '#009688', 38 | }, 39 | slide1: { 40 | flex: 1, 41 | justifyContent: 'center', 42 | alignItems: 'center', 43 | backgroundColor: '#e91e63', 44 | }, 45 | slide2: { 46 | flex: 1, 47 | justifyContent: 'center', 48 | alignItems: 'center', 49 | backgroundColor: '#673ab7', 50 | }, 51 | slide3: { 52 | flex: 1, 53 | justifyContent: 'center', 54 | alignItems: 'center', 55 | backgroundColor: '#3f51b5', 56 | }, 57 | text: { 58 | color: '#fff', 59 | fontSize: 30, 60 | fontWeight: 'bold', 61 | }, 62 | }; 63 | 64 | export default () => 69 | 70 | Hello Swiper 71 | 72 | 73 | Beautiful 74 | 75 | 76 | And simple 77 | 78 | ; 79 | 80 | ``` 81 | 82 | ### Examples 83 | 84 | ```bash 85 | $ cd examples 86 | $ npm i 87 | $ react-native run-android 88 | ``` 89 | 90 | > Quick start with [examples](https://github.com/chitezh/react-native-swiper-animated/tree/master/examples/). 91 | 92 | 93 | ### Properties 94 | 95 | #### Basic 96 | 97 | | Prop | Default | Type | Description | 98 | | :------------ |:---------------:| :---------------:| :-----| 99 | | smoothTransition | false | `bool` | If `true`, Swiper will only transit with minimal animations 100 | | loop | true | `bool` | Set to `false` to disable continuous loop mode. | 101 | | index | 0 | `number` | Index number of initial slide. | 102 | | stack | false | `bool` | Set to `true` to stack views | 103 | | swiper | true | `bool` | Set to `false` to disable swiper (used when navigating using methods only)| 104 | | swipeDirection | right | `string` | Set to `left` to move to next card on left swipe | 105 | 106 | #### Custom 107 | 108 | | Prop | Default | Type | Description | 109 | | :------------ |:---------------:| :---------------:| :-----| 110 | | style | {...} | `style` | See default style in source. | 111 | | swiperThreshold | 120 | `number` | Used to set swiper distance before transition | 112 | | backPressToBack | true | `bool` | Set to `false` to disable previous card nagivation on back press | 113 | | stackOffsetY | 3 | `number` | Set vertical offset | 114 | | stackDepth | 5 | `number` | Set number of cards to display in card stack | 115 | | scaleOthers | true | `bool` | Set to `false` to disable scaling of cards below the top card | 116 | 117 | #### Pagination 118 | 119 | | Prop | Default | Type | Description | 120 | | :------------ |:---------------:| :---------------:| :-----| 121 | | showPagination | `true` | `bool` | Set to `false` to disable pagination | 122 | | paginationDotColor | `#C5C5C5` | `string` | In active pagination bullet color | 123 | | paginationActiveDotColor | `#4D4D4E` | `string` | Active pagination bullet color | 124 | | showPaginationBelow | `false` | `bool` | Set to `true` to render pagination below content | 125 | | hidePaginationOnLast | `false` | `bool` | Set to `true` to hide pagination on last card | 126 | | renderPagination | `null` | `func` | render custom pagination - calls func with (total, currentIndex) | 127 | 128 | #### Toolbar 129 | 130 | | Prop | Default | Type | Description | 131 | | :------------ |:---------------:| :---------------:| :-----| 132 | | renderHeader | `() => {}` | `func` | called with the current index | 133 | *react-native-material-ui was removed in version 1.5.0, you will have to call renderHeader to render a custom header* 134 | 135 | [Discover more](https://github.com/chitezh/react-native-swiper-animated/blob/master/src/Swiper.js#L65) 136 | 137 | ### Methods 138 | 139 | #### forceLeftSwipe() 140 | Swiper to left 141 | 142 | #### forceRightSwipe() 143 | Swiper to right 144 | 145 | #### jumpToIndex(index: number) 146 | Jump to a particular index 147 | 148 | 149 | ### Development 150 | 151 | ```bash 152 | $ cd examples 153 | $ npm i 154 | $ npm run watch 155 | $ react-native run-android 156 | ``` 157 | 158 | ## Contribution 159 | 160 | - [@chitezh](mailto:ochu.kc@gmail.com) 161 | 162 | ## Questions 163 | 164 | Feel free to [contact me](mailto:ochu.kc@gmail.com) or [create an issue](https://github.com/chitezh/react-native-swiper-animated/issues/new) 165 | 166 | > Inspired by [leecade/Swiper](https://github.com/leecade/react-native-swiper/) and Tinder swiper by [@brentvatne](https://github.com/brentvatne) 167 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-swiper-animated", 3 | "version": "1.5.3", 4 | "description": "Tinder-like swiper for react-native", 5 | "main": "index.js", 6 | "scripts": { 7 | "start": "node node_modules/react-native/local-cli/cli.js start", 8 | "test": "jest", 9 | "pretest": "npm run lint --silent", 10 | "lint": "eslint . --ext .js,.jsx" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "git+https://github.com/chitezh/react-native-swiper-animated.git" 15 | }, 16 | "keywords": [ 17 | "Tinder", 18 | "Swiper", 19 | "Flip", 20 | "Cards", 21 | "Stack" 22 | ], 23 | "author": "Kingsley Ochu", 24 | "license": "MIT", 25 | "bugs": { 26 | "url": "https://github.com/chitezh/react-native-swiper-animated/issues" 27 | }, 28 | "homepage": "https://github.com/chitezh/react-native-swiper-animated#readme", 29 | "dependencies": { 30 | "clamp": "^1.0.1" 31 | }, 32 | "peerDependencies": { 33 | "prop-types": "*", 34 | "react": "*", 35 | "react-native": "*" 36 | }, 37 | "devDependencies": { 38 | "babel-eslint": "^7.1.1", 39 | "babel-jest": "18.0.0", 40 | "babel-preset-react-native": "1.9.1", 41 | "eslint": "^3.13.1", 42 | "eslint-config-airbnb": "^14.0.0", 43 | "eslint-plugin-import": "^2.2.0", 44 | "eslint-plugin-jsx-a11y": "^3.0.2", 45 | "eslint-plugin-react": "^6.9.0", 46 | "jest": "18.1.0", 47 | "react": "15.4.2", 48 | "react-native": "0.40.0", 49 | "react-test-renderer": "15.4.2" 50 | }, 51 | "jest": { 52 | "setupFiles": [ 53 | "./jest-setup.js" 54 | ] 55 | }, 56 | "eslintConfig": { 57 | "parser": "babel-eslint", 58 | "parserOptions": { 59 | "ecmaVersion": 6, 60 | "sourceType": "module" 61 | }, 62 | "env": { 63 | "browser": true, 64 | "node": true 65 | }, 66 | "extends": "airbnb", 67 | "rules": { 68 | "prefer-template": 0, 69 | "no-console": 0, 70 | "import/no-extraneous-dependencies": 0, 71 | "no-underscore-dangle": 0, 72 | "react/forbid-prop-types": 0, 73 | "react/no-array-index-key": 0, 74 | "react/jsx-filename-extension": [ 75 | 2, 76 | { 77 | "extensions": [ 78 | ".js" 79 | ] 80 | } 81 | ], 82 | "import/no-unresolved": [ 83 | 2, 84 | { 85 | "ignore": [ 86 | "^react$", 87 | "^react-native$", 88 | "^react-native/" 89 | ] 90 | } 91 | ] 92 | }, 93 | "settings": { 94 | "import/resolver": { 95 | "node": { 96 | "extensions": [ 97 | ".js", 98 | ".android.js", 99 | ".ios.js" 100 | ] 101 | } 102 | } 103 | }, 104 | "globals": { 105 | "__DEV__": true, 106 | "jest": false, 107 | "describe": false, 108 | "it": true, 109 | "expect": false 110 | } 111 | } 112 | } 113 | -------------------------------------------------------------------------------- /src/Swiper.js: -------------------------------------------------------------------------------- 1 | import React, { PureComponent } from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import { 4 | StyleSheet, 5 | View, 6 | Animated, 7 | PanResponder, 8 | Dimensions, 9 | Platform, 10 | BackHandler, 11 | TouchableOpacity, 12 | TouchableNativeFeedback 13 | } from 'react-native'; 14 | import clamp from 'clamp'; 15 | 16 | const has = Object.prototype.hasOwnProperty; 17 | 18 | let SWIPE_THRESHOLD = 120; 19 | 20 | const styles = StyleSheet.create({ 21 | container: { 22 | flexDirection: 'column', 23 | flex: 1, 24 | backgroundColor: 'transparent', 25 | }, 26 | card: { 27 | flex: 1, 28 | }, 29 | dot: { 30 | height: 5, 31 | width: 5, 32 | borderRadius: 5, 33 | marginLeft: 3, 34 | marginRight: 3, 35 | }, 36 | dotContainer: { 37 | height: 60, 38 | flexDirection: 'row', 39 | alignItems: 'center', 40 | justifyContent: 'center', 41 | }, 42 | bottomPagination: { 43 | position: 'absolute', 44 | left: 0, 45 | right: 0, 46 | bottom: 0, 47 | }, 48 | }); 49 | 50 | const { height: deviceHeight } = Dimensions.get('window'); 51 | 52 | export default class SwiperAnimated extends PureComponent { 53 | static propTypes = { 54 | children: PropTypes.array, 55 | index: PropTypes.number, 56 | style: PropTypes.any, 57 | loop: PropTypes.bool, 58 | swiper: PropTypes.bool, 59 | swiperThreshold: PropTypes.number, 60 | allowGestureTermination: PropTypes.bool, 61 | stack: PropTypes.bool, 62 | scaleOthers: PropTypes.bool, 63 | stackOffsetY: PropTypes.number, 64 | stackDepth: PropTypes.number, 65 | onClick: PropTypes.func, 66 | onRightSwipe: PropTypes.func, 67 | onLeftSwipe: PropTypes.func, 68 | renderCard: PropTypes.func, 69 | onRemoveCard: PropTypes.func, 70 | dragY: PropTypes.bool, 71 | smoothTransition: PropTypes.bool, 72 | tapToNext: PropTypes.bool, 73 | dragDownToBack: PropTypes.bool, 74 | backPressToBack: PropTypes.bool, 75 | swipeThroughStack: PropTypes.bool, 76 | onFirstBackPressed: PropTypes.func, 77 | renderHeader: PropTypes.func, 78 | showPagination: PropTypes.bool, 79 | paginationDotColor: PropTypes.string, 80 | paginationActiveDotColor: PropTypes.string, 81 | showPaginationBelow: PropTypes.bool, 82 | hidePaginationOnLast: PropTypes.bool, 83 | renderPagination: PropTypes.func, 84 | onFinish: PropTypes.func, 85 | uuid: PropTypes.string, 86 | swipeDirection: PropTypes.string, 87 | }; 88 | 89 | static defaultProps = { 90 | children: [], 91 | index: 0, 92 | loop: false, 93 | swiper: true, 94 | swiperThreshold: null, 95 | allowGestureTermination: false, 96 | stack: false, 97 | scaleOthers: true, 98 | stackOffsetY: 5, 99 | stackDepth: 5, 100 | onClick: () => {}, 101 | onRightSwipe: () => {}, 102 | onLeftSwipe: () => {}, 103 | onRemoveCard: () => {}, 104 | renderCard: null, 105 | style: styles.container, 106 | dragY: true, 107 | smoothTransition: false, 108 | tapToNext: false, 109 | dragDownToBack: false, 110 | backPressToBack: true, 111 | swipeThroughStack: false, 112 | onFirstBackPressed: () => {}, 113 | renderHeader: () => {}, 114 | showPagination: true, 115 | paginationDotColor: '#C5C5C5', 116 | paginationActiveDotColor: '#4D4D4E', 117 | showPaginationBelow: false, 118 | hidePaginationOnLast: false, 119 | renderPagination: null, 120 | onFinish: () => {}, 121 | uuid: 'Y8sivEVkWc0p', 122 | swipeDirection: 'right', 123 | }; 124 | 125 | constructor(props) { 126 | super(props); 127 | const { children, swiperThreshold, index } = this.props; 128 | SWIPE_THRESHOLD = swiperThreshold || SWIPE_THRESHOLD; 129 | 130 | this.currentIndex = {}; 131 | this.guid = props.uuid; 132 | 133 | if (!this.currentIndex[this.guid]) this.currentIndex[this.guid] = index; 134 | 135 | this.pan = new Animated.ValueXY(); 136 | this.valueX = 0; 137 | this.valueY = 0; 138 | 139 | this.enter = new Animated.Value(0.9); 140 | this.textAnim = new Animated.Value(0.8); 141 | 142 | this.state = { 143 | card: children[this.currentIndex[this.guid]], 144 | }; 145 | 146 | this.lastX = 0; 147 | this.lastY = 0; 148 | 149 | this.cardAnimation = null; 150 | } 151 | 152 | componentWillMount() { 153 | this.panResponder = PanResponder.create({ 154 | onStartShouldSetPanResponderCapture: this.handleStartShouldSetPanResponder, 155 | onMoveShouldSetPanResponderCapture: this.handleMoveShouldSetPanResponder, 156 | onPanResponderGrant: this.handlePanResponderGrant, 157 | onPanResponderTerminationRequest: () => this.props.allowGestureTermination, 158 | onPanResponderMove: this.handlePanResponderMove(), 159 | onPanResponderRelease: this.handlePanResponderEnd, 160 | }); 161 | } 162 | 163 | componentDidMount() { 164 | this.isComponentMounted = true; 165 | this.animateEntrance(); 166 | 167 | if (Platform.OS === 'android' && this.props.backPressToBack) { 168 | BackHandler.addEventListener('hardwareBackPress', this.handleBackPress); 169 | } 170 | this.pan.x.addListener(({ value }) => { this.valueX = value; }); 171 | this.pan.y.addListener(({ value }) => { this.valueY = value; }); 172 | } 173 | 174 | componentWillUnmount() { 175 | this.isComponentMounted = false; 176 | if (Platform.OS === 'android' && this.props.backPressToBack) { 177 | BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress); 178 | } 179 | this.pan.x.removeAllListeners(); 180 | this.pan.y.removeAllListeners(); 181 | } 182 | 183 | getCurrentCard = () => this.props.children[this.currentIndex[this.guid]]; 184 | 185 | handleStartShouldSetPanResponder = (e, gestureState) => { 186 | this.lastX = gestureState.moveX; 187 | this.lastY = gestureState.moveY; 188 | return false; 189 | } 190 | 191 | handleMoveShouldSetPanResponder = (e, gestureState) => 192 | Math.abs(gestureState.dx) > 5 || Math.abs(gestureState.dy) > 5; 193 | 194 | handlePanResponderGrant = () => { 195 | this.pan.setOffset({ x: this.valueX, y: this.valueY }); 196 | this.pan.setValue({ x: 0, y: 0 }); 197 | };e 198 | 199 | handlePanResponderMove = () => Animated.event([ 200 | null, { dx: this.pan.x, dy: this.props.dragY ? this.pan.y : new Animated.Value(0) }, 201 | ]); 202 | 203 | handlePanResponderEnd = (e, { vx, vy, dx, dy }) => { 204 | const { card } = this.state; 205 | this.pan.flattenOffset(); 206 | 207 | const { 208 | onRightSwipe, 209 | onLeftSwipe, 210 | onRemoveCard, 211 | onClick, 212 | tapToNext, 213 | stack, 214 | dragDownToBack, 215 | swipeDirection, 216 | } = this.props; 217 | 218 | let velocity; 219 | if (vx >= 0) { 220 | velocity = clamp(vx, 4, 6); 221 | } else if (vx < 0) { 222 | velocity = clamp(vx * -1, 4, 6) * -1; 223 | } else { 224 | velocity = dx < 0 ? -3 : 3; 225 | } 226 | 227 | let velocityY; 228 | if (vy >= 0) { 229 | velocityY = clamp(vy, 4.5, 10); 230 | } else if (vy < 0) { 231 | velocityY = clamp(vy * -1, 4.5, 10) * -1; 232 | } else { 233 | velocityY = dy < 0 ? -6 : 6; 234 | } 235 | 236 | if ((dx === 0) && (dy === 0)) { 237 | onClick(card); 238 | if (tapToNext) this.advanceState(velocity, vy, true); 239 | } 240 | 241 | const accumulatedX = Math.abs(dx); 242 | 243 | if (dragDownToBack && accumulatedX < 20 && dy > SWIPE_THRESHOLD - 30) { 244 | this.advanceState(velocity, vy, false); 245 | return; 246 | } 247 | 248 | const panX = Math.abs(this.valueX); 249 | const panY = Math.abs(this.valueY); 250 | 251 | if ((!isNaN(panY) && panX > SWIPE_THRESHOLD) || (!isNaN(panY) && panY > SWIPE_THRESHOLD)) { 252 | if (stack) { 253 | // if stack, any direction removes card 254 | if (this.valueX > 0 && swipeDirection === 'right') { 255 | onRightSwipe(card); 256 | } else { 257 | onLeftSwipe(card); 258 | } 259 | this.advanceState(velocity, vy, true, accumulatedX, velocityY); 260 | return; 261 | } 262 | 263 | if (this.valueX > 0 && swipeDirection === 'right') { 264 | onRightSwipe(card); 265 | this.advanceState(velocity, vy, true); 266 | } else { 267 | onLeftSwipe(card); 268 | this.advanceState(velocity, vy, false); 269 | } 270 | onRemoveCard(this.currentIndex[this.guid]); 271 | } else { 272 | this.resetPan(); 273 | } 274 | }; 275 | 276 | handleDirection = (isNext) => { 277 | if (!this.isComponentMounted) { return; } 278 | 279 | this.resetState(); 280 | 281 | if (this.props.stack) { 282 | if ((this.props.dragDownToBack || this.props.backPressToBack) && !isNext) { 283 | if (this.currentIndex[this.guid] > 0) { 284 | this.currentIndex[this.guid] -= 1; 285 | 286 | this.setState({ 287 | card: this.props.children[this.currentIndex[this.guid]], 288 | }); 289 | } 290 | } else { 291 | const total = this.props.children.length; 292 | 293 | if (this.currentIndex[this.guid] < total - 1) { 294 | this.currentIndex[this.guid] += 1; 295 | 296 | this.setState({ 297 | card: this.props.children[this.currentIndex[this.guid]], 298 | }); 299 | } else if (this.props.loop) { 300 | this.currentIndex[this.guid] = 0; 301 | 302 | this.setState({ 303 | card: this.props.children[0], 304 | }); 305 | } else { 306 | this.props.onFinish(); 307 | } 308 | } 309 | } else if (isNext) this.goToNextCard(); 310 | else this.goToPrevCard(); 311 | } 312 | 313 | advanceState = (velocityX, vy, isNext, accumulatedX, velocityY) => { 314 | const { smoothTransition, stack } = this.props; 315 | 316 | if (smoothTransition) { 317 | this.handleDirection(isNext); 318 | } else { 319 | const velocity = accumulatedX < SWIPE_THRESHOLD ? 320 | { x: 0, y: velocityY } : { x: velocityX, y: vy }; 321 | 322 | this.cardAnimation = Animated.decay(this.pan, { 323 | velocity, 324 | deceleration: stack ? 0.99 : 0.986, 325 | }); 326 | 327 | this.cardAnimation.start((status) => { 328 | if (status.finished) { 329 | this.handleDirection(isNext); 330 | } else this.resetState(); 331 | 332 | this.cardAnimation = null; 333 | }); 334 | } 335 | } 336 | 337 | goToNextCard = () => { 338 | const total = this.props.children.length; 339 | if (this.currentIndex[this.guid] < total - 1) { 340 | this.currentIndex[this.guid] += 1; 341 | this.setState({ 342 | card: this.props.children[this.currentIndex[this.guid]], 343 | }); 344 | } else if (this.currentIndex[this.guid] === total - 1) { 345 | if (this.props.loop) { 346 | this.currentIndex[this.guid] = 0; 347 | 348 | this.setState({ 349 | card: this.props.children[this.currentIndex[this.guid]], 350 | }); 351 | } else { 352 | this.props.onFinish(); 353 | } 354 | } 355 | } 356 | 357 | goToPrevCard = () => { 358 | this.currentIndex[this.guid] -= 1; 359 | 360 | if (this.currentIndex[this.guid] < 0) { 361 | this.currentIndex[this.guid] = 0; 362 | } 363 | 364 | this.setState({ 365 | card: this.props.children[this.currentIndex[this.guid]], 366 | }); 367 | } 368 | 369 | animateEntrance = () => { 370 | Animated.timing( 371 | this.textAnim, 372 | { toValue: 1 }, 373 | ).start(); 374 | 375 | Animated.spring( 376 | this.enter, 377 | { toValue: 1, tension: 20 }, 378 | ).start(); 379 | } 380 | 381 | resetPan = () => { 382 | Animated.spring(this.pan, { 383 | toValue: { x: 0, y: 0 }, 384 | friction: 4, 385 | }).start(); 386 | } 387 | 388 | resetState = () => { 389 | const { stack, smoothTransition } = this.props; 390 | 391 | this.pan.setValue({ x: 0, y: 0 }); 392 | this.enter.setValue(stack || smoothTransition ? 0.985 : 0.97); 393 | this.textAnim.setValue(0.8); 394 | this.animateEntrance(); 395 | } 396 | 397 | forceLeftSwipe = () => { 398 | this.cardAnimation = Animated.timing(this.pan, { 399 | toValue: { x: -500, y: 0 }, 400 | }).start((status) => { 401 | this.resetState(); 402 | if (status.finished) this.handleDirection(false); 403 | 404 | this.cardAnimation = null; 405 | }); 406 | this.props.onRemoveCard(this.currentIndex[this.guid]); 407 | } 408 | 409 | forceRightSwipe = () => { 410 | this.cardAnimation = Animated.timing(this.pan, { 411 | toValue: { x: 500, y: 0 }, 412 | }).start((status) => { 413 | this.resetState(); 414 | if (status.finished) this.handleDirection(true); 415 | 416 | this.cardAnimation = null; 417 | }); 418 | this.props.onRemoveCard(this.currentIndex[this.guid]); 419 | } 420 | 421 | handleBackPress = () => { 422 | if (this.currentIndex[this.guid] === 0) { 423 | this.props.onFirstBackPressed(); 424 | } else { 425 | this.forceLeftSwipe(); 426 | } 427 | 428 | return true; 429 | } 430 | 431 | calcOffsetY = (index, y) => y * index; 432 | 433 | calcScale = reversedIndex => 1 - ((reversedIndex) * 0.005); 434 | 435 | jumpToIndex = (index) => { 436 | this.currentIndex[this.guid] = index; 437 | 438 | this.setState({ 439 | card: this.props.children[this.currentIndex[this.guid]], 440 | }); 441 | } 442 | 443 | renderPagination = () => { 444 | const total = this.props.children.length; 445 | const index = this.currentIndex[this.guid]; 446 | const { paginationDotColor, paginationActiveDotColor, 447 | showPaginationBelow, renderPagination, stack, hidePaginationOnLast } = this.props; 448 | 449 | if (renderPagination) { 450 | return ( 451 | 457 | {renderPagination(total, index)} 458 | ); 459 | } 460 | 461 | const dots = []; 462 | for (let i = 0; i < total; i += 1) { 463 | const Touchable = Platform.OS === "android" ? TouchableNativeFeedback: TouchableOpacity 464 | dots.push( 465 | this.jumpToIndex(i)} 469 | > 470 | = i ? { backgroundColor: paginationActiveDotColor || '#4D4D4E' } : null]} 473 | /> 474 | , 475 | ); 476 | } 477 | 478 | return ( 479 | 486 | {dots} 487 | ); 488 | } 489 | 490 | /** 491 | * Renders the cards as a stack with props.stackDepth cards deep. 492 | */ 493 | renderStack = () => { 494 | const { swiper, stackOffsetY: offsetY, stackDepth, swipeThroughStack, scaleOthers, children } = this.props; 495 | 496 | const reversedCards = children 497 | .slice(this.currentIndex[this.guid], this.currentIndex[this.guid] + stackDepth) 498 | .reverse(); 499 | 500 | const count = reversedCards.length; 501 | 502 | const cardStack = reversedCards.map((card, i) => { 503 | // calculate transforms depending on the card index (reversed style) 504 | const cardOffsetY = this.calcOffsetY(count - i - 1, offsetY); 505 | const cardScaleX = this.calcScale(count - i - 1); 506 | // the end position equals the position of the card above (=> reduce index) 507 | const cardOffsetYEnd = this.calcOffsetY(count - i - 2, offsetY); 508 | const cardScaleEnd = this.calcScale(count - i - 2); 509 | 510 | let translateY = 0; 511 | let translateX = 0; 512 | let rotate = '0deg'; 513 | let panHandlers = {}; 514 | let scaleX = 1; 515 | let opacity = 1; 516 | const scaleY = 1; 517 | 518 | if (i === 0 && count > stackDepth) { 519 | /* =============================================================================== 520 | last card! 521 | hide it behind the others at first, show it after transforms 522 | dont hide if there are not enough cards anymore 523 | =============================================================================== */ 524 | // to hide the card, set the offsetY the samle value as the card above / before 525 | const lastOffsetY = this.calcOffsetY(count - 2, offsetY); 526 | translateY = Animated.add(this.pan.y, this.pan.x).interpolate({ 527 | inputRange: [-120, 0, 120], 528 | outputRange: [cardOffsetYEnd, lastOffsetY, cardOffsetYEnd], 529 | extrapolate: 'clamp', 530 | }); 531 | scaleX = Animated.add(this.pan.y, this.pan.x).interpolate({ 532 | inputRange: [-120, 0, 120], 533 | outputRange: [cardScaleEnd, cardScaleX, cardScaleEnd], 534 | extrapolate: 'clamp', 535 | }); 536 | opacity = this.enter.interpolate({ inputRange: [0.6, 1], outputRange: [0.8, 1] }); 537 | } else if (i === count - 1) { 538 | /* =============================================================================== 539 | first card! 540 | add panHandlers and other transforms 541 | =============================================================================== */ 542 | rotate = this.pan.x.interpolate({ inputRange: [-400, 0, 400], outputRange: ['-8deg', '0deg', '8deg'] }); 543 | translateY = this.pan.y; 544 | translateX = this.pan.x; 545 | panHandlers = swiper && (children.length - 1 !== this.currentIndex[this.guid] || swipeThroughStack) ? 546 | this.panResponder.panHandlers : {}; 547 | if (this.pan.y === 0 && this.pan.x === 0) { 548 | translateY = this.enter.interpolate({ inputRange: [0.5, 1], outputRange: [5, 50] }); 549 | } 550 | } else { 551 | /* =============================================================================== 552 | cards between first and last! 553 | =============================================================================== */ 554 | translateY = Animated.add(this.pan.y, this.pan.x).interpolate({ 555 | inputRange: [-120, 0, 120], 556 | outputRange: [cardOffsetYEnd, cardOffsetY, cardOffsetYEnd], 557 | extrapolate: 'clamp', 558 | }); 559 | scaleX = Animated.add(this.pan.y, this.pan.x).interpolate({ 560 | inputRange: [-120, 0, 120], 561 | outputRange: [cardScaleEnd, cardScaleX, cardScaleEnd], 562 | extrapolate: 'clamp', 563 | }); 564 | opacity = this.enter.interpolate({ inputRange: [0.6, 1], outputRange: [0.9, 1] }); 565 | if (this.pan.y === 0) { 566 | translateY = this.enter.interpolate({ inputRange: [0.5, 1], outputRange: [0, 30] }); 567 | } 568 | } 569 | 570 | const animatedCardStyles = { 571 | position: 'absolute', 572 | top: 0, 573 | left: 0, 574 | right: 0, 575 | borderRadius: 10, 576 | height: deviceHeight - 130 - offsetY, 577 | opacity, 578 | transform: [ 579 | { translateY }, 580 | { rotate }, 581 | { translateX }, 582 | { scaleX: scaleOthers ? scaleX : 1 }, 583 | { scaleY }, 584 | ], 585 | }; 586 | 587 | return ( 588 | 593 | {card} 594 | ); 595 | }); 596 | 597 | return ( 598 | 599 | {cardStack} 600 | 601 | ); 602 | } 603 | 604 | renderCard = () => { 605 | const { swiper, renderCard, smoothTransition } = this.props; 606 | const [translateX, translateY] = [this.pan.x, this.pan.y]; 607 | 608 | const rotate = this.pan.x.interpolate({ inputRange: [-200, 0, 200], outputRange: ['-30deg', '0deg', '30deg'] }); 609 | const opacity = smoothTransition ? 610 | 1 : this.pan.x.interpolate({ inputRange: [-200, 0, 200], outputRange: [0.5, 1, 0.5] }); 611 | 612 | const scale = this.enter; 613 | 614 | const animatedCardStyles = { 615 | transform: [{ translateX }, { translateY }, { rotate }, { scale }], 616 | opacity, 617 | }; 618 | 619 | const handler = swiper ? this.panResponder.panHandlers : {}; 620 | 621 | return ( 622 | 626 | {renderCard ? renderCard(this.state.card) : this.state.card} 627 | 628 | ); 629 | } 630 | 631 | render() { 632 | const { stack, renderHeader, style: propStyle, showPagination } = this.props; 633 | 634 | return ( 635 | 636 | {renderHeader(this.currentIndex[this.guid])} 637 | {showPagination && this.renderPagination()} 638 | {stack ? this.renderStack() : this.renderCard()} 639 | 640 | ); 641 | } 642 | } 643 | -------------------------------------------------------------------------------- /src/styles.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | 3 | /** 4 | * Default styles 5 | * @type {StyleSheetPropType} 6 | */ 7 | export default StyleSheet.create({ 8 | container: { 9 | backgroundColor: 'transparent', 10 | position: 'relative', 11 | }, 12 | 13 | wrapper: { 14 | backgroundColor: 'transparent', 15 | }, 16 | 17 | slide: { 18 | backgroundColor: 'transparent', 19 | }, 20 | 21 | pagination_x: { 22 | position: 'absolute', 23 | bottom: 25, 24 | left: 0, 25 | right: 0, 26 | flexDirection: 'row', 27 | flex: 1, 28 | justifyContent: 'center', 29 | alignItems: 'center', 30 | backgroundColor: 'transparent', 31 | }, 32 | 33 | pagination_y: { 34 | position: 'absolute', 35 | right: 15, 36 | top: 0, 37 | bottom: 0, 38 | flexDirection: 'column', 39 | flex: 1, 40 | justifyContent: 'center', 41 | alignItems: 'center', 42 | backgroundColor: 'transparent', 43 | }, 44 | 45 | title: { 46 | height: 30, 47 | justifyContent: 'center', 48 | position: 'absolute', 49 | paddingLeft: 10, 50 | bottom: -30, 51 | left: 0, 52 | flexWrap: 'nowrap', 53 | width: 250, 54 | backgroundColor: 'transparent', 55 | }, 56 | 57 | buttonWrapper: { 58 | backgroundColor: 'transparent', 59 | flexDirection: 'row', 60 | position: 'absolute', 61 | top: 0, 62 | left: 0, 63 | flex: 1, 64 | paddingHorizontal: 10, 65 | paddingVertical: 10, 66 | justifyContent: 'space-between', 67 | alignItems: 'center', 68 | }, 69 | 70 | buttonText: { 71 | fontSize: 50, 72 | color: '#007aff', 73 | fontFamily: 'Arial', 74 | }, 75 | }); 76 | --------------------------------------------------------------------------------