├── .editorconfig ├── .eslintrc ├── .gitignore ├── .npmignore ├── LICENSE ├── Makefile ├── README.md ├── demo.gif ├── example ├── .babelrc ├── .buckconfig ├── .eslintrc ├── .flowconfig ├── .gitattributes ├── .gitignore ├── android │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── swipeableexample │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ ├── keystores │ │ ├── BUCK │ │ └── debug.keystore.properties │ └── settings.gradle ├── example.android.gif ├── example.ios.gif ├── index.android.js ├── index.ios.js ├── ios │ ├── SwipeableExample.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── SwipeableExample.xcscheme │ ├── SwipeableExample │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── SwipeableExampleTests │ │ ├── Info.plist │ │ └── SwipeableExampleTests.m ├── package.json └── swipeable-example.js ├── package.json ├── src └── index.js └── yarn.lock /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig: http://editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | charset = utf-8 10 | trim_trailing_whitespace = true 11 | insert_final_newline = true 12 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "airbnb", 3 | "parser": "babel-eslint", 4 | "rules": { 5 | "arrow-parens": 0, 6 | "comma-dangle": 0, 7 | "no-underscore-dangle": 0, 8 | "no-use-before-define": 0, 9 | "max-len": 0, 10 | "object-curly-spacing": 0, 11 | "react/forbid-prop-types": 0, 12 | "react/jsx-filename-extension": 0, 13 | "react/jsx-space-before-closing": 0, 14 | "react/sort-comp": 0 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log* 3 | node_modules 4 | lib 5 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | example/ 2 | src/ 3 | demo.gif 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Jeff Hanson 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 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | BIN = ./node_modules/.bin 2 | SRC = $(shell find ./src -name '*.js') 3 | LIB = $(SRC:./src/%=lib/%) 4 | EXAMPLE = $(shell find ./example/*.js) 5 | 6 | build:: $(LIB) 7 | 8 | lint:: 9 | @$(BIN)/eslint $(SRC) $(EXAMPLE) 10 | 11 | release-patch: build lint 12 | @$(call release,patch) 13 | 14 | release-minor: build lint 15 | @$(call release,minor) 16 | 17 | release-major: build lint 18 | @$(call release,major) 19 | 20 | publish: 21 | git push --tags origin HEAD:master 22 | npm publish 23 | 24 | lib/%.js: src/%.js 25 | @echo "building $@" 26 | @mkdir -p $(@D) 27 | @$(BIN)/babel --presets=latest,react,stage-0 --source-maps-inline -o $@ $< 28 | 29 | clean: 30 | @rm -rf lib/ 31 | 32 | define release 33 | npm version $(1) 34 | endef 35 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Native Swipeable [![NPM version][npm-image]][npm-url] 2 | 3 | A powerful React Native swipe component. Supports both iOS and Android. 4 | 5 | 6 | 7 | ## Installation 8 | 9 | ```sh 10 | npm i --save react-native-swipeable 11 | ``` 12 | 13 | ## Usage 14 | 15 | Wrap your ListView/TableView items with the `Swipeable` component: 16 | 17 | ```javascript 18 | import Swipeable from 'react-native-swipeable'; 19 | 20 | const leftContent = Pull to activate; 21 | 22 | const rightButtons = [ 23 | Button 1, 24 | Button 2 25 | ]; 26 | 27 | function MyListItem() { 28 | return ( 29 | 30 | My swipeable content 31 | 32 | ); 33 | } 34 | ``` 35 | 36 | ### Props 37 | 38 | | prop | type | default | description | 39 | |---------------------------------|--------------|---------|-------------------------------------------------------------------------------------------| 40 | | `children` | renderable | `null` | swipeable content | 41 | | `leftContent` | renderable | `null` | (optional) left content visible during pull action | 42 | | `rightContent` | renderable | `null` | (optional) right content visible during pull action | 43 | | `leftButtons` | renderable[] | `null` | (optional) array of buttons, first being the innermost; ignored if `leftContent` present | 44 | | `rightButtons` | renderable[] | `null` | (optional) array of buttons, first being the innermost; ignored if `rightContent` present | 45 | | `leftActionActivationDistance` | integer | 125 | (optional) minimum swipe distance to activate left action | 46 | | `onLeftActionRelease` | function | `null` | (optional) user has swiped beyond `leftActionActivationDistance` and released | 47 | | `rightActionActivationDistance` | integer | 125 | (optional) minimum swipe distance to activate right action | 48 | | `onRightActionRelease` | function | `null` | (optional) user has swiped beyond `rightActionActivationDistance` and released | 49 | | `leftButtonWidth` | integer | 75 | (optional) resting visible peek of each left button after buttons are swiped open | 50 | | `rightButtonWidth` | integer | 75 | (optional) resting visible peek of each right button after buttons are swiped open | 51 | | `onRef` | function | `null` | (optional) receive swipeable component instance reference | 52 | | `onPanAnimatedValueRef` | function | `null` | (optional) receive swipeable pan `Animated.ValueXY` reference for upstream animations | 53 | 54 | ### Advanced Props 55 | 56 | [Check out the `Swipeable` component's `propTypes`](https://github.com/jshanson7/react-native-swipeable/blob/master/src/index.js#L14) for a huge list of options including animation lifecycle hooks and low-level overrides. 57 | 58 | ### Instance Methods 59 | 60 | #### recenter() 61 | 62 | Imperatively reset swipeable component back to initial position. This is useful if buttons are exposed and the user has begun scrolling the parent view. 63 | 64 | ```javascript 65 | class MyListItem extends Component { 66 | 67 | swipeable = null; 68 | 69 | handleUserBeganScrollingParentView() { 70 | this.swipeable.recenter(); 71 | } 72 | 73 | render() { 74 | return ( 75 | this.swipeable = ref} rightButtons={rightButtons}> 76 | My swipeable content 77 | 78 | ); 79 | } 80 | } 81 | ``` 82 | 83 | ## Example 84 | 85 | To run [the example](https://github.com/jshanson7/react-native-swipeable/blob/master/example/swipeable-example.js): 86 | 87 | ```sh 88 | npm run build 89 | cd example 90 | npm install 91 | react-native run-ios # or run-android 92 | ``` 93 | 94 | 95 | 96 | ## Common Issues 97 | 98 | > Action being triggered more than once ([#3](https://github.com/jshanson7/react-native-swipeable/issues/3)) 99 | 100 | This seems to occur occasionally (but not always) with certain `ScrollView` and `ListView` configurations. The fix is simple though, just ensure that `scrollEnabled` is set to `false` while the user is swiping a row. 101 | 102 | ```js 103 | 104 | this.setState({isSwiping: true})} 106 | onSwipeRelease={() => this.setState({isSwiping: false})} 107 | 108 | 109 | ``` 110 | or: 111 | ```js 112 | ( 115 | this.setState({isSwiping: true})} 117 | onSwipeRelease={() => this.setState({isSwiping: false})} 118 | 119 | )} 120 | /> 121 | ``` 122 | 123 | ## License 124 | 125 | MIT 126 | 127 | [npm-image]: https://badge.fury.io/js/react-native-swipeable.svg 128 | [npm-url]: https://npmjs.org/package/react-native-swipeable 129 | -------------------------------------------------------------------------------- /demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/demo.gif -------------------------------------------------------------------------------- /example/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /example/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "rules": { 3 | "react/no-multi-comp": 0, 4 | "react/prop-types": 0 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | [include] 18 | 19 | [libs] 20 | node_modules/react-native/Libraries/react-native/react-native-interface.js 21 | node_modules/react-native/flow 22 | flow/ 23 | 24 | [options] 25 | module.system=haste 26 | 27 | experimental.strict_type_args=true 28 | 29 | munge_underscores=true 30 | 31 | 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' 32 | 33 | suppress_type=$FlowIssue 34 | suppress_type=$FlowFixMe 35 | suppress_type=$FixMe 36 | 37 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-6]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 38 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-6]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 39 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 40 | 41 | unsafe.enable_getters_and_setters=true 42 | 43 | [version] 44 | ^0.36.0 45 | -------------------------------------------------------------------------------- /example/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /example/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | 38 | # BUCK 39 | buck-out/ 40 | \.buckd/ 41 | android/app/libs 42 | *.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md 50 | 51 | fastlane/report.xml 52 | fastlane/Preview.html 53 | fastlane/screenshots 54 | -------------------------------------------------------------------------------- /example/android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.swipeableexample', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.swipeableexample', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.swipeableexample" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile fileTree(dir: "libs", include: ["*.jar"]) 130 | compile "com.android.support:appcompat-v7:23.0.1" 131 | compile "com.facebook.react:react-native:+" // From node_modules 132 | } 133 | 134 | // Run this once to be able to run the application with BUCK 135 | // puts all compile dependencies into folder libs for BUCK to use 136 | task copyDownloadableDepsToLibs(type: Copy) { 137 | from configurations.compile 138 | into 'libs' 139 | } 140 | -------------------------------------------------------------------------------- /example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/swipeableexample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.swipeableexample; 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 "SwipeableExample"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/swipeableexample/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.swipeableexample; 2 | 3 | import android.app.Application; 4 | import android.util.Log; 5 | 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.shell.MainReactPackage; 11 | import com.facebook.soloader.SoLoader; 12 | 13 | import java.util.Arrays; 14 | import java.util.List; 15 | 16 | public class MainApplication extends Application implements ReactApplication { 17 | 18 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 19 | @Override 20 | protected boolean getUseDeveloperSupport() { 21 | return BuildConfig.DEBUG; 22 | } 23 | 24 | @Override 25 | protected List getPackages() { 26 | return Arrays.asList( 27 | new MainReactPackage() 28 | ); 29 | } 30 | }; 31 | 32 | @Override 33 | public ReactNativeHost getReactNativeHost() { 34 | return mReactNativeHost; 35 | } 36 | 37 | @Override 38 | public void onCreate() { 39 | super.onCreate(); 40 | SoLoader.init(this, /* native exopackage */ false); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | SwipeableExample 3 | 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /example/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /example/android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'SwipeableExample' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /example/example.android.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/example/example.android.gif -------------------------------------------------------------------------------- /example/example.ios.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jshanson7/react-native-swipeable/381ecc3fe2e1f11599c440f7b8d27137c1dc8ff3/example/example.ios.gif -------------------------------------------------------------------------------- /example/index.android.js: -------------------------------------------------------------------------------- 1 | import {AppRegistry} from 'react-native'; 2 | import SwipeableExample from './swipeable-example'; 3 | 4 | AppRegistry.registerComponent('SwipeableExample', () => SwipeableExample); 5 | -------------------------------------------------------------------------------- /example/index.ios.js: -------------------------------------------------------------------------------- 1 | import {AppRegistry} from 'react-native'; 2 | import SwipeableExample from './swipeable-example'; 3 | 4 | AppRegistry.registerComponent('SwipeableExample', () => SwipeableExample); 5 | -------------------------------------------------------------------------------- /example/ios/SwipeableExample.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 /* SwipeableExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* SwipeableExampleTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 26 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 27 | /* End PBXBuildFile section */ 28 | 29 | /* Begin PBXContainerItemProxy section */ 30 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 31 | isa = PBXContainerItemProxy; 32 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 33 | proxyType = 2; 34 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 35 | remoteInfo = RCTActionSheet; 36 | }; 37 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 38 | isa = PBXContainerItemProxy; 39 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 40 | proxyType = 2; 41 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 42 | remoteInfo = RCTGeolocation; 43 | }; 44 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 45 | isa = PBXContainerItemProxy; 46 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 47 | proxyType = 2; 48 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 49 | remoteInfo = RCTImage; 50 | }; 51 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 52 | isa = PBXContainerItemProxy; 53 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 54 | proxyType = 2; 55 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 56 | remoteInfo = RCTNetwork; 57 | }; 58 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 59 | isa = PBXContainerItemProxy; 60 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 61 | proxyType = 2; 62 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 63 | remoteInfo = RCTVibration; 64 | }; 65 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 66 | isa = PBXContainerItemProxy; 67 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 68 | proxyType = 1; 69 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 70 | remoteInfo = SwipeableExample; 71 | }; 72 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 73 | isa = PBXContainerItemProxy; 74 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 75 | proxyType = 2; 76 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 77 | remoteInfo = RCTSettings; 78 | }; 79 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 80 | isa = PBXContainerItemProxy; 81 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 82 | proxyType = 2; 83 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 84 | remoteInfo = RCTWebSocket; 85 | }; 86 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 87 | isa = PBXContainerItemProxy; 88 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 89 | proxyType = 2; 90 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 91 | remoteInfo = React; 92 | }; 93 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 94 | isa = PBXContainerItemProxy; 95 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 96 | proxyType = 2; 97 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 98 | remoteInfo = "RCTImage-tvOS"; 99 | }; 100 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 101 | isa = PBXContainerItemProxy; 102 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 103 | proxyType = 2; 104 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 105 | remoteInfo = "RCTLinking-tvOS"; 106 | }; 107 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 108 | isa = PBXContainerItemProxy; 109 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 110 | proxyType = 2; 111 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 112 | remoteInfo = "RCTNetwork-tvOS"; 113 | }; 114 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 115 | isa = PBXContainerItemProxy; 116 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 117 | proxyType = 2; 118 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 119 | remoteInfo = "RCTSettings-tvOS"; 120 | }; 121 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 122 | isa = PBXContainerItemProxy; 123 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 124 | proxyType = 2; 125 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 126 | remoteInfo = "RCTText-tvOS"; 127 | }; 128 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 129 | isa = PBXContainerItemProxy; 130 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 131 | proxyType = 2; 132 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 133 | remoteInfo = "RCTWebSocket-tvOS"; 134 | }; 135 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 136 | isa = PBXContainerItemProxy; 137 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 138 | proxyType = 2; 139 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 140 | remoteInfo = "React-tvOS"; 141 | }; 142 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 143 | isa = PBXContainerItemProxy; 144 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 145 | proxyType = 2; 146 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 147 | remoteInfo = yoga; 148 | }; 149 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 150 | isa = PBXContainerItemProxy; 151 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 152 | proxyType = 2; 153 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 154 | remoteInfo = "yoga-tvOS"; 155 | }; 156 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 157 | isa = PBXContainerItemProxy; 158 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 159 | proxyType = 2; 160 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 161 | remoteInfo = cxxreact; 162 | }; 163 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 164 | isa = PBXContainerItemProxy; 165 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 166 | proxyType = 2; 167 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 168 | remoteInfo = "cxxreact-tvOS"; 169 | }; 170 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 171 | isa = PBXContainerItemProxy; 172 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 173 | proxyType = 2; 174 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 175 | remoteInfo = jschelpers; 176 | }; 177 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 178 | isa = PBXContainerItemProxy; 179 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 180 | proxyType = 2; 181 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 182 | remoteInfo = "jschelpers-tvOS"; 183 | }; 184 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 185 | isa = PBXContainerItemProxy; 186 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 187 | proxyType = 2; 188 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 189 | remoteInfo = RCTAnimation; 190 | }; 191 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 192 | isa = PBXContainerItemProxy; 193 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 194 | proxyType = 2; 195 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 196 | remoteInfo = "RCTAnimation-tvOS"; 197 | }; 198 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 199 | isa = PBXContainerItemProxy; 200 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 201 | proxyType = 2; 202 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 203 | remoteInfo = RCTLinking; 204 | }; 205 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 206 | isa = PBXContainerItemProxy; 207 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 208 | proxyType = 2; 209 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 210 | remoteInfo = RCTText; 211 | }; 212 | /* End PBXContainerItemProxy section */ 213 | 214 | /* Begin PBXFileReference section */ 215 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 216 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 217 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 218 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 219 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 220 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 221 | 00E356EE1AD99517003FC87E /* SwipeableExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = SwipeableExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 222 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 223 | 00E356F21AD99517003FC87E /* SwipeableExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = SwipeableExampleTests.m; sourceTree = ""; }; 224 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 225 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 226 | 13B07F961A680F5B00A75B9A /* SwipeableExample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = SwipeableExample.app; sourceTree = BUILT_PRODUCTS_DIR; }; 227 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = SwipeableExample/AppDelegate.h; sourceTree = ""; }; 228 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = SwipeableExample/AppDelegate.m; sourceTree = ""; }; 229 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 230 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = SwipeableExample/Images.xcassets; sourceTree = ""; }; 231 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = SwipeableExample/Info.plist; sourceTree = ""; }; 232 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = SwipeableExample/main.m; sourceTree = ""; }; 233 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 234 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 235 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 236 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 237 | /* End PBXFileReference section */ 238 | 239 | /* Begin PBXFrameworksBuildPhase section */ 240 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 241 | isa = PBXFrameworksBuildPhase; 242 | buildActionMask = 2147483647; 243 | files = ( 244 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 245 | ); 246 | runOnlyForDeploymentPostprocessing = 0; 247 | }; 248 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 249 | isa = PBXFrameworksBuildPhase; 250 | buildActionMask = 2147483647; 251 | files = ( 252 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 253 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 254 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 255 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 256 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 257 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 258 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 259 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 260 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 261 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 262 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 263 | ); 264 | runOnlyForDeploymentPostprocessing = 0; 265 | }; 266 | /* End PBXFrameworksBuildPhase section */ 267 | 268 | /* Begin PBXGroup section */ 269 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 270 | isa = PBXGroup; 271 | children = ( 272 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 273 | ); 274 | name = Products; 275 | sourceTree = ""; 276 | }; 277 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 278 | isa = PBXGroup; 279 | children = ( 280 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 281 | ); 282 | name = Products; 283 | sourceTree = ""; 284 | }; 285 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 286 | isa = PBXGroup; 287 | children = ( 288 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 289 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 290 | ); 291 | name = Products; 292 | sourceTree = ""; 293 | }; 294 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 295 | isa = PBXGroup; 296 | children = ( 297 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 298 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 299 | ); 300 | name = Products; 301 | sourceTree = ""; 302 | }; 303 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 304 | isa = PBXGroup; 305 | children = ( 306 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 307 | ); 308 | name = Products; 309 | sourceTree = ""; 310 | }; 311 | 00E356EF1AD99517003FC87E /* SwipeableExampleTests */ = { 312 | isa = PBXGroup; 313 | children = ( 314 | 00E356F21AD99517003FC87E /* SwipeableExampleTests.m */, 315 | 00E356F01AD99517003FC87E /* Supporting Files */, 316 | ); 317 | path = SwipeableExampleTests; 318 | sourceTree = ""; 319 | }; 320 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 321 | isa = PBXGroup; 322 | children = ( 323 | 00E356F11AD99517003FC87E /* Info.plist */, 324 | ); 325 | name = "Supporting Files"; 326 | sourceTree = ""; 327 | }; 328 | 139105B71AF99BAD00B5F7CC /* Products */ = { 329 | isa = PBXGroup; 330 | children = ( 331 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 332 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 333 | ); 334 | name = Products; 335 | sourceTree = ""; 336 | }; 337 | 139FDEE71B06529A00C62182 /* Products */ = { 338 | isa = PBXGroup; 339 | children = ( 340 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 341 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 342 | ); 343 | name = Products; 344 | sourceTree = ""; 345 | }; 346 | 13B07FAE1A68108700A75B9A /* SwipeableExample */ = { 347 | isa = PBXGroup; 348 | children = ( 349 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 350 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 351 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 352 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 353 | 13B07FB61A68108700A75B9A /* Info.plist */, 354 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 355 | 13B07FB71A68108700A75B9A /* main.m */, 356 | ); 357 | name = SwipeableExample; 358 | sourceTree = ""; 359 | }; 360 | 146834001AC3E56700842450 /* Products */ = { 361 | isa = PBXGroup; 362 | children = ( 363 | 146834041AC3E56700842450 /* libReact.a */, 364 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 365 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 366 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 367 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 368 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 369 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 370 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 371 | ); 372 | name = Products; 373 | sourceTree = ""; 374 | }; 375 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 376 | isa = PBXGroup; 377 | children = ( 378 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 379 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 380 | ); 381 | name = Products; 382 | sourceTree = ""; 383 | }; 384 | 78C398B11ACF4ADC00677621 /* Products */ = { 385 | isa = PBXGroup; 386 | children = ( 387 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 388 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 389 | ); 390 | name = Products; 391 | sourceTree = ""; 392 | }; 393 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 394 | isa = PBXGroup; 395 | children = ( 396 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 397 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 398 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 399 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 400 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 401 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 402 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 403 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 404 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 405 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 406 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 407 | ); 408 | name = Libraries; 409 | sourceTree = ""; 410 | }; 411 | 832341B11AAA6A8300B99B32 /* Products */ = { 412 | isa = PBXGroup; 413 | children = ( 414 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 415 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 416 | ); 417 | name = Products; 418 | sourceTree = ""; 419 | }; 420 | 83CBB9F61A601CBA00E9B192 = { 421 | isa = PBXGroup; 422 | children = ( 423 | 13B07FAE1A68108700A75B9A /* SwipeableExample */, 424 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 425 | 00E356EF1AD99517003FC87E /* SwipeableExampleTests */, 426 | 83CBBA001A601CBA00E9B192 /* Products */, 427 | ); 428 | indentWidth = 2; 429 | sourceTree = ""; 430 | tabWidth = 2; 431 | }; 432 | 83CBBA001A601CBA00E9B192 /* Products */ = { 433 | isa = PBXGroup; 434 | children = ( 435 | 13B07F961A680F5B00A75B9A /* SwipeableExample.app */, 436 | 00E356EE1AD99517003FC87E /* SwipeableExampleTests.xctest */, 437 | ); 438 | name = Products; 439 | sourceTree = ""; 440 | }; 441 | /* End PBXGroup section */ 442 | 443 | /* Begin PBXNativeTarget section */ 444 | 00E356ED1AD99517003FC87E /* SwipeableExampleTests */ = { 445 | isa = PBXNativeTarget; 446 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "SwipeableExampleTests" */; 447 | buildPhases = ( 448 | 00E356EA1AD99517003FC87E /* Sources */, 449 | 00E356EB1AD99517003FC87E /* Frameworks */, 450 | 00E356EC1AD99517003FC87E /* Resources */, 451 | ); 452 | buildRules = ( 453 | ); 454 | dependencies = ( 455 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 456 | ); 457 | name = SwipeableExampleTests; 458 | productName = SwipeableExampleTests; 459 | productReference = 00E356EE1AD99517003FC87E /* SwipeableExampleTests.xctest */; 460 | productType = "com.apple.product-type.bundle.unit-test"; 461 | }; 462 | 13B07F861A680F5B00A75B9A /* SwipeableExample */ = { 463 | isa = PBXNativeTarget; 464 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "SwipeableExample" */; 465 | buildPhases = ( 466 | 13B07F871A680F5B00A75B9A /* Sources */, 467 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 468 | 13B07F8E1A680F5B00A75B9A /* Resources */, 469 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 470 | ); 471 | buildRules = ( 472 | ); 473 | dependencies = ( 474 | ); 475 | name = SwipeableExample; 476 | productName = "Hello World"; 477 | productReference = 13B07F961A680F5B00A75B9A /* SwipeableExample.app */; 478 | productType = "com.apple.product-type.application"; 479 | }; 480 | /* End PBXNativeTarget section */ 481 | 482 | /* Begin PBXProject section */ 483 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 484 | isa = PBXProject; 485 | attributes = { 486 | LastUpgradeCheck = 0610; 487 | ORGANIZATIONNAME = Facebook; 488 | TargetAttributes = { 489 | 00E356ED1AD99517003FC87E = { 490 | CreatedOnToolsVersion = 6.2; 491 | TestTargetID = 13B07F861A680F5B00A75B9A; 492 | }; 493 | }; 494 | }; 495 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "SwipeableExample" */; 496 | compatibilityVersion = "Xcode 3.2"; 497 | developmentRegion = English; 498 | hasScannedForEncodings = 0; 499 | knownRegions = ( 500 | en, 501 | Base, 502 | ); 503 | mainGroup = 83CBB9F61A601CBA00E9B192; 504 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 505 | projectDirPath = ""; 506 | projectReferences = ( 507 | { 508 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 509 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 510 | }, 511 | { 512 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 513 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 514 | }, 515 | { 516 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 517 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 518 | }, 519 | { 520 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 521 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 522 | }, 523 | { 524 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 525 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 526 | }, 527 | { 528 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 529 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 530 | }, 531 | { 532 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 533 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 534 | }, 535 | { 536 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 537 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 538 | }, 539 | { 540 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 541 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 542 | }, 543 | { 544 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 545 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 546 | }, 547 | { 548 | ProductGroup = 146834001AC3E56700842450 /* Products */; 549 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 550 | }, 551 | ); 552 | projectRoot = ""; 553 | targets = ( 554 | 13B07F861A680F5B00A75B9A /* SwipeableExample */, 555 | 00E356ED1AD99517003FC87E /* SwipeableExampleTests */, 556 | ); 557 | }; 558 | /* End PBXProject section */ 559 | 560 | /* Begin PBXReferenceProxy section */ 561 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 562 | isa = PBXReferenceProxy; 563 | fileType = archive.ar; 564 | path = libRCTActionSheet.a; 565 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 566 | sourceTree = BUILT_PRODUCTS_DIR; 567 | }; 568 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 569 | isa = PBXReferenceProxy; 570 | fileType = archive.ar; 571 | path = libRCTGeolocation.a; 572 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 573 | sourceTree = BUILT_PRODUCTS_DIR; 574 | }; 575 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 576 | isa = PBXReferenceProxy; 577 | fileType = archive.ar; 578 | path = libRCTImage.a; 579 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 580 | sourceTree = BUILT_PRODUCTS_DIR; 581 | }; 582 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 583 | isa = PBXReferenceProxy; 584 | fileType = archive.ar; 585 | path = libRCTNetwork.a; 586 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 587 | sourceTree = BUILT_PRODUCTS_DIR; 588 | }; 589 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 590 | isa = PBXReferenceProxy; 591 | fileType = archive.ar; 592 | path = libRCTVibration.a; 593 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 594 | sourceTree = BUILT_PRODUCTS_DIR; 595 | }; 596 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 597 | isa = PBXReferenceProxy; 598 | fileType = archive.ar; 599 | path = libRCTSettings.a; 600 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 601 | sourceTree = BUILT_PRODUCTS_DIR; 602 | }; 603 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 604 | isa = PBXReferenceProxy; 605 | fileType = archive.ar; 606 | path = libRCTWebSocket.a; 607 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 608 | sourceTree = BUILT_PRODUCTS_DIR; 609 | }; 610 | 146834041AC3E56700842450 /* libReact.a */ = { 611 | isa = PBXReferenceProxy; 612 | fileType = archive.ar; 613 | path = libReact.a; 614 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 615 | sourceTree = BUILT_PRODUCTS_DIR; 616 | }; 617 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 618 | isa = PBXReferenceProxy; 619 | fileType = archive.ar; 620 | path = "libRCTImage-tvOS.a"; 621 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 622 | sourceTree = BUILT_PRODUCTS_DIR; 623 | }; 624 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 625 | isa = PBXReferenceProxy; 626 | fileType = archive.ar; 627 | path = "libRCTLinking-tvOS.a"; 628 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 629 | sourceTree = BUILT_PRODUCTS_DIR; 630 | }; 631 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 632 | isa = PBXReferenceProxy; 633 | fileType = archive.ar; 634 | path = "libRCTNetwork-tvOS.a"; 635 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 636 | sourceTree = BUILT_PRODUCTS_DIR; 637 | }; 638 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 639 | isa = PBXReferenceProxy; 640 | fileType = archive.ar; 641 | path = "libRCTSettings-tvOS.a"; 642 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 643 | sourceTree = BUILT_PRODUCTS_DIR; 644 | }; 645 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 646 | isa = PBXReferenceProxy; 647 | fileType = archive.ar; 648 | path = "libRCTText-tvOS.a"; 649 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 650 | sourceTree = BUILT_PRODUCTS_DIR; 651 | }; 652 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 653 | isa = PBXReferenceProxy; 654 | fileType = archive.ar; 655 | path = "libRCTWebSocket-tvOS.a"; 656 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 657 | sourceTree = BUILT_PRODUCTS_DIR; 658 | }; 659 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 660 | isa = PBXReferenceProxy; 661 | fileType = archive.ar; 662 | path = libReact.a; 663 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 664 | sourceTree = BUILT_PRODUCTS_DIR; 665 | }; 666 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 667 | isa = PBXReferenceProxy; 668 | fileType = archive.ar; 669 | path = libyoga.a; 670 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 671 | sourceTree = BUILT_PRODUCTS_DIR; 672 | }; 673 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 674 | isa = PBXReferenceProxy; 675 | fileType = archive.ar; 676 | path = libyoga.a; 677 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 678 | sourceTree = BUILT_PRODUCTS_DIR; 679 | }; 680 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 681 | isa = PBXReferenceProxy; 682 | fileType = archive.ar; 683 | path = libcxxreact.a; 684 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 685 | sourceTree = BUILT_PRODUCTS_DIR; 686 | }; 687 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 688 | isa = PBXReferenceProxy; 689 | fileType = archive.ar; 690 | path = libcxxreact.a; 691 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 692 | sourceTree = BUILT_PRODUCTS_DIR; 693 | }; 694 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 695 | isa = PBXReferenceProxy; 696 | fileType = archive.ar; 697 | path = libjschelpers.a; 698 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 699 | sourceTree = BUILT_PRODUCTS_DIR; 700 | }; 701 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 702 | isa = PBXReferenceProxy; 703 | fileType = archive.ar; 704 | path = libjschelpers.a; 705 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 706 | sourceTree = BUILT_PRODUCTS_DIR; 707 | }; 708 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 709 | isa = PBXReferenceProxy; 710 | fileType = archive.ar; 711 | path = libRCTAnimation.a; 712 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 713 | sourceTree = BUILT_PRODUCTS_DIR; 714 | }; 715 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 716 | isa = PBXReferenceProxy; 717 | fileType = archive.ar; 718 | path = "libRCTAnimation-tvOS.a"; 719 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 720 | sourceTree = BUILT_PRODUCTS_DIR; 721 | }; 722 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 723 | isa = PBXReferenceProxy; 724 | fileType = archive.ar; 725 | path = libRCTLinking.a; 726 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 727 | sourceTree = BUILT_PRODUCTS_DIR; 728 | }; 729 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 730 | isa = PBXReferenceProxy; 731 | fileType = archive.ar; 732 | path = libRCTText.a; 733 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 734 | sourceTree = BUILT_PRODUCTS_DIR; 735 | }; 736 | /* End PBXReferenceProxy section */ 737 | 738 | /* Begin PBXResourcesBuildPhase section */ 739 | 00E356EC1AD99517003FC87E /* Resources */ = { 740 | isa = PBXResourcesBuildPhase; 741 | buildActionMask = 2147483647; 742 | files = ( 743 | ); 744 | runOnlyForDeploymentPostprocessing = 0; 745 | }; 746 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 747 | isa = PBXResourcesBuildPhase; 748 | buildActionMask = 2147483647; 749 | files = ( 750 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 751 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 752 | ); 753 | runOnlyForDeploymentPostprocessing = 0; 754 | }; 755 | /* End PBXResourcesBuildPhase section */ 756 | 757 | /* Begin PBXShellScriptBuildPhase section */ 758 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 759 | isa = PBXShellScriptBuildPhase; 760 | buildActionMask = 2147483647; 761 | files = ( 762 | ); 763 | inputPaths = ( 764 | ); 765 | name = "Bundle React Native code and images"; 766 | outputPaths = ( 767 | ); 768 | runOnlyForDeploymentPostprocessing = 0; 769 | shellPath = /bin/sh; 770 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 771 | }; 772 | /* End PBXShellScriptBuildPhase section */ 773 | 774 | /* Begin PBXSourcesBuildPhase section */ 775 | 00E356EA1AD99517003FC87E /* Sources */ = { 776 | isa = PBXSourcesBuildPhase; 777 | buildActionMask = 2147483647; 778 | files = ( 779 | 00E356F31AD99517003FC87E /* SwipeableExampleTests.m in Sources */, 780 | ); 781 | runOnlyForDeploymentPostprocessing = 0; 782 | }; 783 | 13B07F871A680F5B00A75B9A /* Sources */ = { 784 | isa = PBXSourcesBuildPhase; 785 | buildActionMask = 2147483647; 786 | files = ( 787 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 788 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 789 | ); 790 | runOnlyForDeploymentPostprocessing = 0; 791 | }; 792 | /* End PBXSourcesBuildPhase section */ 793 | 794 | /* Begin PBXTargetDependency section */ 795 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 796 | isa = PBXTargetDependency; 797 | target = 13B07F861A680F5B00A75B9A /* SwipeableExample */; 798 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 799 | }; 800 | /* End PBXTargetDependency section */ 801 | 802 | /* Begin PBXVariantGroup section */ 803 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 804 | isa = PBXVariantGroup; 805 | children = ( 806 | 13B07FB21A68108700A75B9A /* Base */, 807 | ); 808 | name = LaunchScreen.xib; 809 | path = SwipeableExample; 810 | sourceTree = ""; 811 | }; 812 | /* End PBXVariantGroup section */ 813 | 814 | /* Begin XCBuildConfiguration section */ 815 | 00E356F61AD99517003FC87E /* Debug */ = { 816 | isa = XCBuildConfiguration; 817 | buildSettings = { 818 | BUNDLE_LOADER = "$(TEST_HOST)"; 819 | GCC_PREPROCESSOR_DEFINITIONS = ( 820 | "DEBUG=1", 821 | "$(inherited)", 822 | ); 823 | INFOPLIST_FILE = SwipeableExampleTests/Info.plist; 824 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 825 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 826 | PRODUCT_NAME = "$(TARGET_NAME)"; 827 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/SwipeableExample.app/SwipeableExample"; 828 | }; 829 | name = Debug; 830 | }; 831 | 00E356F71AD99517003FC87E /* Release */ = { 832 | isa = XCBuildConfiguration; 833 | buildSettings = { 834 | BUNDLE_LOADER = "$(TEST_HOST)"; 835 | COPY_PHASE_STRIP = NO; 836 | INFOPLIST_FILE = SwipeableExampleTests/Info.plist; 837 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 838 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 839 | PRODUCT_NAME = "$(TARGET_NAME)"; 840 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/SwipeableExample.app/SwipeableExample"; 841 | }; 842 | name = Release; 843 | }; 844 | 13B07F941A680F5B00A75B9A /* Debug */ = { 845 | isa = XCBuildConfiguration; 846 | buildSettings = { 847 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 848 | CURRENT_PROJECT_VERSION = 1; 849 | DEAD_CODE_STRIPPING = NO; 850 | INFOPLIST_FILE = SwipeableExample/Info.plist; 851 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 852 | OTHER_LDFLAGS = ( 853 | "$(inherited)", 854 | "-ObjC", 855 | "-lc++", 856 | ); 857 | PRODUCT_NAME = SwipeableExample; 858 | VERSIONING_SYSTEM = "apple-generic"; 859 | }; 860 | name = Debug; 861 | }; 862 | 13B07F951A680F5B00A75B9A /* Release */ = { 863 | isa = XCBuildConfiguration; 864 | buildSettings = { 865 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 866 | CURRENT_PROJECT_VERSION = 1; 867 | INFOPLIST_FILE = SwipeableExample/Info.plist; 868 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 869 | OTHER_LDFLAGS = ( 870 | "$(inherited)", 871 | "-ObjC", 872 | "-lc++", 873 | ); 874 | PRODUCT_NAME = SwipeableExample; 875 | VERSIONING_SYSTEM = "apple-generic"; 876 | }; 877 | name = Release; 878 | }; 879 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 880 | isa = XCBuildConfiguration; 881 | buildSettings = { 882 | ALWAYS_SEARCH_USER_PATHS = NO; 883 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 884 | CLANG_CXX_LIBRARY = "libc++"; 885 | CLANG_ENABLE_MODULES = YES; 886 | CLANG_ENABLE_OBJC_ARC = YES; 887 | CLANG_WARN_BOOL_CONVERSION = YES; 888 | CLANG_WARN_CONSTANT_CONVERSION = YES; 889 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 890 | CLANG_WARN_EMPTY_BODY = YES; 891 | CLANG_WARN_ENUM_CONVERSION = YES; 892 | CLANG_WARN_INT_CONVERSION = YES; 893 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 894 | CLANG_WARN_UNREACHABLE_CODE = YES; 895 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 896 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 897 | COPY_PHASE_STRIP = NO; 898 | ENABLE_STRICT_OBJC_MSGSEND = YES; 899 | GCC_C_LANGUAGE_STANDARD = gnu99; 900 | GCC_DYNAMIC_NO_PIC = NO; 901 | GCC_OPTIMIZATION_LEVEL = 0; 902 | GCC_PREPROCESSOR_DEFINITIONS = ( 903 | "DEBUG=1", 904 | "$(inherited)", 905 | ); 906 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 907 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 908 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 909 | GCC_WARN_UNDECLARED_SELECTOR = YES; 910 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 911 | GCC_WARN_UNUSED_FUNCTION = YES; 912 | GCC_WARN_UNUSED_VARIABLE = YES; 913 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 914 | MTL_ENABLE_DEBUG_INFO = YES; 915 | ONLY_ACTIVE_ARCH = YES; 916 | SDKROOT = iphoneos; 917 | }; 918 | name = Debug; 919 | }; 920 | 83CBBA211A601CBA00E9B192 /* Release */ = { 921 | isa = XCBuildConfiguration; 922 | buildSettings = { 923 | ALWAYS_SEARCH_USER_PATHS = NO; 924 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 925 | CLANG_CXX_LIBRARY = "libc++"; 926 | CLANG_ENABLE_MODULES = YES; 927 | CLANG_ENABLE_OBJC_ARC = YES; 928 | CLANG_WARN_BOOL_CONVERSION = YES; 929 | CLANG_WARN_CONSTANT_CONVERSION = YES; 930 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 931 | CLANG_WARN_EMPTY_BODY = YES; 932 | CLANG_WARN_ENUM_CONVERSION = YES; 933 | CLANG_WARN_INT_CONVERSION = YES; 934 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 935 | CLANG_WARN_UNREACHABLE_CODE = YES; 936 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 937 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 938 | COPY_PHASE_STRIP = YES; 939 | ENABLE_NS_ASSERTIONS = NO; 940 | ENABLE_STRICT_OBJC_MSGSEND = YES; 941 | GCC_C_LANGUAGE_STANDARD = gnu99; 942 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 943 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 944 | GCC_WARN_UNDECLARED_SELECTOR = YES; 945 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 946 | GCC_WARN_UNUSED_FUNCTION = YES; 947 | GCC_WARN_UNUSED_VARIABLE = YES; 948 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 949 | MTL_ENABLE_DEBUG_INFO = NO; 950 | SDKROOT = iphoneos; 951 | VALIDATE_PRODUCT = YES; 952 | }; 953 | name = Release; 954 | }; 955 | /* End XCBuildConfiguration section */ 956 | 957 | /* Begin XCConfigurationList section */ 958 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "SwipeableExampleTests" */ = { 959 | isa = XCConfigurationList; 960 | buildConfigurations = ( 961 | 00E356F61AD99517003FC87E /* Debug */, 962 | 00E356F71AD99517003FC87E /* Release */, 963 | ); 964 | defaultConfigurationIsVisible = 0; 965 | defaultConfigurationName = Release; 966 | }; 967 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "SwipeableExample" */ = { 968 | isa = XCConfigurationList; 969 | buildConfigurations = ( 970 | 13B07F941A680F5B00A75B9A /* Debug */, 971 | 13B07F951A680F5B00A75B9A /* Release */, 972 | ); 973 | defaultConfigurationIsVisible = 0; 974 | defaultConfigurationName = Release; 975 | }; 976 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "SwipeableExample" */ = { 977 | isa = XCConfigurationList; 978 | buildConfigurations = ( 979 | 83CBBA201A601CBA00E9B192 /* Debug */, 980 | 83CBBA211A601CBA00E9B192 /* Release */, 981 | ); 982 | defaultConfigurationIsVisible = 0; 983 | defaultConfigurationName = Release; 984 | }; 985 | /* End XCConfigurationList section */ 986 | }; 987 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 988 | } 989 | -------------------------------------------------------------------------------- /example/ios/SwipeableExample.xcodeproj/xcshareddata/xcschemes/SwipeableExample.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /example/ios/SwipeableExample/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /example/ios/SwipeableExample/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"SwipeableExample" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /example/ios/SwipeableExample/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /example/ios/SwipeableExample/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /example/ios/SwipeableExample/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 | -------------------------------------------------------------------------------- /example/ios/SwipeableExample/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /example/ios/SwipeableExampleTests/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 | -------------------------------------------------------------------------------- /example/ios/SwipeableExampleTests/SwipeableExampleTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface SwipeableExampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation SwipeableExampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "SwipeableExample", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node node_modules/react-native/local-cli/cli.js start", 7 | "update-lib": "rm -r node_modules/react-native-swipeable && cd ../ && npm run build && cd example && npm install" 8 | }, 9 | "dependencies": { 10 | "react": "15.4.1", 11 | "react-native": "0.40.0", 12 | "react-native-swipeable": "../" 13 | }, 14 | "devDependencies": { 15 | "babel-preset-react-native": "1.9.1", 16 | "react-test-renderer": "15.4.1" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /example/swipeable-example.js: -------------------------------------------------------------------------------- 1 | import React, {Component} from 'react'; 2 | import {ScrollView, StyleSheet, Text, TouchableOpacity, View} from 'react-native'; 3 | import Swipeable from 'react-native-swipeable'; 4 | 5 | export default class SwipeableExample extends Component { 6 | 7 | state = { 8 | currentlyOpenSwipeable: null 9 | }; 10 | 11 | handleScroll = () => { 12 | const {currentlyOpenSwipeable} = this.state; 13 | 14 | if (currentlyOpenSwipeable) { 15 | currentlyOpenSwipeable.recenter(); 16 | } 17 | }; 18 | 19 | render() { 20 | const {currentlyOpenSwipeable} = this.state; 21 | const itemProps = { 22 | onOpen: (event, gestureState, swipeable) => { 23 | if (currentlyOpenSwipeable && currentlyOpenSwipeable !== swipeable) { 24 | currentlyOpenSwipeable.recenter(); 25 | } 26 | 27 | this.setState({currentlyOpenSwipeable: swipeable}); 28 | }, 29 | onClose: () => this.setState({currentlyOpenSwipeable: null}) 30 | }; 31 | 32 | return ( 33 | 34 | 35 | 36 | 37 | 38 | ); 39 | } 40 | } 41 | 42 | function Example1({onOpen, onClose}) { 43 | return ( 44 | 47 | Pull action 48 | 49 | )} 50 | rightButtons={[ 51 | 52 | 1 53 | , 54 | 55 | 2 56 | 57 | ]} 58 | onRightButtonsOpenRelease={onOpen} 59 | onRightButtonsCloseRelease={onClose} 60 | > 61 | 62 | Example 1 63 | 64 | 65 | ); 66 | } 67 | 68 | function Example2({onOpen, onClose}) { 69 | return ( 70 | 74 | 1 75 | , 76 | 77 | 2 78 | , 79 | 80 | 3 81 | , 82 | 83 | 4 84 | , 85 | 86 | 5 87 | , 88 | 89 | 6 90 | 91 | ]} 92 | rightContent={( 93 | 94 | Pull action 95 | 96 | )} 97 | onLeftButtonsOpenRelease={onOpen} 98 | onLeftButtonsCloseRelease={onClose} 99 | > 100 | 101 | Example 2 102 | 103 | 104 | ); 105 | } 106 | 107 | class Example3 extends Component { 108 | 109 | state = { 110 | leftActionActivated: false, 111 | toggle: false 112 | }; 113 | 114 | render() { 115 | const {leftActionActivated, toggle} = this.state; 116 | 117 | return ( 118 | 122 | {leftActionActivated ? 123 | release! : 124 | keep pulling!} 125 | 126 | )} 127 | onLeftActionActivate={() => this.setState({leftActionActivated: true})} 128 | onLeftActionDeactivate={() => this.setState({leftActionActivated: false})} 129 | onLeftActionComplete={() => this.setState({toggle: !toggle})} 130 | > 131 | 132 | Example 3 133 | 134 | 135 | ); 136 | } 137 | } 138 | 139 | const styles = StyleSheet.create({ 140 | container: { 141 | flex: 1, 142 | paddingTop: 20 143 | }, 144 | listItem: { 145 | height: 75, 146 | alignItems: 'center', 147 | justifyContent: 'center' 148 | }, 149 | leftSwipeItem: { 150 | flex: 1, 151 | alignItems: 'flex-end', 152 | justifyContent: 'center', 153 | paddingRight: 20 154 | }, 155 | rightSwipeItem: { 156 | flex: 1, 157 | justifyContent: 'center', 158 | paddingLeft: 20 159 | }, 160 | 161 | }); 162 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-swipeable", 3 | "version": "0.6.0", 4 | "description": "A powerful React Native swipe component", 5 | "main": "lib/index.js", 6 | "scripts": { 7 | "build": "make build", 8 | "lint": "make lint" 9 | }, 10 | "author": "Jeff Hanson", 11 | "license": "MIT", 12 | "devDependencies": { 13 | "babel-cli": "^6.18.0", 14 | "babel-eslint": "^7.1.1", 15 | "babel-preset-latest": "^6.16.0", 16 | "babel-preset-react": "^6.16.0", 17 | "babel-preset-stage-0": "^6.16.0", 18 | "eslint": "^3.12.0", 19 | "eslint-config-airbnb": "^13.0.0", 20 | "eslint-plugin-babel": "^4.0.0", 21 | "eslint-plugin-import": "^2.2.0", 22 | "eslint-plugin-jsx-a11y": "^2.2.3", 23 | "eslint-plugin-react": "^6.8.0" 24 | }, 25 | "peerDependencies": { 26 | "react": ">=15.2.0", 27 | "react-native": ">=0.44.0" 28 | }, 29 | "repository": { 30 | "type": "git", 31 | "url": "git+https://github.com/jshanson7/react-native-swipeable.git" 32 | }, 33 | "keywords": [ 34 | "react", 35 | "native", 36 | "swipe", 37 | "ListView", 38 | "TableView" 39 | ], 40 | "dependencies": { 41 | "prop-types": "^15.5.10" 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-unresolved, import/extensions */ 2 | import React, {PureComponent} from 'react'; 3 | import {Animated, Easing, PanResponder, StyleSheet, View, ViewPropTypes} from 'react-native'; 4 | import {PropTypes} from 'prop-types'; 5 | /* eslint-enable import/no-unresolved, import/extensions */ 6 | 7 | function noop() {} 8 | 9 | export default class Swipeable extends PureComponent { 10 | 11 | static propTypes = { 12 | // elements 13 | children: PropTypes.any, 14 | leftContent: PropTypes.any, 15 | rightContent: PropTypes.any, 16 | leftButtons: PropTypes.array, 17 | rightButtons: PropTypes.array, 18 | 19 | // left action lifecycle 20 | onLeftActionActivate: PropTypes.func, 21 | onLeftActionDeactivate: PropTypes.func, 22 | onLeftActionRelease: PropTypes.func, 23 | onLeftActionComplete: PropTypes.func, 24 | leftActionActivationDistance: PropTypes.number, 25 | leftActionReleaseAnimationFn: PropTypes.func, 26 | leftActionReleaseAnimationConfig: PropTypes.object, 27 | 28 | // right action lifecycle 29 | onRightActionActivate: PropTypes.func, 30 | onRightActionDeactivate: PropTypes.func, 31 | onRightActionRelease: PropTypes.func, 32 | onRightActionComplete: PropTypes.func, 33 | rightActionActivationDistance: PropTypes.number, 34 | rightActionReleaseAnimationFn: PropTypes.func, 35 | rightActionReleaseAnimationConfig: PropTypes.object, 36 | 37 | // left buttons lifecycle 38 | onLeftButtonsActivate: PropTypes.func, 39 | onLeftButtonsDeactivate: PropTypes.func, 40 | onLeftButtonsOpenRelease: PropTypes.func, 41 | onLeftButtonsOpenComplete: PropTypes.func, 42 | onLeftButtonsCloseRelease: PropTypes.func, 43 | onLeftButtonsCloseComplete: PropTypes.func, 44 | leftButtonWidth: PropTypes.number, 45 | leftButtonsActivationDistance: PropTypes.number, 46 | leftButtonsOpenReleaseAnimationFn: PropTypes.func, 47 | leftButtonsOpenReleaseAnimationConfig: PropTypes.object, 48 | leftButtonsCloseReleaseAnimationFn: PropTypes.func, 49 | leftButtonsCloseReleaseAnimationConfig: PropTypes.object, 50 | 51 | // right buttons lifecycle 52 | onRightButtonsActivate: PropTypes.func, 53 | onRightButtonsDeactivate: PropTypes.func, 54 | onRightButtonsOpenRelease: PropTypes.func, 55 | onRightButtonsOpenComplete: PropTypes.func, 56 | onRightButtonsCloseRelease: PropTypes.func, 57 | onRightButtonsCloseComplete: PropTypes.func, 58 | rightButtonWidth: PropTypes.number, 59 | rightButtonsActivationDistance: PropTypes.number, 60 | rightButtonsOpenReleaseAnimationFn: PropTypes.func, 61 | rightButtonsOpenReleaseAnimationConfig: PropTypes.object, 62 | rightButtonsCloseReleaseAnimationFn: PropTypes.func, 63 | rightButtonsCloseReleaseAnimationConfig: PropTypes.object, 64 | 65 | // base swipe lifecycle 66 | onSwipeStart: PropTypes.func, 67 | onSwipeMove: PropTypes.func, 68 | onSwipeRelease: PropTypes.func, 69 | onSwipeComplete: PropTypes.func, 70 | swipeReleaseAnimationFn: PropTypes.func, 71 | swipeReleaseAnimationConfig: PropTypes.object, 72 | 73 | // misc 74 | onRef: PropTypes.func, 75 | onPanAnimatedValueRef: PropTypes.func, 76 | swipeStartMinDistance: PropTypes.number, 77 | 78 | // styles 79 | style: ViewPropTypes.style, 80 | leftContainerStyle: ViewPropTypes.style, 81 | leftButtonContainerStyle: ViewPropTypes.style, 82 | rightContainerStyle: ViewPropTypes.style, 83 | rightButtonContainerStyle: ViewPropTypes.style, 84 | contentContainerStyle: ViewPropTypes.style 85 | }; 86 | 87 | static defaultProps = { 88 | leftContent: null, 89 | rightContent: null, 90 | leftButtons: null, 91 | rightButtons: null, 92 | 93 | // left action lifecycle 94 | onLeftActionActivate: noop, 95 | onLeftActionDeactivate: noop, 96 | onLeftActionRelease: noop, 97 | onLeftActionComplete: noop, 98 | leftActionActivationDistance: 125, 99 | leftActionReleaseAnimationFn: null, 100 | leftActionReleaseAnimationConfig: null, 101 | 102 | // right action lifecycle 103 | onRightActionActivate: noop, 104 | onRightActionDeactivate: noop, 105 | onRightActionRelease: noop, 106 | onRightActionComplete: noop, 107 | rightActionActivationDistance: 125, 108 | rightActionReleaseAnimationFn: null, 109 | rightActionReleaseAnimationConfig: null, 110 | 111 | // left buttons lifecycle 112 | onLeftButtonsActivate: noop, 113 | onLeftButtonsDeactivate: noop, 114 | onLeftButtonsOpenRelease: noop, 115 | onLeftButtonsOpenComplete: noop, 116 | onLeftButtonsCloseRelease: noop, 117 | onLeftButtonsCloseComplete: noop, 118 | leftButtonWidth: 75, 119 | leftButtonsActivationDistance: 75, 120 | leftButtonsOpenReleaseAnimationFn: null, 121 | leftButtonsOpenReleaseAnimationConfig: null, 122 | leftButtonsCloseReleaseAnimationFn: null, 123 | leftButtonsCloseReleaseAnimationConfig: null, 124 | 125 | // right buttons lifecycle 126 | onRightButtonsActivate: noop, 127 | onRightButtonsDeactivate: noop, 128 | onRightButtonsOpenRelease: noop, 129 | onRightButtonsOpenComplete: noop, 130 | onRightButtonsCloseRelease: noop, 131 | onRightButtonsCloseComplete: noop, 132 | rightButtonWidth: 75, 133 | rightButtonsActivationDistance: 75, 134 | rightButtonsOpenReleaseAnimationFn: null, 135 | rightButtonsOpenReleaseAnimationConfig: null, 136 | rightButtonsCloseReleaseAnimationFn: null, 137 | rightButtonsCloseReleaseAnimationConfig: null, 138 | 139 | // base swipe lifecycle 140 | onSwipeStart: noop, 141 | onSwipeMove: noop, 142 | onSwipeRelease: noop, 143 | onSwipeComplete: noop, 144 | swipeReleaseAnimationFn: Animated.timing, 145 | swipeReleaseAnimationConfig: { 146 | toValue: {x: 0, y: 0}, 147 | duration: 250, 148 | easing: Easing.elastic(0.5), 149 | useNativeDriver: false 150 | }, 151 | 152 | // misc 153 | onRef: noop, 154 | onPanAnimatedValueRef: noop, 155 | swipeStartMinDistance: 15 156 | }; 157 | 158 | state = { 159 | pan: new Animated.ValueXY(), 160 | width: 0, 161 | lastOffset: {x: 0, y: 0}, 162 | leftActionActivated: false, 163 | leftButtonsActivated: false, 164 | leftButtonsOpen: false, 165 | rightActionActivated: false, 166 | rightButtonsActivated: false, 167 | rightButtonsOpen: false 168 | }; 169 | 170 | componentDidMount() { 171 | const {onPanAnimatedValueRef, onRef} = this.props; 172 | 173 | onRef(this); 174 | onPanAnimatedValueRef(this.state.pan); 175 | } 176 | 177 | componentWillUnmount() { 178 | this._unmounted = true; 179 | } 180 | 181 | recenter = ( 182 | animationFn = this.props.swipeReleaseAnimationFn, 183 | animationConfig = this.props.swipeReleaseAnimationConfig, 184 | onDone 185 | ) => { 186 | const {pan} = this.state; 187 | 188 | this.setState({ 189 | lastOffset: {x: 0, y: 0}, 190 | leftActionActivated: false, 191 | leftButtonsActivated: false, 192 | leftButtonsOpen: false, 193 | rightActionActivated: false, 194 | rightButtonsActivated: false, 195 | rightButtonsOpen: false 196 | }); 197 | 198 | pan.flattenOffset(); 199 | 200 | animationFn(pan, animationConfig).start(onDone); 201 | }; 202 | 203 | _unmounted = false; 204 | 205 | _handlePan = Animated.event([null, { 206 | dx: this.state.pan.x, 207 | dy: this.state.pan.y, 208 | }], {useNativeDriver: false}); 209 | 210 | _handleMoveShouldSetPanResponder = (event, gestureState) => ( 211 | Math.abs(gestureState.dx) > this.props.swipeStartMinDistance 212 | ); 213 | 214 | _handlePanResponderStart = (event, gestureState) => { 215 | const {lastOffset, pan} = this.state; 216 | 217 | pan.setOffset(lastOffset); 218 | this.props.onSwipeStart(event, gestureState, this); 219 | }; 220 | 221 | _handlePanResponderMove = (event, gestureState) => { 222 | const { 223 | leftActionActivationDistance, 224 | leftButtonsActivationDistance, 225 | onLeftActionActivate, 226 | onLeftActionDeactivate, 227 | onLeftButtonsActivate, 228 | onLeftButtonsDeactivate, 229 | rightActionActivationDistance, 230 | rightButtonsActivationDistance, 231 | onRightActionActivate, 232 | onRightActionDeactivate, 233 | onRightButtonsActivate, 234 | onRightButtonsDeactivate, 235 | onSwipeMove 236 | } = this.props; 237 | const { 238 | lastOffset, 239 | leftActionActivated, 240 | leftButtonsActivated, 241 | rightActionActivated, 242 | rightButtonsActivated 243 | } = this.state; 244 | const {dx, vx} = gestureState; 245 | const x = dx + lastOffset.x; 246 | const canSwipeRight = this._canSwipeRight(); 247 | const canSwipeLeft = this._canSwipeLeft(); 248 | const hasLeftButtons = this._hasLeftButtons(); 249 | const hasRightButtons = this._hasRightButtons(); 250 | const isSwipingLeft = vx < 0; 251 | const isSwipingRight = vx > 0; 252 | let nextLeftActionActivated = leftActionActivated; 253 | let nextLeftButtonsActivated = leftButtonsActivated; 254 | let nextRightActionActivated = rightActionActivated; 255 | let nextRightButtonsActivated = rightButtonsActivated; 256 | 257 | this._handlePan(event, gestureState); 258 | onSwipeMove(event, gestureState, this); 259 | 260 | if (!leftActionActivated && canSwipeRight && x >= leftActionActivationDistance) { 261 | nextLeftActionActivated = true; 262 | onLeftActionActivate(event, gestureState, this); 263 | } 264 | 265 | if (leftActionActivated && canSwipeRight && x < leftActionActivationDistance) { 266 | nextLeftActionActivated = false; 267 | onLeftActionDeactivate(event, gestureState, this); 268 | } 269 | 270 | if (!rightActionActivated && canSwipeLeft && x <= -rightActionActivationDistance) { 271 | nextRightActionActivated = true; 272 | onRightActionActivate(event, gestureState, this); 273 | } 274 | 275 | if (rightActionActivated && canSwipeLeft && x > -rightActionActivationDistance) { 276 | nextRightActionActivated = false; 277 | onRightActionDeactivate(event, gestureState, this); 278 | } 279 | 280 | if (!leftButtonsActivated && hasLeftButtons && !isSwipingLeft && x >= leftButtonsActivationDistance) { 281 | nextLeftButtonsActivated = true; 282 | onLeftButtonsActivate(event, gestureState, this); 283 | } 284 | 285 | if (leftButtonsActivated && hasLeftButtons && isSwipingLeft) { 286 | nextLeftButtonsActivated = false; 287 | onLeftButtonsDeactivate(event, gestureState, this); 288 | } 289 | 290 | if (!rightButtonsActivated && hasRightButtons && !isSwipingRight && x <= -rightButtonsActivationDistance) { 291 | nextRightButtonsActivated = true; 292 | onRightButtonsActivate(event, gestureState, this); 293 | } 294 | 295 | if (rightButtonsActivated && hasRightButtons && isSwipingRight) { 296 | nextRightButtonsActivated = false; 297 | onRightButtonsDeactivate(event, gestureState, this); 298 | } 299 | 300 | const needsUpdate = 301 | nextLeftActionActivated !== leftActionActivated || 302 | nextLeftButtonsActivated !== leftButtonsActivated || 303 | nextRightActionActivated !== rightActionActivated || 304 | nextRightButtonsActivated !== rightButtonsActivated; 305 | 306 | if (needsUpdate) { 307 | this.setState({ 308 | leftActionActivated: nextLeftActionActivated, 309 | leftButtonsActivated: nextLeftButtonsActivated, 310 | rightActionActivated: nextRightActionActivated, 311 | rightButtonsActivated: nextRightButtonsActivated 312 | }); 313 | } 314 | }; 315 | 316 | _handlePanResponderEnd = (event, gestureState) => { 317 | const { 318 | onLeftActionRelease, 319 | onLeftActionDeactivate, 320 | onLeftButtonsOpenRelease, 321 | onLeftButtonsCloseRelease, 322 | onRightActionRelease, 323 | onRightActionDeactivate, 324 | onRightButtonsOpenRelease, 325 | onRightButtonsCloseRelease, 326 | onSwipeRelease 327 | } = this.props; 328 | const { 329 | leftActionActivated, 330 | leftButtonsOpen, 331 | leftButtonsActivated, 332 | rightActionActivated, 333 | rightButtonsOpen, 334 | rightButtonsActivated, 335 | pan 336 | } = this.state; 337 | const animationFn = this._getReleaseAnimationFn(); 338 | const animationConfig = this._getReleaseAnimationConfig(); 339 | 340 | onSwipeRelease(event, gestureState, this); 341 | 342 | if (leftActionActivated) { 343 | onLeftActionRelease(event, gestureState, this); 344 | } 345 | 346 | if (rightActionActivated) { 347 | onRightActionRelease(event, gestureState, this); 348 | } 349 | 350 | if (leftButtonsActivated && !leftButtonsOpen) { 351 | onLeftButtonsOpenRelease(event, gestureState, this); 352 | } 353 | 354 | if (!leftButtonsActivated && leftButtonsOpen) { 355 | onLeftButtonsCloseRelease(event, gestureState, this); 356 | } 357 | 358 | if (rightButtonsActivated && !rightButtonsOpen) { 359 | onRightButtonsOpenRelease(event, gestureState, this); 360 | } 361 | 362 | if (!rightButtonsActivated && rightButtonsOpen) { 363 | onRightButtonsCloseRelease(event, gestureState, this); 364 | } 365 | 366 | this.setState({ 367 | lastOffset: {x: animationConfig.toValue.x, y: animationConfig.toValue.y}, 368 | leftActionActivated: false, 369 | rightActionActivated: false, 370 | leftButtonsOpen: leftButtonsActivated, 371 | rightButtonsOpen: rightButtonsActivated 372 | }); 373 | 374 | pan.flattenOffset(); 375 | 376 | animationFn(pan, animationConfig).start(() => { 377 | if (this._unmounted) { 378 | return; 379 | } 380 | 381 | const { 382 | onLeftActionComplete, 383 | onLeftButtonsOpenComplete, 384 | onLeftButtonsCloseComplete, 385 | onRightActionComplete, 386 | onRightButtonsOpenComplete, 387 | onRightButtonsCloseComplete, 388 | onSwipeComplete 389 | } = this.props; 390 | 391 | onSwipeComplete(event, gestureState, this); 392 | 393 | if (leftActionActivated) { 394 | onLeftActionComplete(event, gestureState, this); 395 | onLeftActionDeactivate(event, gestureState, this); 396 | } 397 | 398 | if (rightActionActivated) { 399 | onRightActionComplete(event, gestureState, this); 400 | onRightActionDeactivate(event, gestureState, this); 401 | } 402 | 403 | if (leftButtonsActivated && !leftButtonsOpen) { 404 | onLeftButtonsOpenComplete(event, gestureState, this); 405 | } 406 | 407 | if (!leftButtonsActivated && leftButtonsOpen) { 408 | onLeftButtonsCloseComplete(event, gestureState, this); 409 | } 410 | 411 | if (rightButtonsActivated && !rightButtonsOpen) { 412 | onRightButtonsOpenComplete(event, gestureState, this); 413 | } 414 | 415 | if (!rightButtonsActivated && rightButtonsOpen) { 416 | onRightButtonsCloseComplete(event, gestureState, this); 417 | } 418 | }); 419 | }; 420 | 421 | _panResponder = PanResponder.create({ 422 | onMoveShouldSetPanResponder: this._handleMoveShouldSetPanResponder, 423 | onMoveShouldSetPanResponderCapture: this._handleMoveShouldSetPanResponder, 424 | onPanResponderGrant: this._handlePanResponderStart, 425 | onPanResponderMove: this._handlePanResponderMove, 426 | onPanResponderRelease: this._handlePanResponderEnd, 427 | onPanResponderTerminate: this._handlePanResponderEnd, 428 | onPanResponderTerminationRequest: this._handlePanResponderEnd 429 | }); 430 | 431 | _handleLayout = ({nativeEvent: {layout: {width}}}) => this.setState({width}); 432 | 433 | _canSwipeRight() { 434 | return this.props.leftContent || this._hasLeftButtons(); 435 | } 436 | 437 | _canSwipeLeft() { 438 | return this.props.rightContent || this._hasRightButtons(); 439 | } 440 | 441 | _hasLeftButtons() { 442 | const {leftButtons, leftContent} = this.props; 443 | 444 | return !leftContent && leftButtons && leftButtons.length; 445 | } 446 | 447 | _hasRightButtons() { 448 | const {rightButtons, rightContent} = this.props; 449 | 450 | return !rightContent && rightButtons && rightButtons.length; 451 | } 452 | 453 | _getReleaseAnimationFn() { 454 | const { 455 | leftActionReleaseAnimationFn, 456 | leftButtonsOpenReleaseAnimationFn, 457 | leftButtonsCloseReleaseAnimationFn, 458 | rightActionReleaseAnimationFn, 459 | rightButtonsOpenReleaseAnimationFn, 460 | rightButtonsCloseReleaseAnimationFn, 461 | swipeReleaseAnimationFn 462 | } = this.props; 463 | const { 464 | leftActionActivated, 465 | leftButtonsActivated, 466 | leftButtonsOpen, 467 | rightActionActivated, 468 | rightButtonsActivated, 469 | rightButtonsOpen 470 | } = this.state; 471 | 472 | if (leftActionActivated && leftActionReleaseAnimationFn) { 473 | return leftActionReleaseAnimationFn; 474 | } 475 | 476 | if (rightActionActivated && rightActionReleaseAnimationFn) { 477 | return rightActionReleaseAnimationFn; 478 | } 479 | 480 | if (leftButtonsActivated && leftButtonsOpenReleaseAnimationFn) { 481 | return leftButtonsOpenReleaseAnimationFn; 482 | } 483 | 484 | if (!leftButtonsActivated && leftButtonsOpen && leftButtonsCloseReleaseAnimationFn) { 485 | return leftButtonsCloseReleaseAnimationFn; 486 | } 487 | 488 | if (rightButtonsActivated && rightButtonsOpenReleaseAnimationFn) { 489 | return rightButtonsOpenReleaseAnimationFn; 490 | } 491 | 492 | if (!rightButtonsActivated && rightButtonsOpen && rightButtonsCloseReleaseAnimationFn) { 493 | return rightButtonsCloseReleaseAnimationFn; 494 | } 495 | 496 | return swipeReleaseAnimationFn; 497 | } 498 | 499 | _getReleaseAnimationConfig() { 500 | const { 501 | leftActionReleaseAnimationConfig, 502 | leftButtons, 503 | leftButtonsOpenReleaseAnimationConfig, 504 | leftButtonsCloseReleaseAnimationConfig, 505 | leftButtonWidth, 506 | rightActionReleaseAnimationConfig, 507 | rightButtons, 508 | rightButtonsOpenReleaseAnimationConfig, 509 | rightButtonsCloseReleaseAnimationConfig, 510 | rightButtonWidth, 511 | swipeReleaseAnimationConfig 512 | } = this.props; 513 | const { 514 | leftActionActivated, 515 | leftButtonsActivated, 516 | leftButtonsOpen, 517 | rightActionActivated, 518 | rightButtonsActivated, 519 | rightButtonsOpen 520 | } = this.state; 521 | 522 | if (leftActionActivated && leftActionReleaseAnimationConfig) { 523 | return leftActionReleaseAnimationConfig; 524 | } 525 | 526 | if (rightActionActivated && rightActionReleaseAnimationConfig) { 527 | return rightActionReleaseAnimationConfig; 528 | } 529 | 530 | if (leftButtonsActivated) { 531 | return { 532 | ...swipeReleaseAnimationConfig, 533 | toValue: { 534 | x: leftButtons.length * leftButtonWidth, 535 | y: 0 536 | }, 537 | ...leftButtonsOpenReleaseAnimationConfig 538 | }; 539 | } 540 | 541 | if (rightButtonsActivated) { 542 | return { 543 | ...swipeReleaseAnimationConfig, 544 | toValue: { 545 | x: rightButtons.length * rightButtonWidth * -1, 546 | y: 0 547 | }, 548 | ...rightButtonsOpenReleaseAnimationConfig 549 | }; 550 | } 551 | 552 | if (!leftButtonsActivated && leftButtonsOpen && leftButtonsCloseReleaseAnimationConfig) { 553 | return leftButtonsCloseReleaseAnimationConfig; 554 | } 555 | 556 | if (!rightButtonsActivated && rightButtonsOpen && rightButtonsCloseReleaseAnimationConfig) { 557 | return rightButtonsCloseReleaseAnimationConfig; 558 | } 559 | 560 | return swipeReleaseAnimationConfig; 561 | } 562 | 563 | _renderButtons(buttons, isLeftButtons) { 564 | const {leftButtonContainerStyle, rightButtonContainerStyle} = this.props; 565 | const {pan, width} = this.state; 566 | const canSwipeLeft = this._canSwipeLeft(); 567 | const canSwipeRight = this._canSwipeRight(); 568 | const count = buttons.length; 569 | const leftEnd = canSwipeLeft ? -width : 0; 570 | const rightEnd = canSwipeRight ? width : 0; 571 | const inputRange = isLeftButtons ? [0, rightEnd] : [leftEnd, 0]; 572 | 573 | return buttons.map((buttonContent, index) => { 574 | const outputMultiplier = -index / count; 575 | const outputRange = isLeftButtons ? [0, rightEnd * outputMultiplier] : [leftEnd * outputMultiplier, 0]; 576 | const transform = [{ 577 | translateX: pan.x.interpolate({ 578 | inputRange, 579 | outputRange, 580 | extrapolate: 'clamp' 581 | }) 582 | }]; 583 | const buttonStyle = [ 584 | StyleSheet.absoluteFill, 585 | {width, transform}, 586 | isLeftButtons ? leftButtonContainerStyle : rightButtonContainerStyle 587 | ]; 588 | 589 | return ( 590 | 591 | {buttonContent} 592 | 593 | ); 594 | }); 595 | } 596 | 597 | render() { 598 | const { 599 | children, 600 | contentContainerStyle, 601 | leftButtons, 602 | leftContainerStyle, 603 | leftContent, 604 | rightButtons, 605 | rightContainerStyle, 606 | rightContent, 607 | style, 608 | ...props 609 | } = this.props; 610 | const {pan, width} = this.state; 611 | const canSwipeLeft = this._canSwipeLeft(); 612 | const canSwipeRight = this._canSwipeRight(); 613 | const transform = [{ 614 | translateX: pan.x.interpolate({ 615 | inputRange: [canSwipeLeft ? -width : 0, canSwipeRight ? width : 0], 616 | outputRange: [ 617 | canSwipeLeft ? -width + StyleSheet.hairlineWidth : 0, 618 | canSwipeRight ? width - StyleSheet.hairlineWidth : 0 619 | ], 620 | extrapolate: 'clamp' 621 | }) 622 | }]; 623 | 624 | return ( 625 | 626 | {canSwipeRight && ( 627 | 628 | {leftContent || this._renderButtons(leftButtons, true)} 629 | 630 | )} 631 | {children} 632 | {canSwipeLeft && ( 633 | 634 | {rightContent || this._renderButtons(rightButtons, false)} 635 | 636 | )} 637 | 638 | ); 639 | } 640 | } 641 | 642 | const styles = StyleSheet.create({ 643 | container: { 644 | flexDirection: 'row' 645 | }, 646 | content: { 647 | flex: 1 648 | } 649 | }); 650 | --------------------------------------------------------------------------------