├── .eslintrc.js ├── .gitignore ├── .npmignore ├── .prettierrc.js ├── .travis.yml ├── Draggable.js ├── Draggable.tsx ├── LICENSE ├── README.md ├── __tests__ └── Draggable.test.js ├── babel.config.js ├── demo ├── demo.gif ├── demo2.png ├── demo3.gif └── demoV3.gif ├── example └── DraggableDemo │ ├── .buckconfig │ ├── .eslintrc.js │ ├── .flowconfig │ ├── .gitattributes │ ├── .gitignore │ ├── .prettierrc.js │ ├── .watchmanconfig │ ├── Draggable.js │ ├── __tests__ │ └── App-test.js │ ├── android │ ├── app │ │ ├── _BUCK │ │ ├── build.gradle │ │ ├── build_defs.bzl │ │ ├── debug.keystore │ │ ├── proguard-rules.pro │ │ └── src │ │ │ ├── debug │ │ │ └── AndroidManifest.xml │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── draggabledemo │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle │ ├── app.json │ ├── babel.config.js │ ├── img │ ├── trump1.png │ └── trump2.png │ ├── index.js │ ├── ios │ ├── DraggableDemo-Bridging-Header.h │ ├── DraggableDemo-tvOS │ │ └── Info.plist │ ├── DraggableDemo-tvOSTests │ │ └── Info.plist │ ├── DraggableDemo.xcodeproj │ │ ├── project.pbxproj │ │ ├── project.xcworkspace │ │ │ └── xcshareddata │ │ │ │ └── IDEWorkspaceChecks.plist │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ ├── DraggableDemo-tvOS.xcscheme │ │ │ └── DraggableDemo.xcscheme │ ├── DraggableDemo.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ ├── DraggableDemo │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ ├── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ ├── DraggableDemoTests │ │ ├── DraggableDemoTests.m │ │ └── Info.plist │ ├── Podfile │ └── Podfile.lock │ ├── metro.config.js │ ├── package-lock.json │ ├── package.json │ └── src │ ├── App.js │ └── ChildComponent.js ├── index.d.ts ├── index.js ├── package-lock.json ├── package.json └── tsconfig.json /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | }; 5 | -------------------------------------------------------------------------------- /.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 | 24 | # Android/IntelliJ 25 | # 26 | build/ 27 | .idea 28 | .gradle 29 | local.properties 30 | *.iml 31 | 32 | # node.js 33 | # 34 | node_modules/ 35 | npm-debug.log 36 | yarn-error.log 37 | 38 | # BUCK 39 | buck-out/ 40 | \.buckd/ 41 | *.keystore 42 | !debug.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://docs.fastlane.tools/best-practices/source-control/ 50 | 51 | */fastlane/report.xml 52 | */fastlane/Preview.html 53 | */fastlane/screenshots 54 | 55 | # Bundle artifact 56 | *.jsbundle 57 | 58 | # CocoaPods 59 | /ios/Pods/ 60 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 42 | *.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md 50 | 51 | fastlane/report.xml 52 | fastlane/Preview.html 53 | fastlane/screenshots 54 | 55 | #example 56 | example/ 57 | demo/ 58 | __tests__/ -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | bracketSpacing: false, 3 | jsxBracketSameLine: true, 4 | singleQuote: true, 5 | trailingComma: 'all', 6 | }; 7 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "12" 4 | -------------------------------------------------------------------------------- /Draggable.js: -------------------------------------------------------------------------------- 1 | /** 2 | * * https://github.com/tongyy/react-native-draggable 3 | * 4 | */ 5 | 6 | import React from 'react'; 7 | import { 8 | View, 9 | Text, 10 | Image, 11 | PanResponder, 12 | Animated, 13 | Dimensions, 14 | TouchableOpacity, 15 | StyleSheet, 16 | } from 'react-native'; 17 | import PropTypes from 'prop-types'; 18 | 19 | function clamp(number, min, max) { 20 | return Math.max(min, Math.min(number, max)); 21 | } 22 | 23 | export default function Draggable(props) { 24 | const { 25 | renderText, 26 | isCircle, 27 | renderSize, 28 | imageSource, 29 | renderColor, 30 | children, 31 | shouldReverse, 32 | onReverse, 33 | disabled, 34 | debug, 35 | animatedViewProps, 36 | touchableOpacityProps, 37 | onDrag, 38 | onShortPressRelease, 39 | onDragRelease, 40 | onLongPress, 41 | onPressIn, 42 | onPressOut, 43 | onRelease, 44 | x, 45 | y, 46 | z, 47 | minX, 48 | minY, 49 | maxX, 50 | maxY, 51 | } = props; 52 | 53 | // The Animated object housing our xy value so that we can spring back 54 | const pan = React.useRef(new Animated.ValueXY()); 55 | // Always set to xy value of pan, would like to remove 56 | const offsetFromStart = React.useRef({x: 0, y: 0}); 57 | // Width/Height of Draggable (renderSize is arbitrary if children are passed in) 58 | const childSize = React.useRef({x: renderSize, y: renderSize}); 59 | // Top/Left/Right/Bottom location on screen from start of most recent touch 60 | const startBounds = React.useRef(); 61 | // Whether we're currently dragging or not 62 | const isDragging = React.useRef(false); 63 | 64 | const getBounds = React.useCallback(() => { 65 | const left = x + offsetFromStart.current.x; 66 | const top = y + offsetFromStart.current.y; 67 | return { 68 | left, 69 | top, 70 | right: left + childSize.current.x, 71 | bottom: top + childSize.current.y, 72 | }; 73 | }, [x, y]); 74 | 75 | const shouldStartDrag = React.useCallback( 76 | (gs) => { 77 | return !disabled && (Math.abs(gs.dx) > 2 || Math.abs(gs.dy) > 2); 78 | }, 79 | [disabled], 80 | ); 81 | 82 | const reversePosition = React.useCallback(() => { 83 | const originalOffset = {x: 0, y: 0}; 84 | const newOffset = onReverse ? onReverse() : originalOffset; 85 | Animated.spring(pan.current, { 86 | toValue: newOffset || originalOffset, 87 | useNativeDriver: false, 88 | }).start(); 89 | 90 | }, [pan]); 91 | 92 | const onPanResponderRelease = React.useCallback( 93 | (e, gestureState) => { 94 | isDragging.current = false; 95 | if (onDragRelease) { 96 | onDragRelease(e, gestureState, getBounds()); 97 | onRelease(e, true); 98 | } 99 | if (!shouldReverse) { 100 | pan.current.flattenOffset(); 101 | } else { 102 | reversePosition(); 103 | } 104 | }, 105 | [onDragRelease, shouldReverse, onRelease, reversePosition, getBounds], 106 | ); 107 | 108 | const onPanResponderGrant = React.useCallback( 109 | (e, gestureState) => { 110 | startBounds.current = getBounds(); 111 | isDragging.current = true; 112 | if (!shouldReverse) { 113 | pan.current.setOffset(offsetFromStart.current); 114 | pan.current.setValue({x: 0, y: 0}); 115 | } 116 | }, 117 | [getBounds, shouldReverse], 118 | ); 119 | 120 | const handleOnDrag = React.useCallback( 121 | (e, gestureState) => { 122 | const {dx, dy} = gestureState; 123 | const {top, right, left, bottom} = startBounds.current; 124 | const far = 999999999; 125 | const changeX = clamp( 126 | dx, 127 | Number.isFinite(minX) ? minX - left : -far, 128 | Number.isFinite(maxX) ? maxX - right : far, 129 | ); 130 | const changeY = clamp( 131 | dy, 132 | Number.isFinite(minY) ? minY - top : -far, 133 | Number.isFinite(maxY) ? maxY - bottom : far, 134 | ); 135 | pan.current.setValue({x: changeX, y: changeY}); 136 | onDrag(e, gestureState); 137 | }, 138 | [maxX, maxY, minX, minY, onDrag], 139 | ); 140 | 141 | const panResponder = React.useMemo(() => { 142 | return PanResponder.create({ 143 | onMoveShouldSetPanResponder: (_, gestureState) => 144 | shouldStartDrag(gestureState), 145 | onMoveShouldSetPanResponderCapture: (_, gestureState) => 146 | shouldStartDrag(gestureState), 147 | onPanResponderGrant, 148 | onPanResponderMove: Animated.event([], { 149 | listener: handleOnDrag, 150 | useNativeDriver: false, 151 | }), 152 | onPanResponderRelease, 153 | }); 154 | }, [ 155 | handleOnDrag, 156 | onPanResponderGrant, 157 | onPanResponderRelease, 158 | shouldStartDrag, 159 | ]); 160 | 161 | // TODO Figure out a way to destroy and remove offsetFromStart entirely 162 | React.useEffect(() => { 163 | const curPan = pan.current; // Using an instance to avoid losing the pointer before the cleanup 164 | if (!shouldReverse) { 165 | curPan.addListener((c) => (offsetFromStart.current = c)); 166 | } else { 167 | reversePosition(); 168 | } 169 | return () => { 170 | curPan.removeAllListeners(); 171 | }; 172 | }, [shouldReverse]); 173 | 174 | const positionCss = React.useMemo(() => { 175 | const Window = Dimensions.get('window'); 176 | return { 177 | position: 'absolute', 178 | top: 0, 179 | left: 0, 180 | width: Window.width, 181 | height: Window.height, 182 | }; 183 | }, []); 184 | 185 | const dragItemCss = React.useMemo(() => { 186 | const style = { 187 | top: y, 188 | left: x, 189 | elevation: z, 190 | zIndex: z, 191 | }; 192 | if (renderColor) { 193 | style.backgroundColor = renderColor; 194 | } 195 | if (isCircle) { 196 | style.borderRadius = renderSize; 197 | } 198 | 199 | if (children) { 200 | return { 201 | ...style, 202 | alignSelf: 'baseline', 203 | }; 204 | } 205 | return { 206 | ...style, 207 | justifyContent: 'center', 208 | width: renderSize, 209 | height: renderSize, 210 | }; 211 | }, [children, isCircle, renderColor, renderSize, x, y, z]); 212 | 213 | const touchableContent = React.useMemo(() => { 214 | if (children) { 215 | return children; 216 | } else if (imageSource) { 217 | return ( 218 | 222 | ); 223 | } else { 224 | return {renderText}; 225 | } 226 | }, [children, imageSource, renderSize, renderText]); 227 | 228 | const handleOnLayout = React.useCallback((event) => { 229 | const {height, width} = event.nativeEvent.layout; 230 | childSize.current = {x: width, y: height}; 231 | }, []); 232 | 233 | const handlePressOut = React.useCallback( 234 | (event) => { 235 | onPressOut(event); 236 | if (!isDragging.current) { 237 | onRelease(event, false); 238 | } 239 | }, 240 | [onPressOut, onRelease], 241 | ); 242 | 243 | const getDebugView = React.useCallback(() => { 244 | const {width, height} = Dimensions.get('window'); 245 | const far = 9999; 246 | const constrained = minX || maxX || minY || maxY; 247 | if (!constrained) { 248 | return null; 249 | } // could show other debug info here 250 | const left = minX || -far; 251 | const right = maxX ? width - maxX : -far; 252 | const top = minY || -far; 253 | const bottom = maxY ? height - maxY : -far; 254 | return ( 255 | 259 | ); 260 | }, [maxX, maxY, minX, minY]); 261 | 262 | return ( 263 | 264 | {debug && getDebugView()} 265 | 270 | 279 | {touchableContent} 280 | 281 | 282 | 283 | ); 284 | } 285 | 286 | /***** Default props and types */ 287 | 288 | Draggable.defaultProps = { 289 | renderText: '＋', 290 | renderSize: 36, 291 | shouldReverse: false, 292 | disabled: false, 293 | debug: false, 294 | onDrag: () => {}, 295 | onShortPressRelease: () => {}, 296 | onDragRelease: () => {}, 297 | onLongPress: () => {}, 298 | onPressIn: () => {}, 299 | onPressOut: () => {}, 300 | onRelease: () => {}, 301 | x: 0, 302 | y: 0, 303 | z: 1, 304 | }; 305 | 306 | Draggable.propTypes = { 307 | /**** props that should probably be removed in favor of "children" */ 308 | renderText: PropTypes.string, 309 | isCircle: PropTypes.bool, 310 | renderSize: PropTypes.number, 311 | imageSource: PropTypes.number, 312 | renderColor: PropTypes.string, 313 | /**** */ 314 | children: PropTypes.element, 315 | shouldReverse: PropTypes.bool, 316 | disabled: PropTypes.bool, 317 | debug: PropTypes.bool, 318 | animatedViewProps: PropTypes.object, 319 | touchableOpacityProps: PropTypes.object, 320 | onDrag: PropTypes.func, 321 | onShortPressRelease: PropTypes.func, 322 | onDragRelease: PropTypes.func, 323 | onLongPress: PropTypes.func, 324 | onPressIn: PropTypes.func, 325 | onPressOut: PropTypes.func, 326 | onRelease: PropTypes.func, 327 | onReverse: PropTypes.func, 328 | x: PropTypes.number, 329 | y: PropTypes.number, 330 | // z/elevation should be removed because it doesn't sync up visually and haptically 331 | z: PropTypes.number, 332 | minX: PropTypes.number, 333 | minY: PropTypes.number, 334 | maxX: PropTypes.number, 335 | maxY: PropTypes.number, 336 | }; 337 | 338 | const styles = StyleSheet.create({ 339 | text: {color: '#fff', textAlign: 'center'}, 340 | test: {backgroundColor: 'red'}, 341 | debugView: { 342 | backgroundColor: '#ff000044', 343 | position: 'absolute', 344 | borderColor: '#fced0ecc', 345 | borderWidth: 4, 346 | }, 347 | }); 348 | -------------------------------------------------------------------------------- /Draggable.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * * https://github.com/tongyy/react-native-draggable 3 | * 4 | */ 5 | 6 | import React from 'react'; 7 | import { 8 | View, 9 | Text, 10 | Image, 11 | PanResponder, 12 | Animated, 13 | Dimensions, 14 | TouchableOpacity, 15 | StyleSheet, 16 | GestureResponderEvent, 17 | PanResponderGestureState, 18 | StyleProp, 19 | } from 'react-native'; 20 | import PropTypes from 'prop-types'; 21 | import { ViewStyle } from 'react-native/Libraries/StyleSheet/StyleSheet'; 22 | 23 | function clamp(number: number, min: number, max: number) { 24 | return Math.max(min, Math.min(number, max)); 25 | } 26 | 27 | interface IProps { 28 | /**** props that should probably be removed in favor of "children" */ 29 | renderText?: string; 30 | isCircle?: boolean; 31 | renderSize?: number; 32 | imageSource?: number; 33 | renderColor?: string; 34 | /**** */ 35 | children?: React.ReactNode; 36 | shouldReverse?: boolean; 37 | disabled?: boolean; 38 | debug?: boolean; 39 | animatedViewProps?: object; 40 | touchableOpacityProps?: object; 41 | onDrag?: (e: GestureResponderEvent, gestureState: PanResponderGestureState) => void; 42 | onShortPressRelease?: (event: GestureResponderEvent) => void; 43 | onDragRelease?: (e: GestureResponderEvent, gestureState: PanResponderGestureState) => void; 44 | onLongPress?: (event: GestureResponderEvent) => void; 45 | onPressIn?: (event: GestureResponderEvent) => void; 46 | onPressOut?: (event: GestureResponderEvent) => void; 47 | onRelease?: (event: GestureResponderEvent, wasDragging: boolean) => void; 48 | onReverse?: () => {x: number, y: number}, 49 | x?: number; 50 | y?: number; 51 | // z/elevation should be removed because it doesn't sync up visually and haptically 52 | z?: number; 53 | minX?: number; 54 | minY?: number; 55 | maxX?: number; 56 | maxY?: number; 57 | }; 58 | 59 | export default function Draggable(props: IProps) { 60 | const { 61 | renderText, 62 | isCircle, 63 | renderSize, 64 | imageSource, 65 | renderColor, 66 | children, 67 | shouldReverse, 68 | disabled, 69 | debug, 70 | animatedViewProps, 71 | touchableOpacityProps, 72 | onDrag, 73 | onShortPressRelease, 74 | onDragRelease, 75 | onLongPress, 76 | onPressIn, 77 | onPressOut, 78 | onRelease, 79 | x, 80 | y, 81 | z, 82 | minX, 83 | minY, 84 | maxX, 85 | maxY, 86 | } = props; 87 | 88 | // The Animated object housing our xy value so that we can spring back 89 | const pan = React.useRef(new Animated.ValueXY()); 90 | // Always set to xy value of pan, would like to remove 91 | const offsetFromStart = React.useRef({x: 0, y: 0}); 92 | // Width/Height of Draggable (renderSize is arbitrary if children are passed in) 93 | const childSize = React.useRef({x: renderSize, y: renderSize}); 94 | // Top/Left/Right/Bottom location on screen from start of most recent touch 95 | const startBounds = React.useRef({top: 0, bottom: 0, left: 0, right: 0}); 96 | // Whether we're currently dragging or not 97 | const isDragging = React.useRef(false); 98 | 99 | const getBounds = React.useCallback(() => { 100 | const left = x + offsetFromStart.current.x; 101 | const top = y + offsetFromStart.current.y; 102 | return { 103 | left, 104 | top, 105 | right: left + childSize.current.x, 106 | bottom: top + childSize.current.y, 107 | }; 108 | }, [x, y]); 109 | 110 | const shouldStartDrag = React.useCallback( 111 | gs => { 112 | return !disabled && (Math.abs(gs.dx) > 2 || Math.abs(gs.dy) > 2); 113 | }, 114 | [disabled], 115 | ); 116 | 117 | const reversePosition = React.useCallback(() => { 118 | Animated.spring(pan.current, { 119 | toValue: {x: 0, y: 0}, 120 | useNativeDriver: false, 121 | }).start(); 122 | }, [pan]); 123 | 124 | const onPanResponderRelease = React.useCallback( 125 | (e: GestureResponderEvent, gestureState: PanResponderGestureState) => { 126 | isDragging.current = false; 127 | if (onDragRelease) { 128 | onDragRelease(e, gestureState); 129 | onRelease(e, true); 130 | } 131 | if (!shouldReverse) { 132 | pan.current.flattenOffset(); 133 | } else { 134 | reversePosition(); 135 | } 136 | }, 137 | [onDragRelease, shouldReverse, onRelease, reversePosition], 138 | ); 139 | 140 | const onPanResponderGrant = React.useCallback( 141 | (e: GestureResponderEvent, gestureState: PanResponderGestureState) => { 142 | startBounds.current = getBounds(); 143 | isDragging.current = true; 144 | if (!shouldReverse) { 145 | pan.current.setOffset(offsetFromStart.current); 146 | pan.current.setValue({x: 0, y: 0}); 147 | } 148 | }, 149 | [getBounds, shouldReverse], 150 | ); 151 | 152 | const handleOnDrag = React.useCallback( 153 | (e: GestureResponderEvent, gestureState: PanResponderGestureState) => { 154 | const {dx, dy} = gestureState; 155 | const {top, right, left, bottom} = startBounds.current; 156 | const far = 999999999; 157 | const changeX = clamp( 158 | dx, 159 | Number.isFinite(minX) ? minX - left : -far, 160 | Number.isFinite(maxX) ? maxX - right : far, 161 | ); 162 | const changeY = clamp( 163 | dy, 164 | Number.isFinite(minY) ? minY - top : -far, 165 | Number.isFinite(maxY) ? maxY - bottom : far, 166 | ); 167 | pan.current.setValue({x: changeX, y: changeY}); 168 | onDrag(e, gestureState); 169 | }, 170 | [maxX, maxY, minX, minY, onDrag], 171 | ); 172 | 173 | const panResponder = React.useMemo(() => { 174 | return PanResponder.create({ 175 | onMoveShouldSetPanResponder: (_, gestureState) => 176 | shouldStartDrag(gestureState), 177 | onMoveShouldSetPanResponderCapture: (_, gestureState) => 178 | shouldStartDrag(gestureState), 179 | onPanResponderGrant, 180 | onPanResponderMove: Animated.event([], { 181 | // Typed incorrectly https://reactnative.dev/docs/panresponder 182 | listener: handleOnDrag, 183 | useNativeDriver: false, 184 | }), 185 | onPanResponderRelease, 186 | }); 187 | }, [ 188 | handleOnDrag, 189 | onPanResponderGrant, 190 | onPanResponderRelease, 191 | shouldStartDrag, 192 | ]); 193 | 194 | // TODO Figure out a way to destroy and remove offsetFromStart entirely 195 | React.useEffect(() => { 196 | const curPan = pan.current; // Using an instance to avoid losing the pointer before the cleanup 197 | if (!shouldReverse) { 198 | curPan.addListener(c => (offsetFromStart.current = c)); 199 | } 200 | return () => { 201 | // Typed incorrectly 202 | curPan.removeAllListeners(); 203 | }; 204 | }, [shouldReverse]); 205 | 206 | const positionCss: StyleProp = React.useMemo(() => { 207 | const Window = Dimensions.get('window'); 208 | return { 209 | position: 'absolute', 210 | top: 0, 211 | left: 0, 212 | width: Window.width, 213 | height: Window.height, 214 | }; 215 | }, []); 216 | 217 | const dragItemCss = React.useMemo(() => { 218 | const style: StyleProp = { 219 | top: y, 220 | left: x, 221 | elevation: z, 222 | zIndex: z, 223 | }; 224 | if (renderColor) { 225 | style.backgroundColor = renderColor; 226 | } 227 | if (isCircle) { 228 | style.borderRadius = renderSize; 229 | } 230 | 231 | if (children) { 232 | return { 233 | ...style, 234 | alignSelf: 'baseline', 235 | }; 236 | } 237 | return { 238 | ...style, 239 | justifyContent: 'center', 240 | width: renderSize, 241 | height: renderSize, 242 | }; 243 | }, [children, isCircle, renderColor, renderSize, x, y, z]); 244 | 245 | const touchableContent = React.useMemo(() => { 246 | if (children) { 247 | return children; 248 | } else if (imageSource) { 249 | return ( 250 | 254 | ); 255 | } else { 256 | return {renderText}; 257 | } 258 | }, [children, imageSource, renderSize, renderText]); 259 | 260 | const handleOnLayout = React.useCallback(event => { 261 | const {height, width} = event.nativeEvent.layout; 262 | childSize.current = {x: width, y: height}; 263 | }, []); 264 | 265 | const handlePressOut = React.useCallback( 266 | (event: GestureResponderEvent) => { 267 | onPressOut(event); 268 | if (!isDragging.current) { 269 | onRelease(event, false); 270 | } 271 | }, 272 | [onPressOut, onRelease], 273 | ); 274 | 275 | const getDebugView = React.useCallback(() => { 276 | const {width, height} = Dimensions.get('window'); 277 | const far = 9999; 278 | const constrained = minX || maxX || minY || maxY; 279 | if (!constrained) { 280 | return null; 281 | } // could show other debug info here 282 | const left = minX || -far; 283 | const right = maxX ? width - maxX : -far; 284 | const top = minY || -far; 285 | const bottom = maxY ? height - maxY : -far; 286 | return ( 287 | 291 | ); 292 | }, [maxX, maxY, minX, minY]); 293 | 294 | return ( 295 | 296 | {debug && getDebugView()} 297 | 302 | 311 | {touchableContent} 312 | 313 | 314 | 315 | ); 316 | } 317 | 318 | /***** Default props and types */ 319 | 320 | Draggable.defaultProps = { 321 | renderText: '＋', 322 | renderSize: 36, 323 | shouldReverse: false, 324 | disabled: false, 325 | debug: false, 326 | onDrag: () => {}, 327 | onShortPressRelease: () => {}, 328 | onDragRelease: () => {}, 329 | onLongPress: () => {}, 330 | onPressIn: () => {}, 331 | onPressOut: () => {}, 332 | onRelease: () => {}, 333 | x: 0, 334 | y: 0, 335 | z: 1, 336 | }; 337 | 338 | const styles = StyleSheet.create({ 339 | text: {color: '#fff', textAlign: 'center'}, 340 | debugView: { 341 | backgroundColor: '#ff000044', 342 | position: 'absolute', 343 | borderColor: '#fced0ecc', 344 | borderWidth: 4, 345 | }, 346 | }); 347 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 tongyy 4 | Permission is hereby granted, free of charge, to any person obtaining a copy 5 | of this software and associated documentation files (the "Software"), to deal 6 | in the Software without restriction, including without limitation the rights 7 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the Software is 9 | furnished to do so, subject to the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be included in all 12 | copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 15 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 16 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 17 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 18 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 19 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 20 | SOFTWARE. 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-draggable 2 | [![Build Status](https://travis-ci.org/tongyy/react-native-draggable.svg?branch=master)](https://travis-ci.org/tongyy/react-native-draggable) [![npm version](https://badge.fury.io/js/react-native-draggable.svg)](https://badge.fury.io/js/react-native-draggable) 3 | 4 | [![NPM](https://nodei.co/npm/react-native-draggable.png?compact=true)](https://npmjs.org/package/react-native-draggable) 5 | 6 | ### UPDATE DEC 2019 (v3.0.0) - This repo has just been completely refreshed and contains very different functionality, please see the new props and usage below 7 | 8 | Draggable item for react-native! 9 | 10 | ``` 11 | npm install react-native-draggable 12 | import Draggable from 'react-native-draggable'; 13 | ``` 14 | How to use 15 | 16 | ``` 17 | return ( 18 | 19 | alert('touched!!')}/> 20 | 21 | 22 | 23 | 24 | 25 | 26 | ); 27 | ``` 28 | [Demo](https://github.com/tongyy/react-native-draggable/blob/master/demo/demo.gif) 29 | 30 | [![N|Solid](https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demo.gif)](https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demo.gif) 31 | in my project => 32 | 33 | ``` 34 | return ( 35 | 36 | console.log('long press')} 43 | onShortPressRelease={()=>console.log('press drag')} 44 | onPressIn={()=>console.log('in press')} 45 | onPressOut={()=>console.log('out press')} 46 | /> 47 | 48 | ); 49 | 50 | ``` 51 | [Event Demo](https://github.com/tongyy/react-native-draggable/blob/master/demo/demo3.gif) 52 | 53 | ![DEMO2](https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demo3.gif) 54 | 55 | [Version 3 Demo](https://github.com/tongyy/react-native-draggable/blob/master/demo/demoV3.gif) 56 | 57 | ![DEMOV3](https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demoV3.gif) 58 | 59 | 60 | # Props spec & Example 61 | ## Properties 62 | | Prop | Type | Example | Default | Description | 63 | | :------------ |:---------------:|:---------------:|:---------------:|:-----| 64 | | renderText | string | 'ANY' | '+' | text of draggable | 65 | | isCircle | bool | {true} | --- | render as circle 66 | | renderSize | number | {36} | {36} | draggable size | 67 | | imageSource | source | require('./img/xxx.png') | --- | image source| 68 | | renderColor | string | 'black' | --- | [Colors](https://facebook.github.io/react-native/docs/colors.html)| 69 | | children | [Component](https://reactjs.org/docs/typechecking-with-proptypes.html#requiring-single-child) | `Sup` | --- | children to render as draggable | 70 | | shouldReverse | bool | {false} | {false} | should draggable spring back to start when released | 71 | | disabled | bool | {false} | {false} | should draggable be disabled | 72 | | debug | bool | {false} | {false} | should show a debug visualization | 73 | | touchableOpacityProps | [Object](https://facebook.github.io/react-native/docs/touchableopacity#props) | { activeOpactiy: .1 } | --- | props passed to TouchableOpacity component | 74 | | animatedViewProps | [Object](https://facebook.github.io/react-native/docs/view#props) | { accessibilityHint: 'drag' } | --- | props passed to Animated.View component | 75 | | x | number |{0}| 0 | initial position x | 76 | | y | number |{0}| 0 | initial position y | 77 | | z | number |{1}| 1 | z-index / elevation | 78 | | minX | number |{0}| --- | min X value for left edge of component | 79 | | minY | number |{0}| --- | min Y value for top edge of component | 80 | | maxX | number |{0}| --- | max X value for right edge of component | 81 | | maxY | number |{0}| --- | max Y value for bottom edge of component | 82 | 83 | ## Events 84 | | Event | Type | Arguments| Description | 85 | | :------------ |:---------------:|:---------------:|:-----| 86 | | onDrag | func | event, gestureState | called every frame component is moved | 87 | | onShortPressRelease | func | event | called when a press is released that isn't a long press or drag | 88 | | onDragRelease | func | event, gestureState, bounds | called when a drag is released | 89 | | onLongPress | func | event | called when a long press is started | 90 | | onPressIn | func | event | called when a press is started | 91 | | onPressOut | func | event | called when a press is stopped, or the component is dragged | 92 | | onRelease | func | event, wasDragging | called at the end of interaction, regardless if press or drag | 93 | | onReverse | func | | called when a drag is released, if shouldReverse is true | 94 | 95 | ### Arguments [(event, gestureState)](https://reactnative.dev/docs/panresponder) 96 | #### event 97 | | Argument | Description | 98 | | :------------ |:---------------| 99 | | changedTouches | Array of all touch events that have changed since the last event | 100 | | identifier | The ID of the touch | 101 | | locationX | The X position of the touch, relative to the element | 102 | | locationY | The Y position of the touch, relative to the element | 103 | | pageX | The X position of the touch, relative to the root element | 104 | | pageY | The Y position of the touch, relative to the root element | 105 | | target | The node id of the element receiving the touch event | 106 | | timestamp | A time identifier for the touch, useful for velocity calculation | 107 | | touches | Array of all current touches on the screen | 108 | #### gestureState 109 | | Argument | Description | 110 | | :------------ |:---------------| 111 | | stateID | ID of the gestureState- persisted as long as there at least one touch on screen| 112 | | moveX | the latest screen coordinates of the recently-moved touch| 113 | | moveY | the latest screen coordinates of the recently-moved touch | 114 | | x0 | the screen coordinates of the responder grant | 115 | | y0 | the screen coordinates of the responder grant | 116 | | dx | accumulated distance of the gesture since the touch started | 117 | | dy | accumulated distance of the gesture since the touch started | 118 | | vx | current velocity of the gesture | 119 | | vy | current velocity of the gesture | 120 | | numberActiveTouches | Number of touches currently on screen | 121 | | gestureState | called at the end of interaction, regardless if press or drag | 122 | #### bounds 123 | | Argument | Description | 124 | | :------------ |:---------------| 125 | | left | as x at the top left corner | 126 | | top | as y at the top left corner | 127 | | right | as x at the bottom right corner | 128 | | bottom | as y at the bottom right corner | 129 | ## Methods (not supported above V2.0.0) 130 | | Method | Params | Description | 131 | | :------------ |:---------------:|:-----| 132 | | reversePosition | --- | **use onReverse callback instead.** manually reset Draggable to start position | 133 | | getPosition| --- |**use onDragRelease callback instead.** get the accurate coordinates x,y from the bounds| 134 | 135 | # What's next? 136 | 137 | This Draggable is used to be a Draggable Button in my project. 138 | Let me know if you have any idea or demand, let's discuss and develop it. 139 | -------------------------------------------------------------------------------- /__tests__/Draggable.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Draggable from '../Draggable'; 3 | 4 | // Note: test renderer must be required after react-native. 5 | import renderer from 'react-test-renderer'; 6 | 7 | it('renders correctly', () => { 8 | const tree = renderer.create( 9 | 10 | ); 11 | }); 12 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | plugins: [ 4 | '@babel/plugin-transform-flow-strip-types', 5 | '@babel/plugin-proposal-class-properties', 6 | ], 7 | }; 8 | -------------------------------------------------------------------------------- /demo/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/demo/demo.gif -------------------------------------------------------------------------------- /demo/demo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/demo/demo2.png -------------------------------------------------------------------------------- /demo/demo3.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/demo/demo3.gif -------------------------------------------------------------------------------- /demo/demoV3.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/demo/demoV3.gif -------------------------------------------------------------------------------- /example/DraggableDemo/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /example/DraggableDemo/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | }; 5 | -------------------------------------------------------------------------------- /example/DraggableDemo/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore polyfills 9 | node_modules/react-native/Libraries/polyfills/.* 10 | 11 | ; These should not be required directly 12 | ; require from fbjs/lib instead: require('fbjs/lib/warning') 13 | node_modules/warning/.* 14 | 15 | ; Flow doesn't support platforms 16 | .*/Libraries/Utilities/LoadingView.js 17 | 18 | [untyped] 19 | .*/node_modules/@react-native-community/cli/.*/.* 20 | 21 | [include] 22 | 23 | [libs] 24 | node_modules/react-native/Libraries/react-native/react-native-interface.js 25 | node_modules/react-native/flow/ 26 | 27 | [options] 28 | emoji=true 29 | 30 | esproposal.optional_chaining=enable 31 | esproposal.nullish_coalescing=enable 32 | 33 | module.file_ext=.js 34 | module.file_ext=.json 35 | module.file_ext=.ios.js 36 | 37 | munge_underscores=true 38 | 39 | module.name_mapper='^react-native$' -> '/node_modules/react-native/Libraries/react-native/react-native-implementation' 40 | module.name_mapper='^react-native/\(.*\)$' -> '/node_modules/react-native/\1' 41 | 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\)$' -> '/node_modules/react-native/Libraries/Image/RelativeImageStub' 42 | 43 | suppress_type=$FlowIssue 44 | suppress_type=$FlowFixMe 45 | suppress_type=$FlowFixMeProps 46 | suppress_type=$FlowFixMeState 47 | 48 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\) 49 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+ 50 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 51 | 52 | [lints] 53 | sketchy-null-number=warn 54 | sketchy-null-mixed=warn 55 | sketchy-number=warn 56 | untyped-type-import=warn 57 | nonstrict-import=warn 58 | deprecated-type=warn 59 | unsafe-getters-setters=warn 60 | inexact-spread=warn 61 | unnecessary-invariant=warn 62 | signature-verification-failure=warn 63 | deprecated-utility=error 64 | 65 | [strict] 66 | deprecated-type 67 | nonstrict-import 68 | sketchy-null 69 | unclear-type 70 | unsafe-getters-setters 71 | untyped-import 72 | untyped-type-import 73 | 74 | [version] 75 | ^0.113.0 76 | -------------------------------------------------------------------------------- /example/DraggableDemo/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /example/DraggableDemo/.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 | 24 | # Android/IntelliJ 25 | # 26 | build/ 27 | .idea 28 | .gradle 29 | local.properties 30 | *.iml 31 | 32 | # node.js 33 | # 34 | node_modules/ 35 | npm-debug.log 36 | yarn-error.log 37 | 38 | # BUCK 39 | buck-out/ 40 | \.buckd/ 41 | *.keystore 42 | !debug.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://docs.fastlane.tools/best-practices/source-control/ 50 | 51 | */fastlane/report.xml 52 | */fastlane/Preview.html 53 | */fastlane/screenshots 54 | 55 | # Bundle artifact 56 | *.jsbundle 57 | 58 | # CocoaPods 59 | /ios/Pods/ 60 | -------------------------------------------------------------------------------- /example/DraggableDemo/.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | bracketSpacing: false, 3 | jsxBracketSameLine: true, 4 | singleQuote: true, 5 | trailingComma: 'all', 6 | }; 7 | -------------------------------------------------------------------------------- /example/DraggableDemo/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /example/DraggableDemo/Draggable.js: -------------------------------------------------------------------------------- 1 | /** 2 | * * https://github.com/tongyy/react-native-draggable 3 | * 4 | */ 5 | 6 | import React from 'react'; 7 | import { 8 | View, 9 | Text, 10 | Image, 11 | PanResponder, 12 | Animated, 13 | Dimensions, 14 | TouchableOpacity, 15 | StyleSheet, 16 | } from 'react-native'; 17 | import PropTypes from 'prop-types'; 18 | 19 | function clamp(number, min, max) { 20 | return Math.max(min, Math.min(number, max)); 21 | } 22 | 23 | export default function Draggable(props) { 24 | const { 25 | renderText, 26 | isCircle, 27 | renderSize, 28 | imageSource, 29 | renderColor, 30 | children, 31 | shouldReverse, 32 | onReverse, 33 | disabled, 34 | debug, 35 | animatedViewProps, 36 | touchableOpacityProps, 37 | onDrag, 38 | onShortPressRelease, 39 | onDragRelease, 40 | onLongPress, 41 | onPressIn, 42 | onPressOut, 43 | onRelease, 44 | x, 45 | y, 46 | z, 47 | minX, 48 | minY, 49 | maxX, 50 | maxY, 51 | } = props; 52 | 53 | // The Animated object housing our xy value so that we can spring back 54 | const pan = React.useRef(new Animated.ValueXY()); 55 | // Always set to xy value of pan, would like to remove 56 | const offsetFromStart = React.useRef({x: 0, y: 0}); 57 | // Width/Height of Draggable (renderSize is arbitrary if children are passed in) 58 | const childSize = React.useRef({x: renderSize, y: renderSize}); 59 | // Top/Left/Right/Bottom location on screen from start of most recent touch 60 | const startBounds = React.useRef(); 61 | // Whether we're currently dragging or not 62 | const isDragging = React.useRef(false); 63 | 64 | const getBounds = React.useCallback(() => { 65 | const left = x + offsetFromStart.current.x; 66 | const top = y + offsetFromStart.current.y; 67 | return { 68 | left, 69 | top, 70 | right: left + childSize.current.x, 71 | bottom: top + childSize.current.y, 72 | }; 73 | }, [x, y]); 74 | 75 | const shouldStartDrag = React.useCallback( 76 | (gs) => { 77 | return !disabled && (Math.abs(gs.dx) > 2 || Math.abs(gs.dy) > 2); 78 | }, 79 | [disabled], 80 | ); 81 | 82 | const reversePosition = React.useCallback(() => { 83 | const originalOffset = {x: 0, y: 0}; 84 | const newOffset = onReverse ? onReverse() : originalOffset; 85 | Animated.spring(pan.current, { 86 | toValue: newOffset || originalOffset, 87 | useNativeDriver: false, 88 | }).start(); 89 | 90 | }, [pan]); 91 | 92 | const onPanResponderRelease = React.useCallback( 93 | (e, gestureState) => { 94 | isDragging.current = false; 95 | if (onDragRelease) { 96 | onDragRelease(e, gestureState, getBounds()); 97 | onRelease(e, true); 98 | } 99 | if (!shouldReverse) { 100 | pan.current.flattenOffset(); 101 | } else { 102 | reversePosition(); 103 | } 104 | }, 105 | [onDragRelease, shouldReverse, onRelease, reversePosition, getBounds], 106 | ); 107 | 108 | const onPanResponderGrant = React.useCallback( 109 | (e, gestureState) => { 110 | startBounds.current = getBounds(); 111 | isDragging.current = true; 112 | if (!shouldReverse) { 113 | pan.current.setOffset(offsetFromStart.current); 114 | pan.current.setValue({x: 0, y: 0}); 115 | } 116 | }, 117 | [getBounds, shouldReverse], 118 | ); 119 | 120 | const handleOnDrag = React.useCallback( 121 | (e, gestureState) => { 122 | const {dx, dy} = gestureState; 123 | const {top, right, left, bottom} = startBounds.current; 124 | const far = 999999999; 125 | const changeX = clamp( 126 | dx, 127 | Number.isFinite(minX) ? minX - left : -far, 128 | Number.isFinite(maxX) ? maxX - right : far, 129 | ); 130 | const changeY = clamp( 131 | dy, 132 | Number.isFinite(minY) ? minY - top : -far, 133 | Number.isFinite(maxY) ? maxY - bottom : far, 134 | ); 135 | pan.current.setValue({x: changeX, y: changeY}); 136 | onDrag(e, gestureState); 137 | }, 138 | [maxX, maxY, minX, minY, onDrag], 139 | ); 140 | 141 | const panResponder = React.useMemo(() => { 142 | return PanResponder.create({ 143 | onMoveShouldSetPanResponder: (_, gestureState) => 144 | shouldStartDrag(gestureState), 145 | onMoveShouldSetPanResponderCapture: (_, gestureState) => 146 | shouldStartDrag(gestureState), 147 | onPanResponderGrant, 148 | onPanResponderMove: Animated.event([], { 149 | listener: handleOnDrag, 150 | useNativeDriver: false, 151 | }), 152 | onPanResponderRelease, 153 | }); 154 | }, [ 155 | handleOnDrag, 156 | onPanResponderGrant, 157 | onPanResponderRelease, 158 | shouldStartDrag, 159 | ]); 160 | 161 | // TODO Figure out a way to destroy and remove offsetFromStart entirely 162 | React.useEffect(() => { 163 | const curPan = pan.current; // Using an instance to avoid losing the pointer before the cleanup 164 | if (!shouldReverse) { 165 | curPan.addListener((c) => (offsetFromStart.current = c)); 166 | } else { 167 | reversePosition(); 168 | } 169 | return () => { 170 | curPan.removeAllListeners(); 171 | }; 172 | }, [shouldReverse]); 173 | 174 | const positionCss = React.useMemo(() => { 175 | const Window = Dimensions.get('window'); 176 | return { 177 | position: 'absolute', 178 | top: 0, 179 | left: 0, 180 | width: Window.width, 181 | height: Window.height, 182 | }; 183 | }, []); 184 | 185 | const dragItemCss = React.useMemo(() => { 186 | const style = { 187 | top: y, 188 | left: x, 189 | elevation: z, 190 | zIndex: z, 191 | }; 192 | if (renderColor) { 193 | style.backgroundColor = renderColor; 194 | } 195 | if (isCircle) { 196 | style.borderRadius = renderSize; 197 | } 198 | 199 | if (children) { 200 | return { 201 | ...style, 202 | alignSelf: 'baseline', 203 | }; 204 | } 205 | return { 206 | ...style, 207 | justifyContent: 'center', 208 | width: renderSize, 209 | height: renderSize, 210 | }; 211 | }, [children, isCircle, renderColor, renderSize, x, y, z]); 212 | 213 | const touchableContent = React.useMemo(() => { 214 | if (children) { 215 | return children; 216 | } else if (imageSource) { 217 | return ( 218 | 222 | ); 223 | } else { 224 | return {renderText}; 225 | } 226 | }, [children, imageSource, renderSize, renderText]); 227 | 228 | const handleOnLayout = React.useCallback((event) => { 229 | const {height, width} = event.nativeEvent.layout; 230 | childSize.current = {x: width, y: height}; 231 | }, []); 232 | 233 | const handlePressOut = React.useCallback( 234 | (event) => { 235 | onPressOut(event); 236 | if (!isDragging.current) { 237 | onRelease(event, false); 238 | } 239 | }, 240 | [onPressOut, onRelease], 241 | ); 242 | 243 | const getDebugView = React.useCallback(() => { 244 | const {width, height} = Dimensions.get('window'); 245 | const far = 9999; 246 | const constrained = minX || maxX || minY || maxY; 247 | if (!constrained) { 248 | return null; 249 | } // could show other debug info here 250 | const left = minX || -far; 251 | const right = maxX ? width - maxX : -far; 252 | const top = minY || -far; 253 | const bottom = maxY ? height - maxY : -far; 254 | return ( 255 | 259 | ); 260 | }, [maxX, maxY, minX, minY]); 261 | 262 | return ( 263 | 264 | {debug && getDebugView()} 265 | 270 | 279 | {touchableContent} 280 | 281 | 282 | 283 | ); 284 | } 285 | 286 | /***** Default props and types */ 287 | 288 | Draggable.defaultProps = { 289 | renderText: '＋', 290 | renderSize: 36, 291 | shouldReverse: false, 292 | disabled: false, 293 | debug: false, 294 | onDrag: () => {}, 295 | onShortPressRelease: () => {}, 296 | onDragRelease: () => {}, 297 | onLongPress: () => {}, 298 | onPressIn: () => {}, 299 | onPressOut: () => {}, 300 | onRelease: () => {}, 301 | x: 0, 302 | y: 0, 303 | z: 1, 304 | }; 305 | 306 | Draggable.propTypes = { 307 | /**** props that should probably be removed in favor of "children" */ 308 | renderText: PropTypes.string, 309 | isCircle: PropTypes.bool, 310 | renderSize: PropTypes.number, 311 | imageSource: PropTypes.number, 312 | renderColor: PropTypes.string, 313 | /**** */ 314 | children: PropTypes.element, 315 | shouldReverse: PropTypes.bool, 316 | disabled: PropTypes.bool, 317 | debug: PropTypes.bool, 318 | animatedViewProps: PropTypes.object, 319 | touchableOpacityProps: PropTypes.object, 320 | onDrag: PropTypes.func, 321 | onShortPressRelease: PropTypes.func, 322 | onDragRelease: PropTypes.func, 323 | onLongPress: PropTypes.func, 324 | onPressIn: PropTypes.func, 325 | onPressOut: PropTypes.func, 326 | onRelease: PropTypes.func, 327 | onReverse: PropTypes.func, 328 | x: PropTypes.number, 329 | y: PropTypes.number, 330 | // z/elevation should be removed because it doesn't sync up visually and haptically 331 | z: PropTypes.number, 332 | minX: PropTypes.number, 333 | minY: PropTypes.number, 334 | maxX: PropTypes.number, 335 | maxY: PropTypes.number, 336 | }; 337 | 338 | const styles = StyleSheet.create({ 339 | text: {color: '#fff', textAlign: 'center'}, 340 | test: {backgroundColor: 'red'}, 341 | debugView: { 342 | backgroundColor: '#ff000044', 343 | position: 'absolute', 344 | borderColor: '#fced0ecc', 345 | borderWidth: 4, 346 | }, 347 | }); 348 | -------------------------------------------------------------------------------- /example/DraggableDemo/__tests__/App-test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import 'react-native'; 6 | import React from 'react'; 7 | import App from '../App'; 8 | 9 | // Note: test renderer must be required after react-native. 10 | import renderer from 'react-test-renderer'; 11 | 12 | it('renders correctly', () => { 13 | renderer.create(); 14 | }); 15 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/_BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | load(":build_defs.bzl", "create_aar_targets", "create_jar_targets") 12 | 13 | lib_deps = [] 14 | 15 | create_aar_targets(glob(["libs/*.aar"])) 16 | 17 | create_jar_targets(glob(["libs/*.jar"])) 18 | 19 | android_library( 20 | name = "all-libs", 21 | exported_deps = lib_deps, 22 | ) 23 | 24 | android_library( 25 | name = "app-code", 26 | srcs = glob([ 27 | "src/main/java/**/*.java", 28 | ]), 29 | deps = [ 30 | ":all-libs", 31 | ":build_config", 32 | ":res", 33 | ], 34 | ) 35 | 36 | android_build_config( 37 | name = "build_config", 38 | package = "com.draggabledemo", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.draggabledemo", 44 | res = "src/main/res", 45 | ) 46 | 47 | android_binary( 48 | name = "app", 49 | keystore = "//android/keystores:debug", 50 | manifest = "src/main/AndroidManifest.xml", 51 | package_type = "debug", 52 | deps = [ 53 | ":app-code", 54 | ], 55 | ) 56 | -------------------------------------------------------------------------------- /example/DraggableDemo/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. If none specified and 19 | * // "index.android.js" exists, it will be used. Otherwise "index.js" is 20 | * // default. Can be overridden with ENTRY_FILE environment variable. 21 | * entryFile: "index.android.js", 22 | * 23 | * // https://facebook.github.io/react-native/docs/performance#enable-the-ram-format 24 | * bundleCommand: "ram-bundle", 25 | * 26 | * // whether to bundle JS and assets in debug mode 27 | * bundleInDebug: false, 28 | * 29 | * // whether to bundle JS and assets in release mode 30 | * bundleInRelease: true, 31 | * 32 | * // whether to bundle JS and assets in another build variant (if configured). 33 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 34 | * // The configuration property can be in the following formats 35 | * // 'bundleIn${productFlavor}${buildType}' 36 | * // 'bundleIn${buildType}' 37 | * // bundleInFreeDebug: true, 38 | * // bundleInPaidRelease: true, 39 | * // bundleInBeta: true, 40 | * 41 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 42 | * // for example: to disable dev mode in the staging build type (if configured) 43 | * devDisabledInStaging: true, 44 | * // The configuration property can be in the following formats 45 | * // 'devDisabledIn${productFlavor}${buildType}' 46 | * // 'devDisabledIn${buildType}' 47 | * 48 | * // the root of your project, i.e. where "package.json" lives 49 | * root: "../../", 50 | * 51 | * // where to put the JS bundle asset in debug mode 52 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 53 | * 54 | * // where to put the JS bundle asset in release mode 55 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 56 | * 57 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 58 | * // require('./image.png')), in debug mode 59 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 60 | * 61 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 62 | * // require('./image.png')), in release mode 63 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 64 | * 65 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 66 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 67 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 68 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 69 | * // for example, you might want to remove it from here. 70 | * inputExcludes: ["android/**", "ios/**"], 71 | * 72 | * // override which node gets called and with what additional arguments 73 | * nodeExecutableAndArgs: ["node"], 74 | * 75 | * // supply additional arguments to the packager 76 | * extraPackagerArgs: [] 77 | * ] 78 | */ 79 | 80 | project.ext.react = [ 81 | enableHermes: false, // clean and rebuild if changing 82 | ] 83 | 84 | apply from: "../../node_modules/react-native/react.gradle" 85 | 86 | /** 87 | * Set this to true to create two separate APKs instead of one: 88 | * - An APK that only works on ARM devices 89 | * - An APK that only works on x86 devices 90 | * The advantage is the size of the APK is reduced by about 4MB. 91 | * Upload all the APKs to the Play Store and people will download 92 | * the correct one based on the CPU architecture of their device. 93 | */ 94 | def enableSeparateBuildPerCPUArchitecture = false 95 | 96 | /** 97 | * Run Proguard to shrink the Java bytecode in release builds. 98 | */ 99 | def enableProguardInReleaseBuilds = false 100 | 101 | /** 102 | * The preferred build flavor of JavaScriptCore. 103 | * 104 | * For example, to use the international variant, you can use: 105 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 106 | * 107 | * The international variant includes ICU i18n library and necessary data 108 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 109 | * give correct results when using with locales other than en-US. Note that 110 | * this variant is about 6MiB larger per architecture than default. 111 | */ 112 | def jscFlavor = 'org.webkit:android-jsc:+' 113 | 114 | /** 115 | * Whether to enable the Hermes VM. 116 | * 117 | * This should be set on project.ext.react and mirrored here. If it is not set 118 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 119 | * and the benefits of using Hermes will therefore be sharply reduced. 120 | */ 121 | def enableHermes = project.ext.react.get("enableHermes", false); 122 | 123 | android { 124 | compileSdkVersion rootProject.ext.compileSdkVersion 125 | 126 | compileOptions { 127 | sourceCompatibility JavaVersion.VERSION_1_8 128 | targetCompatibility JavaVersion.VERSION_1_8 129 | } 130 | 131 | defaultConfig { 132 | applicationId "com.draggabledemo" 133 | minSdkVersion rootProject.ext.minSdkVersion 134 | targetSdkVersion rootProject.ext.targetSdkVersion 135 | versionCode 1 136 | versionName "1.0" 137 | } 138 | splits { 139 | abi { 140 | reset() 141 | enable enableSeparateBuildPerCPUArchitecture 142 | universalApk false // If true, also generate a universal APK 143 | include "armeabi-v7a", "x86", "arm64-v8a", "x86_64" 144 | } 145 | } 146 | signingConfigs { 147 | debug { 148 | storeFile file('debug.keystore') 149 | storePassword 'android' 150 | keyAlias 'androiddebugkey' 151 | keyPassword 'android' 152 | } 153 | } 154 | buildTypes { 155 | debug { 156 | signingConfig signingConfigs.debug 157 | } 158 | release { 159 | // Caution! In production, you need to generate your own keystore file. 160 | // see https://facebook.github.io/react-native/docs/signed-apk-android. 161 | signingConfig signingConfigs.debug 162 | minifyEnabled enableProguardInReleaseBuilds 163 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 164 | } 165 | } 166 | 167 | packagingOptions { 168 | pickFirst "lib/armeabi-v7a/libc++_shared.so" 169 | pickFirst "lib/arm64-v8a/libc++_shared.so" 170 | pickFirst "lib/x86/libc++_shared.so" 171 | pickFirst "lib/x86_64/libc++_shared.so" 172 | } 173 | // applicationVariants are e.g. debug, release 174 | applicationVariants.all { variant -> 175 | variant.outputs.each { output -> 176 | // For each separate APK per architecture, set a unique version code as described here: 177 | // https://developer.android.com/studio/build/configure-apk-splits.html 178 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 179 | def abi = output.getFilter(OutputFile.ABI) 180 | if (abi != null) { // null for the universal-debug, universal-release variants 181 | output.versionCodeOverride = 182 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 183 | } 184 | 185 | } 186 | } 187 | } 188 | 189 | dependencies { 190 | implementation fileTree(dir: "libs", include: ["*.jar"]) 191 | //noinspection GradleDynamicVersion 192 | implementation "com.facebook.react:react-native:+" // From node_modules 193 | 194 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" 195 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 196 | exclude group:'com.facebook.fbjni' 197 | } 198 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 199 | exclude group:'com.facebook.flipper' 200 | } 201 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 202 | exclude group:'com.facebook.flipper' 203 | } 204 | 205 | if (enableHermes) { 206 | def hermesPath = "../../node_modules/hermes-engine/android/"; 207 | debugImplementation files(hermesPath + "hermes-debug.aar") 208 | releaseImplementation files(hermesPath + "hermes-release.aar") 209 | } else { 210 | implementation jscFlavor 211 | } 212 | } 213 | 214 | // Run this once to be able to run the application with BUCK 215 | // puts all compile dependencies into folder libs for BUCK to use 216 | task copyDownloadableDepsToLibs(type: Copy) { 217 | from configurations.compile 218 | into 'libs' 219 | } 220 | 221 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) 222 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/build_defs.bzl: -------------------------------------------------------------------------------- 1 | """Helper definitions to glob .aar and .jar targets""" 2 | 3 | def create_aar_targets(aarfiles): 4 | for aarfile in aarfiles: 5 | name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")] 6 | lib_deps.append(":" + name) 7 | android_prebuilt_aar( 8 | name = name, 9 | aar = aarfile, 10 | ) 11 | 12 | def create_jar_targets(jarfiles): 13 | for jarfile in jarfiles: 14 | name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")] 15 | lib_deps.append(":" + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/debug.keystore -------------------------------------------------------------------------------- /example/DraggableDemo/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 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 15 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/java/com/draggabledemo/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.draggabledemo; 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. This is used to schedule 9 | * rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "DraggableDemo"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/java/com/draggabledemo/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.draggabledemo; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import com.facebook.react.PackageList; 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.soloader.SoLoader; 11 | import java.lang.reflect.InvocationTargetException; 12 | import java.util.List; 13 | 14 | public class MainApplication extends Application implements ReactApplication { 15 | 16 | private final ReactNativeHost mReactNativeHost = 17 | new ReactNativeHost(this) { 18 | @Override 19 | public boolean getUseDeveloperSupport() { 20 | return BuildConfig.DEBUG; 21 | } 22 | 23 | @Override 24 | protected List getPackages() { 25 | @SuppressWarnings("UnnecessaryLocalVariable") 26 | List packages = new PackageList(this).getPackages(); 27 | // Packages that cannot be autolinked yet can be added manually here, for example: 28 | // packages.add(new MyReactNativePackage()); 29 | return packages; 30 | } 31 | 32 | @Override 33 | protected String getJSMainModuleName() { 34 | return "index"; 35 | } 36 | }; 37 | 38 | @Override 39 | public ReactNativeHost getReactNativeHost() { 40 | return mReactNativeHost; 41 | } 42 | 43 | @Override 44 | public void onCreate() { 45 | super.onCreate(); 46 | SoLoader.init(this, /* native exopackage */ false); 47 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 48 | } 49 | 50 | /** 51 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like 52 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 53 | * 54 | * @param context 55 | * @param reactInstanceManager 56 | */ 57 | private static void initializeFlipper( 58 | Context context, ReactInstanceManager reactInstanceManager) { 59 | if (BuildConfig.DEBUG) { 60 | try { 61 | /* 62 | We use reflection here to pick up the class that initializes Flipper, 63 | since Flipper library is not available in release mode 64 | */ 65 | Class aClass = Class.forName("com.rndiffapp.ReactNativeFlipper"); 66 | aClass 67 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 68 | .invoke(null, context, reactInstanceManager); 69 | } catch (ClassNotFoundException e) { 70 | e.printStackTrace(); 71 | } catch (NoSuchMethodException e) { 72 | e.printStackTrace(); 73 | } catch (IllegalAccessException e) { 74 | e.printStackTrace(); 75 | } catch (InvocationTargetException e) { 76 | e.printStackTrace(); 77 | } 78 | } 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | DraggableDemo 3 | 4 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | ext { 5 | buildToolsVersion = "28.0.3" 6 | minSdkVersion = 16 7 | compileSdkVersion = 28 8 | targetSdkVersion = 28 9 | } 10 | repositories { 11 | google() 12 | jcenter() 13 | } 14 | dependencies { 15 | classpath("com.android.tools.build:gradle:3.5.2") 16 | 17 | // NOTE: Do not place your application dependencies here; they belong 18 | // in the individual module build.gradle files 19 | } 20 | } 21 | 22 | allprojects { 23 | repositories { 24 | mavenLocal() 25 | maven { 26 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 27 | url("$rootDir/../node_modules/react-native/android") 28 | } 29 | maven { 30 | // Android JSC is installed from npm 31 | url("$rootDir/../node_modules/jsc-android/dist") 32 | } 33 | 34 | google() 35 | jcenter() 36 | maven { url 'https://www.jitpack.io' } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /example/DraggableDemo/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 | # AndroidX package structure to make it clearer which packages are bundled with the 20 | # Android operating system, and which are packaged with your app's APK 21 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 22 | android.useAndroidX=true 23 | # Automatically convert third-party libraries to use AndroidX 24 | android.enableJetifier=true 25 | # Version of flipper SDK to use with React Native 26 | FLIPPER_VERSION=0.33.1 27 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /example/DraggableDemo/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.0.1-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | # 4 | # Copyright 2015 the original author or authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | ## 21 | ## Gradle start up script for UN*X 22 | ## 23 | ############################################################################## 24 | 25 | # Attempt to set APP_HOME 26 | # Resolve links: $0 may be a link 27 | PRG="$0" 28 | # Need this for relative symlinks. 29 | while [ -h "$PRG" ] ; do 30 | ls=`ls -ld "$PRG"` 31 | link=`expr "$ls" : '.*-> \(.*\)$'` 32 | if expr "$link" : '/.*' > /dev/null; then 33 | PRG="$link" 34 | else 35 | PRG=`dirname "$PRG"`"/$link" 36 | fi 37 | done 38 | SAVED="`pwd`" 39 | cd "`dirname \"$PRG\"`/" >/dev/null 40 | APP_HOME="`pwd -P`" 41 | cd "$SAVED" >/dev/null 42 | 43 | APP_NAME="Gradle" 44 | APP_BASE_NAME=`basename "$0"` 45 | 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 48 | 49 | # Use the maximum available, or set MAX_FD != -1 to use that value. 50 | MAX_FD="maximum" 51 | 52 | warn () { 53 | echo "$*" 54 | } 55 | 56 | die () { 57 | echo 58 | echo "$*" 59 | echo 60 | exit 1 61 | } 62 | 63 | # OS specific support (must be 'true' or 'false'). 64 | cygwin=false 65 | msys=false 66 | darwin=false 67 | nonstop=false 68 | case "`uname`" in 69 | CYGWIN* ) 70 | cygwin=true 71 | ;; 72 | Darwin* ) 73 | darwin=true 74 | ;; 75 | MINGW* ) 76 | msys=true 77 | ;; 78 | NONSTOP* ) 79 | nonstop=true 80 | ;; 81 | esac 82 | 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 84 | 85 | # Determine the Java command to use to start the JVM. 86 | if [ -n "$JAVA_HOME" ] ; then 87 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 88 | # IBM's JDK on AIX uses strange locations for the executables 89 | JAVACMD="$JAVA_HOME/jre/sh/java" 90 | else 91 | JAVACMD="$JAVA_HOME/bin/java" 92 | fi 93 | if [ ! -x "$JAVACMD" ] ; then 94 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 95 | 96 | Please set the JAVA_HOME variable in your environment to match the 97 | location of your Java installation." 98 | fi 99 | else 100 | JAVACMD="java" 101 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 102 | 103 | Please set the JAVA_HOME variable in your environment to match the 104 | location of your Java installation." 105 | fi 106 | 107 | # Increase the maximum file descriptors if we can. 108 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 109 | MAX_FD_LIMIT=`ulimit -H -n` 110 | if [ $? -eq 0 ] ; then 111 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 112 | MAX_FD="$MAX_FD_LIMIT" 113 | fi 114 | ulimit -n $MAX_FD 115 | if [ $? -ne 0 ] ; then 116 | warn "Could not set maximum file descriptor limit: $MAX_FD" 117 | fi 118 | else 119 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 120 | fi 121 | fi 122 | 123 | # For Darwin, add options to specify how the application appears in the dock 124 | if $darwin; then 125 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 126 | fi 127 | 128 | # For Cygwin or MSYS, switch paths to Windows format before running java 129 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then 130 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 131 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 132 | JAVACMD=`cygpath --unix "$JAVACMD"` 133 | 134 | # We build the pattern for arguments to be converted via cygpath 135 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 136 | SEP="" 137 | for dir in $ROOTDIRSRAW ; do 138 | ROOTDIRS="$ROOTDIRS$SEP$dir" 139 | SEP="|" 140 | done 141 | OURCYGPATTERN="(^($ROOTDIRS))" 142 | # Add a user-defined pattern to the cygpath arguments 143 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 144 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 145 | fi 146 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 147 | i=0 148 | for arg in "$@" ; do 149 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 150 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 151 | 152 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 153 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 154 | else 155 | eval `echo args$i`="\"$arg\"" 156 | fi 157 | i=$((i+1)) 158 | done 159 | case $i in 160 | (0) set -- ;; 161 | (1) set -- "$args0" ;; 162 | (2) set -- "$args0" "$args1" ;; 163 | (3) set -- "$args0" "$args1" "$args2" ;; 164 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 165 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 166 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 167 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 168 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 169 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 170 | esac 171 | fi 172 | 173 | # Escape application args 174 | save () { 175 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 176 | echo " " 177 | } 178 | APP_ARGS=$(save "$@") 179 | 180 | # Collect all arguments for the java command, following the shell quoting and substitution rules 181 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 182 | 183 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong 184 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then 185 | cd "$(dirname "$0")" 186 | fi 187 | 188 | exec "$JAVACMD" "$@" 189 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem http://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 33 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 34 | 35 | @rem Find java.exe 36 | if defined JAVA_HOME goto findJavaFromJavaHome 37 | 38 | set JAVA_EXE=java.exe 39 | %JAVA_EXE% -version >NUL 2>&1 40 | if "%ERRORLEVEL%" == "0" goto init 41 | 42 | echo. 43 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 44 | echo. 45 | echo Please set the JAVA_HOME variable in your environment to match the 46 | echo location of your Java installation. 47 | 48 | goto fail 49 | 50 | :findJavaFromJavaHome 51 | set JAVA_HOME=%JAVA_HOME:"=% 52 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 53 | 54 | if exist "%JAVA_EXE%" goto init 55 | 56 | echo. 57 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 58 | echo. 59 | echo Please set the JAVA_HOME variable in your environment to match the 60 | echo location of your Java installation. 61 | 62 | goto fail 63 | 64 | :init 65 | @rem Get command-line arguments, handling Windows variants 66 | 67 | if not "%OS%" == "Windows_NT" goto win9xME_args 68 | 69 | :win9xME_args 70 | @rem Slurp the command line arguments. 71 | set CMD_LINE_ARGS= 72 | set _SKIP=2 73 | 74 | :win9xME_args_slurp 75 | if "x%~1" == "x" goto execute 76 | 77 | set CMD_LINE_ARGS=%* 78 | 79 | :execute 80 | @rem Setup the command line 81 | 82 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 83 | 84 | @rem Execute Gradle 85 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 86 | 87 | :end 88 | @rem End local scope for the variables with windows NT shell 89 | if "%ERRORLEVEL%"=="0" goto mainEnd 90 | 91 | :fail 92 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 93 | rem the _cmd.exe /c_ return code! 94 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 95 | exit /b 1 96 | 97 | :mainEnd 98 | if "%OS%"=="Windows_NT" endlocal 99 | 100 | :omega 101 | -------------------------------------------------------------------------------- /example/DraggableDemo/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'DraggableDemo' 2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 3 | include ':app' 4 | -------------------------------------------------------------------------------- /example/DraggableDemo/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "DraggableDemo", 3 | "displayName": "DraggableDemo" 4 | } -------------------------------------------------------------------------------- /example/DraggableDemo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | }; 4 | -------------------------------------------------------------------------------- /example/DraggableDemo/img/trump1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/img/trump1.png -------------------------------------------------------------------------------- /example/DraggableDemo/img/trump2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tongyy/react-native-draggable/502f92dc97652ad42cfee73672977e6e7d152f56/example/DraggableDemo/img/trump2.png -------------------------------------------------------------------------------- /example/DraggableDemo/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import {AppRegistry} from 'react-native'; 6 | import App from './src/App'; 7 | import {name as appName} from './app.json'; 8 | 9 | AppRegistry.registerComponent(appName, () => App); 10 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | // 2 | // Use this file to import your target's public headers that you would like to expose to Swift. 3 | // 4 | 5 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo-tvOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | NSAppTransportSecurity 26 | 27 | NSExceptionDomains 28 | 29 | localhost 30 | 31 | NSExceptionAllowsInsecureHTTPLoads 32 | 33 | 34 | 35 | 36 | NSLocationWhenInUseUsageDescription 37 | 38 | UILaunchStoryboardName 39 | LaunchScreen 40 | UIRequiredDeviceCapabilities 41 | 42 | armv7 43 | 44 | UISupportedInterfaceOrientations 45 | 46 | UIInterfaceOrientationPortrait 47 | UIInterfaceOrientationLandscapeLeft 48 | UIInterfaceOrientationLandscapeRight 49 | 50 | UIViewControllerBasedStatusBarAppearance 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo-tvOSTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00E356F31AD99517003FC87E /* DraggableDemoTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* DraggableDemoTests.m */; }; 11 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 12 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 13 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 14 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 15 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 16 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 17 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 18 | 2DCD954D1E0B4F2C00145EB5 /* DraggableDemoTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* DraggableDemoTests.m */; }; 19 | A1C8D33C2F1C2CF01E01E690 /* libPods-DraggableDemo-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D707D671028DADEF617D561A /* libPods-DraggableDemo-tvOS.a */; }; 20 | BA8EC94971143F3A28208A2C /* libPods-DraggableDemo-DraggableDemoTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = DCB44E684E55F9A896A33022 /* libPods-DraggableDemo-DraggableDemoTests.a */; }; 21 | D7746C9D78CF86F83AB2E5A0 /* libPods-DraggableDemo.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 0DDD3B53EC139AD22B6DBCB9 /* libPods-DraggableDemo.a */; }; 22 | FCCA18665E507661A83DADCF /* libPods-DraggableDemo-tvOSTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = EB26F509BF30C6B44DB3D817 /* libPods-DraggableDemo-tvOSTests.a */; }; 23 | /* End PBXBuildFile section */ 24 | 25 | /* Begin PBXContainerItemProxy section */ 26 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 27 | isa = PBXContainerItemProxy; 28 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 29 | proxyType = 1; 30 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 31 | remoteInfo = DraggableDemo; 32 | }; 33 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 34 | isa = PBXContainerItemProxy; 35 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 36 | proxyType = 1; 37 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 38 | remoteInfo = "DraggableDemo-tvOS"; 39 | }; 40 | /* End PBXContainerItemProxy section */ 41 | 42 | /* Begin PBXFileReference section */ 43 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 44 | 00E356EE1AD99517003FC87E /* DraggableDemoTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = DraggableDemoTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 45 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 46 | 00E356F21AD99517003FC87E /* DraggableDemoTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = DraggableDemoTests.m; sourceTree = ""; }; 47 | 0DDD3B53EC139AD22B6DBCB9 /* libPods-DraggableDemo.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-DraggableDemo.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 48 | 13B07F961A680F5B00A75B9A /* DraggableDemo.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = DraggableDemo.app; sourceTree = BUILT_PRODUCTS_DIR; }; 49 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = DraggableDemo/AppDelegate.h; sourceTree = ""; }; 50 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = DraggableDemo/AppDelegate.m; sourceTree = ""; }; 51 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 52 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = DraggableDemo/Images.xcassets; sourceTree = ""; }; 53 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = DraggableDemo/Info.plist; sourceTree = ""; }; 54 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = DraggableDemo/main.m; sourceTree = ""; }; 55 | 29C91E5816E8E2749FF8DC6B /* Pods-DraggableDemo.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo.release.xcconfig"; path = "Target Support Files/Pods-DraggableDemo/Pods-DraggableDemo.release.xcconfig"; sourceTree = ""; }; 56 | 2B4863088AF1C87B369B9EA6 /* Pods-DraggableDemo-DraggableDemoTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo-DraggableDemoTests.release.xcconfig"; path = "Target Support Files/Pods-DraggableDemo-DraggableDemoTests/Pods-DraggableDemo-DraggableDemoTests.release.xcconfig"; sourceTree = ""; }; 57 | 2D02E47B1E0B4A5D006451C7 /* DraggableDemo-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "DraggableDemo-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 58 | 2D02E4901E0B4A5D006451C7 /* DraggableDemo-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "DraggableDemo-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 59 | 40A82BB124419FA20014BDDC /* DraggableDemo-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "DraggableDemo-Bridging-Header.h"; sourceTree = ""; }; 60 | 534C2763D44BC521255C296B /* Pods-DraggableDemo.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo.debug.xcconfig"; path = "Target Support Files/Pods-DraggableDemo/Pods-DraggableDemo.debug.xcconfig"; sourceTree = ""; }; 61 | 5C87D6E0B01584CE82155D71 /* Pods-DraggableDemo-tvOSTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo-tvOSTests.release.xcconfig"; path = "Target Support Files/Pods-DraggableDemo-tvOSTests/Pods-DraggableDemo-tvOSTests.release.xcconfig"; sourceTree = ""; }; 62 | 8664C5CFCA771AE9267E2402 /* Pods-DraggableDemo-tvOSTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo-tvOSTests.debug.xcconfig"; path = "Target Support Files/Pods-DraggableDemo-tvOSTests/Pods-DraggableDemo-tvOSTests.debug.xcconfig"; sourceTree = ""; }; 63 | AD6E1533C447A24C4B060A76 /* Pods-DraggableDemo-tvOS.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo-tvOS.release.xcconfig"; path = "Target Support Files/Pods-DraggableDemo-tvOS/Pods-DraggableDemo-tvOS.release.xcconfig"; sourceTree = ""; }; 64 | B6B2F9BEEE4239D875ADA0C2 /* Pods-DraggableDemo-DraggableDemoTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo-DraggableDemoTests.debug.xcconfig"; path = "Target Support Files/Pods-DraggableDemo-DraggableDemoTests/Pods-DraggableDemo-DraggableDemoTests.debug.xcconfig"; sourceTree = ""; }; 65 | D707D671028DADEF617D561A /* libPods-DraggableDemo-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-DraggableDemo-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 66 | DCB44E684E55F9A896A33022 /* libPods-DraggableDemo-DraggableDemoTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-DraggableDemo-DraggableDemoTests.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 67 | EB26F509BF30C6B44DB3D817 /* libPods-DraggableDemo-tvOSTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-DraggableDemo-tvOSTests.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 68 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 69 | ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; }; 70 | F750B2BA9296CA148C6D2C58 /* Pods-DraggableDemo-tvOS.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-DraggableDemo-tvOS.debug.xcconfig"; path = "Target Support Files/Pods-DraggableDemo-tvOS/Pods-DraggableDemo-tvOS.debug.xcconfig"; sourceTree = ""; }; 71 | /* End PBXFileReference section */ 72 | 73 | /* Begin PBXFrameworksBuildPhase section */ 74 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 75 | isa = PBXFrameworksBuildPhase; 76 | buildActionMask = 2147483647; 77 | files = ( 78 | BA8EC94971143F3A28208A2C /* libPods-DraggableDemo-DraggableDemoTests.a in Frameworks */, 79 | ); 80 | runOnlyForDeploymentPostprocessing = 0; 81 | }; 82 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 83 | isa = PBXFrameworksBuildPhase; 84 | buildActionMask = 2147483647; 85 | files = ( 86 | D7746C9D78CF86F83AB2E5A0 /* libPods-DraggableDemo.a in Frameworks */, 87 | ); 88 | runOnlyForDeploymentPostprocessing = 0; 89 | }; 90 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 91 | isa = PBXFrameworksBuildPhase; 92 | buildActionMask = 2147483647; 93 | files = ( 94 | A1C8D33C2F1C2CF01E01E690 /* libPods-DraggableDemo-tvOS.a in Frameworks */, 95 | ); 96 | runOnlyForDeploymentPostprocessing = 0; 97 | }; 98 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 99 | isa = PBXFrameworksBuildPhase; 100 | buildActionMask = 2147483647; 101 | files = ( 102 | FCCA18665E507661A83DADCF /* libPods-DraggableDemo-tvOSTests.a in Frameworks */, 103 | ); 104 | runOnlyForDeploymentPostprocessing = 0; 105 | }; 106 | /* End PBXFrameworksBuildPhase section */ 107 | 108 | /* Begin PBXGroup section */ 109 | 00E356EF1AD99517003FC87E /* DraggableDemoTests */ = { 110 | isa = PBXGroup; 111 | children = ( 112 | 00E356F21AD99517003FC87E /* DraggableDemoTests.m */, 113 | 00E356F01AD99517003FC87E /* Supporting Files */, 114 | ); 115 | path = DraggableDemoTests; 116 | sourceTree = ""; 117 | }; 118 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 119 | isa = PBXGroup; 120 | children = ( 121 | 00E356F11AD99517003FC87E /* Info.plist */, 122 | ); 123 | name = "Supporting Files"; 124 | sourceTree = ""; 125 | }; 126 | 13B07FAE1A68108700A75B9A /* DraggableDemo */ = { 127 | isa = PBXGroup; 128 | children = ( 129 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 130 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 131 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 132 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 133 | 13B07FB61A68108700A75B9A /* Info.plist */, 134 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 135 | 13B07FB71A68108700A75B9A /* main.m */, 136 | 40A82BB124419FA20014BDDC /* DraggableDemo-Bridging-Header.h */, 137 | ); 138 | name = DraggableDemo; 139 | sourceTree = ""; 140 | }; 141 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 142 | isa = PBXGroup; 143 | children = ( 144 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 145 | ED2971642150620600B7C4FE /* JavaScriptCore.framework */, 146 | 0DDD3B53EC139AD22B6DBCB9 /* libPods-DraggableDemo.a */, 147 | DCB44E684E55F9A896A33022 /* libPods-DraggableDemo-DraggableDemoTests.a */, 148 | D707D671028DADEF617D561A /* libPods-DraggableDemo-tvOS.a */, 149 | EB26F509BF30C6B44DB3D817 /* libPods-DraggableDemo-tvOSTests.a */, 150 | ); 151 | name = Frameworks; 152 | sourceTree = ""; 153 | }; 154 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 155 | isa = PBXGroup; 156 | children = ( 157 | ); 158 | name = Libraries; 159 | sourceTree = ""; 160 | }; 161 | 83CBB9F61A601CBA00E9B192 = { 162 | isa = PBXGroup; 163 | children = ( 164 | 13B07FAE1A68108700A75B9A /* DraggableDemo */, 165 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 166 | 00E356EF1AD99517003FC87E /* DraggableDemoTests */, 167 | 83CBBA001A601CBA00E9B192 /* Products */, 168 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 169 | B5EA262127A70F5CB71F3445 /* Pods */, 170 | ); 171 | indentWidth = 2; 172 | sourceTree = ""; 173 | tabWidth = 2; 174 | usesTabs = 0; 175 | }; 176 | 83CBBA001A601CBA00E9B192 /* Products */ = { 177 | isa = PBXGroup; 178 | children = ( 179 | 13B07F961A680F5B00A75B9A /* DraggableDemo.app */, 180 | 00E356EE1AD99517003FC87E /* DraggableDemoTests.xctest */, 181 | 2D02E47B1E0B4A5D006451C7 /* DraggableDemo-tvOS.app */, 182 | 2D02E4901E0B4A5D006451C7 /* DraggableDemo-tvOSTests.xctest */, 183 | ); 184 | name = Products; 185 | sourceTree = ""; 186 | }; 187 | B5EA262127A70F5CB71F3445 /* Pods */ = { 188 | isa = PBXGroup; 189 | children = ( 190 | 534C2763D44BC521255C296B /* Pods-DraggableDemo.debug.xcconfig */, 191 | 29C91E5816E8E2749FF8DC6B /* Pods-DraggableDemo.release.xcconfig */, 192 | B6B2F9BEEE4239D875ADA0C2 /* Pods-DraggableDemo-DraggableDemoTests.debug.xcconfig */, 193 | 2B4863088AF1C87B369B9EA6 /* Pods-DraggableDemo-DraggableDemoTests.release.xcconfig */, 194 | F750B2BA9296CA148C6D2C58 /* Pods-DraggableDemo-tvOS.debug.xcconfig */, 195 | AD6E1533C447A24C4B060A76 /* Pods-DraggableDemo-tvOS.release.xcconfig */, 196 | 8664C5CFCA771AE9267E2402 /* Pods-DraggableDemo-tvOSTests.debug.xcconfig */, 197 | 5C87D6E0B01584CE82155D71 /* Pods-DraggableDemo-tvOSTests.release.xcconfig */, 198 | ); 199 | path = Pods; 200 | sourceTree = ""; 201 | }; 202 | /* End PBXGroup section */ 203 | 204 | /* Begin PBXNativeTarget section */ 205 | 00E356ED1AD99517003FC87E /* DraggableDemoTests */ = { 206 | isa = PBXNativeTarget; 207 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "DraggableDemoTests" */; 208 | buildPhases = ( 209 | F429AE815347583130D31F6F /* [CP] Check Pods Manifest.lock */, 210 | 00E356EA1AD99517003FC87E /* Sources */, 211 | 00E356EB1AD99517003FC87E /* Frameworks */, 212 | 00E356EC1AD99517003FC87E /* Resources */, 213 | ); 214 | buildRules = ( 215 | ); 216 | dependencies = ( 217 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 218 | ); 219 | name = DraggableDemoTests; 220 | productName = DraggableDemoTests; 221 | productReference = 00E356EE1AD99517003FC87E /* DraggableDemoTests.xctest */; 222 | productType = "com.apple.product-type.bundle.unit-test"; 223 | }; 224 | 13B07F861A680F5B00A75B9A /* DraggableDemo */ = { 225 | isa = PBXNativeTarget; 226 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "DraggableDemo" */; 227 | buildPhases = ( 228 | 7E63F23A422FA1396D15BE12 /* [CP] Check Pods Manifest.lock */, 229 | FD10A7F022414F080027D42C /* Start Packager */, 230 | 13B07F871A680F5B00A75B9A /* Sources */, 231 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 232 | 13B07F8E1A680F5B00A75B9A /* Resources */, 233 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 234 | ); 235 | buildRules = ( 236 | ); 237 | dependencies = ( 238 | ); 239 | name = DraggableDemo; 240 | productName = DraggableDemo; 241 | productReference = 13B07F961A680F5B00A75B9A /* DraggableDemo.app */; 242 | productType = "com.apple.product-type.application"; 243 | }; 244 | 2D02E47A1E0B4A5D006451C7 /* DraggableDemo-tvOS */ = { 245 | isa = PBXNativeTarget; 246 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "DraggableDemo-tvOS" */; 247 | buildPhases = ( 248 | B6CD7E14F97BF3203FD321C8 /* [CP] Check Pods Manifest.lock */, 249 | FD10A7F122414F3F0027D42C /* Start Packager */, 250 | 2D02E4771E0B4A5D006451C7 /* Sources */, 251 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 252 | 2D02E4791E0B4A5D006451C7 /* Resources */, 253 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 254 | ); 255 | buildRules = ( 256 | ); 257 | dependencies = ( 258 | ); 259 | name = "DraggableDemo-tvOS"; 260 | productName = "DraggableDemo-tvOS"; 261 | productReference = 2D02E47B1E0B4A5D006451C7 /* DraggableDemo-tvOS.app */; 262 | productType = "com.apple.product-type.application"; 263 | }; 264 | 2D02E48F1E0B4A5D006451C7 /* DraggableDemo-tvOSTests */ = { 265 | isa = PBXNativeTarget; 266 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "DraggableDemo-tvOSTests" */; 267 | buildPhases = ( 268 | 2A7F47E24699040FAF2F4A35 /* [CP] Check Pods Manifest.lock */, 269 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 270 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 271 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 272 | ); 273 | buildRules = ( 274 | ); 275 | dependencies = ( 276 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 277 | ); 278 | name = "DraggableDemo-tvOSTests"; 279 | productName = "DraggableDemo-tvOSTests"; 280 | productReference = 2D02E4901E0B4A5D006451C7 /* DraggableDemo-tvOSTests.xctest */; 281 | productType = "com.apple.product-type.bundle.unit-test"; 282 | }; 283 | /* End PBXNativeTarget section */ 284 | 285 | /* Begin PBXProject section */ 286 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 287 | isa = PBXProject; 288 | attributes = { 289 | LastUpgradeCheck = 1140; 290 | ORGANIZATIONNAME = ""; 291 | TargetAttributes = { 292 | 00E356ED1AD99517003FC87E = { 293 | CreatedOnToolsVersion = 6.2; 294 | TestTargetID = 13B07F861A680F5B00A75B9A; 295 | }; 296 | 13B07F861A680F5B00A75B9A = { 297 | LastSwiftMigration = 1140; 298 | }; 299 | 2D02E47A1E0B4A5D006451C7 = { 300 | CreatedOnToolsVersion = 8.2.1; 301 | ProvisioningStyle = Automatic; 302 | }; 303 | 2D02E48F1E0B4A5D006451C7 = { 304 | CreatedOnToolsVersion = 8.2.1; 305 | ProvisioningStyle = Automatic; 306 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 307 | }; 308 | }; 309 | }; 310 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "DraggableDemo" */; 311 | compatibilityVersion = "Xcode 3.2"; 312 | developmentRegion = en; 313 | hasScannedForEncodings = 0; 314 | knownRegions = ( 315 | en, 316 | Base, 317 | ); 318 | mainGroup = 83CBB9F61A601CBA00E9B192; 319 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 320 | projectDirPath = ""; 321 | projectRoot = ""; 322 | targets = ( 323 | 13B07F861A680F5B00A75B9A /* DraggableDemo */, 324 | 00E356ED1AD99517003FC87E /* DraggableDemoTests */, 325 | 2D02E47A1E0B4A5D006451C7 /* DraggableDemo-tvOS */, 326 | 2D02E48F1E0B4A5D006451C7 /* DraggableDemo-tvOSTests */, 327 | ); 328 | }; 329 | /* End PBXProject section */ 330 | 331 | /* Begin PBXResourcesBuildPhase section */ 332 | 00E356EC1AD99517003FC87E /* Resources */ = { 333 | isa = PBXResourcesBuildPhase; 334 | buildActionMask = 2147483647; 335 | files = ( 336 | ); 337 | runOnlyForDeploymentPostprocessing = 0; 338 | }; 339 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 340 | isa = PBXResourcesBuildPhase; 341 | buildActionMask = 2147483647; 342 | files = ( 343 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 344 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 345 | ); 346 | runOnlyForDeploymentPostprocessing = 0; 347 | }; 348 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 349 | isa = PBXResourcesBuildPhase; 350 | buildActionMask = 2147483647; 351 | files = ( 352 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 353 | ); 354 | runOnlyForDeploymentPostprocessing = 0; 355 | }; 356 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 357 | isa = PBXResourcesBuildPhase; 358 | buildActionMask = 2147483647; 359 | files = ( 360 | ); 361 | runOnlyForDeploymentPostprocessing = 0; 362 | }; 363 | /* End PBXResourcesBuildPhase section */ 364 | 365 | /* Begin PBXShellScriptBuildPhase section */ 366 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 367 | isa = PBXShellScriptBuildPhase; 368 | buildActionMask = 2147483647; 369 | files = ( 370 | ); 371 | inputPaths = ( 372 | ); 373 | name = "Bundle React Native code and images"; 374 | outputPaths = ( 375 | ); 376 | runOnlyForDeploymentPostprocessing = 0; 377 | shellPath = /bin/sh; 378 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 379 | }; 380 | 2A7F47E24699040FAF2F4A35 /* [CP] Check Pods Manifest.lock */ = { 381 | isa = PBXShellScriptBuildPhase; 382 | buildActionMask = 2147483647; 383 | files = ( 384 | ); 385 | inputFileListPaths = ( 386 | ); 387 | inputPaths = ( 388 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 389 | "${PODS_ROOT}/Manifest.lock", 390 | ); 391 | name = "[CP] Check Pods Manifest.lock"; 392 | outputFileListPaths = ( 393 | ); 394 | outputPaths = ( 395 | "$(DERIVED_FILE_DIR)/Pods-DraggableDemo-tvOSTests-checkManifestLockResult.txt", 396 | ); 397 | runOnlyForDeploymentPostprocessing = 0; 398 | shellPath = /bin/sh; 399 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 400 | showEnvVarsInLog = 0; 401 | }; 402 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 403 | isa = PBXShellScriptBuildPhase; 404 | buildActionMask = 2147483647; 405 | files = ( 406 | ); 407 | inputPaths = ( 408 | ); 409 | name = "Bundle React Native Code And Images"; 410 | outputPaths = ( 411 | ); 412 | runOnlyForDeploymentPostprocessing = 0; 413 | shellPath = /bin/sh; 414 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 415 | }; 416 | 7E63F23A422FA1396D15BE12 /* [CP] Check Pods Manifest.lock */ = { 417 | isa = PBXShellScriptBuildPhase; 418 | buildActionMask = 2147483647; 419 | files = ( 420 | ); 421 | inputFileListPaths = ( 422 | ); 423 | inputPaths = ( 424 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 425 | "${PODS_ROOT}/Manifest.lock", 426 | ); 427 | name = "[CP] Check Pods Manifest.lock"; 428 | outputFileListPaths = ( 429 | ); 430 | outputPaths = ( 431 | "$(DERIVED_FILE_DIR)/Pods-DraggableDemo-checkManifestLockResult.txt", 432 | ); 433 | runOnlyForDeploymentPostprocessing = 0; 434 | shellPath = /bin/sh; 435 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 436 | showEnvVarsInLog = 0; 437 | }; 438 | B6CD7E14F97BF3203FD321C8 /* [CP] Check Pods Manifest.lock */ = { 439 | isa = PBXShellScriptBuildPhase; 440 | buildActionMask = 2147483647; 441 | files = ( 442 | ); 443 | inputFileListPaths = ( 444 | ); 445 | inputPaths = ( 446 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 447 | "${PODS_ROOT}/Manifest.lock", 448 | ); 449 | name = "[CP] Check Pods Manifest.lock"; 450 | outputFileListPaths = ( 451 | ); 452 | outputPaths = ( 453 | "$(DERIVED_FILE_DIR)/Pods-DraggableDemo-tvOS-checkManifestLockResult.txt", 454 | ); 455 | runOnlyForDeploymentPostprocessing = 0; 456 | shellPath = /bin/sh; 457 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 458 | showEnvVarsInLog = 0; 459 | }; 460 | F429AE815347583130D31F6F /* [CP] Check Pods Manifest.lock */ = { 461 | isa = PBXShellScriptBuildPhase; 462 | buildActionMask = 2147483647; 463 | files = ( 464 | ); 465 | inputFileListPaths = ( 466 | ); 467 | inputPaths = ( 468 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 469 | "${PODS_ROOT}/Manifest.lock", 470 | ); 471 | name = "[CP] Check Pods Manifest.lock"; 472 | outputFileListPaths = ( 473 | ); 474 | outputPaths = ( 475 | "$(DERIVED_FILE_DIR)/Pods-DraggableDemo-DraggableDemoTests-checkManifestLockResult.txt", 476 | ); 477 | runOnlyForDeploymentPostprocessing = 0; 478 | shellPath = /bin/sh; 479 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 480 | showEnvVarsInLog = 0; 481 | }; 482 | FD10A7F022414F080027D42C /* Start Packager */ = { 483 | isa = PBXShellScriptBuildPhase; 484 | buildActionMask = 2147483647; 485 | files = ( 486 | ); 487 | inputFileListPaths = ( 488 | ); 489 | inputPaths = ( 490 | ); 491 | name = "Start Packager"; 492 | outputFileListPaths = ( 493 | ); 494 | outputPaths = ( 495 | ); 496 | runOnlyForDeploymentPostprocessing = 0; 497 | shellPath = /bin/sh; 498 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n"; 499 | showEnvVarsInLog = 0; 500 | }; 501 | FD10A7F122414F3F0027D42C /* Start Packager */ = { 502 | isa = PBXShellScriptBuildPhase; 503 | buildActionMask = 2147483647; 504 | files = ( 505 | ); 506 | inputFileListPaths = ( 507 | ); 508 | inputPaths = ( 509 | ); 510 | name = "Start Packager"; 511 | outputFileListPaths = ( 512 | ); 513 | outputPaths = ( 514 | ); 515 | runOnlyForDeploymentPostprocessing = 0; 516 | shellPath = /bin/sh; 517 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n"; 518 | showEnvVarsInLog = 0; 519 | }; 520 | /* End PBXShellScriptBuildPhase section */ 521 | 522 | /* Begin PBXSourcesBuildPhase section */ 523 | 00E356EA1AD99517003FC87E /* Sources */ = { 524 | isa = PBXSourcesBuildPhase; 525 | buildActionMask = 2147483647; 526 | files = ( 527 | 00E356F31AD99517003FC87E /* DraggableDemoTests.m in Sources */, 528 | ); 529 | runOnlyForDeploymentPostprocessing = 0; 530 | }; 531 | 13B07F871A680F5B00A75B9A /* Sources */ = { 532 | isa = PBXSourcesBuildPhase; 533 | buildActionMask = 2147483647; 534 | files = ( 535 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 536 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 537 | ); 538 | runOnlyForDeploymentPostprocessing = 0; 539 | }; 540 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 541 | isa = PBXSourcesBuildPhase; 542 | buildActionMask = 2147483647; 543 | files = ( 544 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 545 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 546 | ); 547 | runOnlyForDeploymentPostprocessing = 0; 548 | }; 549 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 550 | isa = PBXSourcesBuildPhase; 551 | buildActionMask = 2147483647; 552 | files = ( 553 | 2DCD954D1E0B4F2C00145EB5 /* DraggableDemoTests.m in Sources */, 554 | ); 555 | runOnlyForDeploymentPostprocessing = 0; 556 | }; 557 | /* End PBXSourcesBuildPhase section */ 558 | 559 | /* Begin PBXTargetDependency section */ 560 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 561 | isa = PBXTargetDependency; 562 | target = 13B07F861A680F5B00A75B9A /* DraggableDemo */; 563 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 564 | }; 565 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 566 | isa = PBXTargetDependency; 567 | target = 2D02E47A1E0B4A5D006451C7 /* DraggableDemo-tvOS */; 568 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 569 | }; 570 | /* End PBXTargetDependency section */ 571 | 572 | /* Begin PBXVariantGroup section */ 573 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 574 | isa = PBXVariantGroup; 575 | children = ( 576 | 13B07FB21A68108700A75B9A /* Base */, 577 | ); 578 | name = LaunchScreen.xib; 579 | path = DraggableDemo; 580 | sourceTree = ""; 581 | }; 582 | /* End PBXVariantGroup section */ 583 | 584 | /* Begin XCBuildConfiguration section */ 585 | 00E356F61AD99517003FC87E /* Debug */ = { 586 | isa = XCBuildConfiguration; 587 | baseConfigurationReference = B6B2F9BEEE4239D875ADA0C2 /* Pods-DraggableDemo-DraggableDemoTests.debug.xcconfig */; 588 | buildSettings = { 589 | BUNDLE_LOADER = "$(TEST_HOST)"; 590 | GCC_PREPROCESSOR_DEFINITIONS = ( 591 | "DEBUG=1", 592 | "$(inherited)", 593 | ); 594 | INFOPLIST_FILE = DraggableDemoTests/Info.plist; 595 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 596 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 597 | OTHER_LDFLAGS = ( 598 | "-ObjC", 599 | "-lc++", 600 | "$(inherited)", 601 | ); 602 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 603 | PRODUCT_NAME = "$(TARGET_NAME)"; 604 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/DraggableDemo.app/DraggableDemo"; 605 | }; 606 | name = Debug; 607 | }; 608 | 00E356F71AD99517003FC87E /* Release */ = { 609 | isa = XCBuildConfiguration; 610 | baseConfigurationReference = 2B4863088AF1C87B369B9EA6 /* Pods-DraggableDemo-DraggableDemoTests.release.xcconfig */; 611 | buildSettings = { 612 | BUNDLE_LOADER = "$(TEST_HOST)"; 613 | COPY_PHASE_STRIP = NO; 614 | INFOPLIST_FILE = DraggableDemoTests/Info.plist; 615 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 616 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 617 | OTHER_LDFLAGS = ( 618 | "-ObjC", 619 | "-lc++", 620 | "$(inherited)", 621 | ); 622 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 623 | PRODUCT_NAME = "$(TARGET_NAME)"; 624 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/DraggableDemo.app/DraggableDemo"; 625 | }; 626 | name = Release; 627 | }; 628 | 13B07F941A680F5B00A75B9A /* Debug */ = { 629 | isa = XCBuildConfiguration; 630 | baseConfigurationReference = 534C2763D44BC521255C296B /* Pods-DraggableDemo.debug.xcconfig */; 631 | buildSettings = { 632 | ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; 633 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 634 | CLANG_ENABLE_MODULES = YES; 635 | CURRENT_PROJECT_VERSION = 1; 636 | DEAD_CODE_STRIPPING = YES; 637 | INFOPLIST_FILE = DraggableDemo/Info.plist; 638 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 639 | OTHER_LDFLAGS = ( 640 | "$(inherited)", 641 | "-ObjC", 642 | "-lc++", 643 | ); 644 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 645 | PRODUCT_NAME = DraggableDemo; 646 | SWIFT_OBJC_BRIDGING_HEADER = "DraggableDemo-Bridging-Header.h"; 647 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 648 | SWIFT_VERSION = 5.0; 649 | VERSIONING_SYSTEM = "apple-generic"; 650 | }; 651 | name = Debug; 652 | }; 653 | 13B07F951A680F5B00A75B9A /* Release */ = { 654 | isa = XCBuildConfiguration; 655 | baseConfigurationReference = 29C91E5816E8E2749FF8DC6B /* Pods-DraggableDemo.release.xcconfig */; 656 | buildSettings = { 657 | ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; 658 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 659 | CLANG_ENABLE_MODULES = YES; 660 | CURRENT_PROJECT_VERSION = 1; 661 | DEAD_CODE_STRIPPING = YES; 662 | INFOPLIST_FILE = DraggableDemo/Info.plist; 663 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 664 | OTHER_LDFLAGS = ( 665 | "$(inherited)", 666 | "-ObjC", 667 | "-lc++", 668 | ); 669 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 670 | PRODUCT_NAME = DraggableDemo; 671 | SWIFT_OBJC_BRIDGING_HEADER = "DraggableDemo-Bridging-Header.h"; 672 | SWIFT_VERSION = 5.0; 673 | VERSIONING_SYSTEM = "apple-generic"; 674 | }; 675 | name = Release; 676 | }; 677 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 678 | isa = XCBuildConfiguration; 679 | baseConfigurationReference = F750B2BA9296CA148C6D2C58 /* Pods-DraggableDemo-tvOS.debug.xcconfig */; 680 | buildSettings = { 681 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 682 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 683 | CLANG_ANALYZER_NONNULL = YES; 684 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 685 | CLANG_WARN_INFINITE_RECURSION = YES; 686 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 687 | DEBUG_INFORMATION_FORMAT = dwarf; 688 | ENABLE_TESTABILITY = YES; 689 | GCC_NO_COMMON_BLOCKS = YES; 690 | INFOPLIST_FILE = "DraggableDemo-tvOS/Info.plist"; 691 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 692 | OTHER_LDFLAGS = ( 693 | "$(inherited)", 694 | "-ObjC", 695 | "-lc++", 696 | ); 697 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.DraggableDemo-tvOS"; 698 | PRODUCT_NAME = "$(TARGET_NAME)"; 699 | SDKROOT = appletvos; 700 | TARGETED_DEVICE_FAMILY = 3; 701 | TVOS_DEPLOYMENT_TARGET = 9.2; 702 | }; 703 | name = Debug; 704 | }; 705 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 706 | isa = XCBuildConfiguration; 707 | baseConfigurationReference = AD6E1533C447A24C4B060A76 /* Pods-DraggableDemo-tvOS.release.xcconfig */; 708 | buildSettings = { 709 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 710 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 711 | CLANG_ANALYZER_NONNULL = YES; 712 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 713 | CLANG_WARN_INFINITE_RECURSION = YES; 714 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 715 | COPY_PHASE_STRIP = NO; 716 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 717 | GCC_NO_COMMON_BLOCKS = YES; 718 | INFOPLIST_FILE = "DraggableDemo-tvOS/Info.plist"; 719 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 720 | OTHER_LDFLAGS = ( 721 | "$(inherited)", 722 | "-ObjC", 723 | "-lc++", 724 | ); 725 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.DraggableDemo-tvOS"; 726 | PRODUCT_NAME = "$(TARGET_NAME)"; 727 | SDKROOT = appletvos; 728 | TARGETED_DEVICE_FAMILY = 3; 729 | TVOS_DEPLOYMENT_TARGET = 9.2; 730 | }; 731 | name = Release; 732 | }; 733 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 734 | isa = XCBuildConfiguration; 735 | baseConfigurationReference = 8664C5CFCA771AE9267E2402 /* Pods-DraggableDemo-tvOSTests.debug.xcconfig */; 736 | buildSettings = { 737 | BUNDLE_LOADER = "$(TEST_HOST)"; 738 | CLANG_ANALYZER_NONNULL = YES; 739 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 740 | CLANG_WARN_INFINITE_RECURSION = YES; 741 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 742 | DEBUG_INFORMATION_FORMAT = dwarf; 743 | ENABLE_TESTABILITY = YES; 744 | GCC_NO_COMMON_BLOCKS = YES; 745 | INFOPLIST_FILE = "DraggableDemo-tvOSTests/Info.plist"; 746 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 747 | OTHER_LDFLAGS = ( 748 | "$(inherited)", 749 | "-ObjC", 750 | "-lc++", 751 | ); 752 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.DraggableDemo-tvOSTests"; 753 | PRODUCT_NAME = "$(TARGET_NAME)"; 754 | SDKROOT = appletvos; 755 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/DraggableDemo-tvOS.app/DraggableDemo-tvOS"; 756 | TVOS_DEPLOYMENT_TARGET = 10.1; 757 | }; 758 | name = Debug; 759 | }; 760 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 761 | isa = XCBuildConfiguration; 762 | baseConfigurationReference = 5C87D6E0B01584CE82155D71 /* Pods-DraggableDemo-tvOSTests.release.xcconfig */; 763 | buildSettings = { 764 | BUNDLE_LOADER = "$(TEST_HOST)"; 765 | CLANG_ANALYZER_NONNULL = YES; 766 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 767 | CLANG_WARN_INFINITE_RECURSION = YES; 768 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 769 | COPY_PHASE_STRIP = NO; 770 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 771 | GCC_NO_COMMON_BLOCKS = YES; 772 | INFOPLIST_FILE = "DraggableDemo-tvOSTests/Info.plist"; 773 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 774 | OTHER_LDFLAGS = ( 775 | "$(inherited)", 776 | "-ObjC", 777 | "-lc++", 778 | ); 779 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.DraggableDemo-tvOSTests"; 780 | PRODUCT_NAME = "$(TARGET_NAME)"; 781 | SDKROOT = appletvos; 782 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/DraggableDemo-tvOS.app/DraggableDemo-tvOS"; 783 | TVOS_DEPLOYMENT_TARGET = 10.1; 784 | }; 785 | name = Release; 786 | }; 787 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 788 | isa = XCBuildConfiguration; 789 | buildSettings = { 790 | ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; 791 | ALWAYS_SEARCH_USER_PATHS = NO; 792 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 793 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 794 | CLANG_CXX_LIBRARY = "libc++"; 795 | CLANG_ENABLE_MODULES = YES; 796 | CLANG_ENABLE_OBJC_ARC = YES; 797 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 798 | CLANG_WARN_BOOL_CONVERSION = YES; 799 | CLANG_WARN_COMMA = YES; 800 | CLANG_WARN_CONSTANT_CONVERSION = YES; 801 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 802 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 803 | CLANG_WARN_EMPTY_BODY = YES; 804 | CLANG_WARN_ENUM_CONVERSION = YES; 805 | CLANG_WARN_INFINITE_RECURSION = YES; 806 | CLANG_WARN_INT_CONVERSION = YES; 807 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 808 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 809 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 810 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 811 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 812 | CLANG_WARN_STRICT_PROTOTYPES = YES; 813 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 814 | CLANG_WARN_UNREACHABLE_CODE = YES; 815 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 816 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 817 | COPY_PHASE_STRIP = NO; 818 | ENABLE_STRICT_OBJC_MSGSEND = YES; 819 | ENABLE_TESTABILITY = YES; 820 | GCC_C_LANGUAGE_STANDARD = gnu99; 821 | GCC_DYNAMIC_NO_PIC = NO; 822 | GCC_NO_COMMON_BLOCKS = YES; 823 | GCC_OPTIMIZATION_LEVEL = 0; 824 | GCC_PREPROCESSOR_DEFINITIONS = ( 825 | "DEBUG=1", 826 | "FB_SONARKIT_ENABLED=1", 827 | "$(inherited)", 828 | ); 829 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 830 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 831 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 832 | GCC_WARN_UNDECLARED_SELECTOR = YES; 833 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 834 | GCC_WARN_UNUSED_FUNCTION = YES; 835 | GCC_WARN_UNUSED_VARIABLE = YES; 836 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 837 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift ${inherited}"; 838 | LIBRARY_SEARCH_PATHS = ( 839 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 840 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"", 841 | "\"$(inherited)\"", 842 | ); 843 | MTL_ENABLE_DEBUG_INFO = YES; 844 | ONLY_ACTIVE_ARCH = YES; 845 | SDKROOT = iphoneos; 846 | }; 847 | name = Debug; 848 | }; 849 | 83CBBA211A601CBA00E9B192 /* Release */ = { 850 | isa = XCBuildConfiguration; 851 | buildSettings = { 852 | ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; 853 | ALWAYS_SEARCH_USER_PATHS = NO; 854 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 855 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 856 | CLANG_CXX_LIBRARY = "libc++"; 857 | CLANG_ENABLE_MODULES = YES; 858 | CLANG_ENABLE_OBJC_ARC = YES; 859 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 860 | CLANG_WARN_BOOL_CONVERSION = YES; 861 | CLANG_WARN_COMMA = YES; 862 | CLANG_WARN_CONSTANT_CONVERSION = YES; 863 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 864 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 865 | CLANG_WARN_EMPTY_BODY = YES; 866 | CLANG_WARN_ENUM_CONVERSION = YES; 867 | CLANG_WARN_INFINITE_RECURSION = YES; 868 | CLANG_WARN_INT_CONVERSION = YES; 869 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 870 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 871 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 872 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 873 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 874 | CLANG_WARN_STRICT_PROTOTYPES = YES; 875 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 876 | CLANG_WARN_UNREACHABLE_CODE = YES; 877 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 878 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 879 | COPY_PHASE_STRIP = YES; 880 | ENABLE_NS_ASSERTIONS = NO; 881 | ENABLE_STRICT_OBJC_MSGSEND = YES; 882 | GCC_C_LANGUAGE_STANDARD = gnu99; 883 | GCC_NO_COMMON_BLOCKS = YES; 884 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 885 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 886 | GCC_WARN_UNDECLARED_SELECTOR = YES; 887 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 888 | GCC_WARN_UNUSED_FUNCTION = YES; 889 | GCC_WARN_UNUSED_VARIABLE = YES; 890 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 891 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift ${inherited}"; 892 | LIBRARY_SEARCH_PATHS = ( 893 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 894 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"", 895 | "\"$(inherited)\"", 896 | ); 897 | MTL_ENABLE_DEBUG_INFO = NO; 898 | SDKROOT = iphoneos; 899 | VALIDATE_PRODUCT = YES; 900 | }; 901 | name = Release; 902 | }; 903 | /* End XCBuildConfiguration section */ 904 | 905 | /* Begin XCConfigurationList section */ 906 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "DraggableDemoTests" */ = { 907 | isa = XCConfigurationList; 908 | buildConfigurations = ( 909 | 00E356F61AD99517003FC87E /* Debug */, 910 | 00E356F71AD99517003FC87E /* Release */, 911 | ); 912 | defaultConfigurationIsVisible = 0; 913 | defaultConfigurationName = Release; 914 | }; 915 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "DraggableDemo" */ = { 916 | isa = XCConfigurationList; 917 | buildConfigurations = ( 918 | 13B07F941A680F5B00A75B9A /* Debug */, 919 | 13B07F951A680F5B00A75B9A /* Release */, 920 | ); 921 | defaultConfigurationIsVisible = 0; 922 | defaultConfigurationName = Release; 923 | }; 924 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "DraggableDemo-tvOS" */ = { 925 | isa = XCConfigurationList; 926 | buildConfigurations = ( 927 | 2D02E4971E0B4A5E006451C7 /* Debug */, 928 | 2D02E4981E0B4A5E006451C7 /* Release */, 929 | ); 930 | defaultConfigurationIsVisible = 0; 931 | defaultConfigurationName = Release; 932 | }; 933 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "DraggableDemo-tvOSTests" */ = { 934 | isa = XCConfigurationList; 935 | buildConfigurations = ( 936 | 2D02E4991E0B4A5E006451C7 /* Debug */, 937 | 2D02E49A1E0B4A5E006451C7 /* Release */, 938 | ); 939 | defaultConfigurationIsVisible = 0; 940 | defaultConfigurationName = Release; 941 | }; 942 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "DraggableDemo" */ = { 943 | isa = XCConfigurationList; 944 | buildConfigurations = ( 945 | 83CBBA201A601CBA00E9B192 /* Debug */, 946 | 83CBBA211A601CBA00E9B192 /* Release */, 947 | ); 948 | defaultConfigurationIsVisible = 0; 949 | defaultConfigurationName = Release; 950 | }; 951 | /* End XCConfigurationList section */ 952 | }; 953 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 954 | } 955 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo.xcodeproj/xcshareddata/xcschemes/DraggableDemo-tvOS.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 65 | 66 | 67 | 68 | 70 | 76 | 77 | 78 | 79 | 80 | 90 | 92 | 98 | 99 | 100 | 101 | 107 | 109 | 115 | 116 | 117 | 118 | 120 | 121 | 124 | 125 | 126 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo.xcodeproj/xcshareddata/xcschemes/DraggableDemo.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 65 | 66 | 67 | 68 | 70 | 76 | 77 | 78 | 79 | 80 | 90 | 92 | 98 | 99 | 100 | 101 | 107 | 109 | 115 | 116 | 117 | 118 | 120 | 121 | 124 | 125 | 126 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface AppDelegate : UIResponder 5 | 6 | @property (nonatomic, strong) UIWindow *window; 7 | 8 | @end 9 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo/AppDelegate.m: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | 7 | @implementation AppDelegate 8 | 9 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 10 | { 11 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions]; 12 | RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge 13 | moduleName:@"DraggableDemo" 14 | initialProperties:nil]; 15 | 16 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 17 | 18 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 19 | UIViewController *rootViewController = [UIViewController new]; 20 | rootViewController.view = rootView; 21 | self.window.rootViewController = rootViewController; 22 | [self.window makeKeyAndVisible]; 23 | return YES; 24 | } 25 | 26 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 27 | { 28 | #if DEBUG 29 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; 30 | #else 31 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 32 | #endif 33 | } 34 | 35 | @end 36 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo/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/DraggableDemo/ios/DraggableDemo/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "scale" : "2x", 6 | "size" : "20x20" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "scale" : "3x", 11 | "size" : "20x20" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "scale" : "2x", 16 | "size" : "29x29" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "scale" : "3x", 21 | "size" : "29x29" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "scale" : "2x", 26 | "size" : "40x40" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "scale" : "3x", 31 | "size" : "40x40" 32 | }, 33 | { 34 | "idiom" : "iphone", 35 | "scale" : "2x", 36 | "size" : "60x60" 37 | }, 38 | { 39 | "idiom" : "iphone", 40 | "scale" : "3x", 41 | "size" : "60x60" 42 | }, 43 | { 44 | "idiom" : "ios-marketing", 45 | "scale" : "1x", 46 | "size" : "1024x1024" 47 | } 48 | ], 49 | "info" : { 50 | "author" : "xcode", 51 | "version" : 1 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | DraggableDemo 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | NSAppTransportSecurity 28 | 29 | NSAllowsArbitraryLoads 30 | 31 | NSExceptionDomains 32 | 33 | localhost 34 | 35 | NSExceptionAllowsInsecureHTTPLoads 36 | 37 | 38 | 39 | 40 | NSLocationWhenInUseUsageDescription 41 | 42 | UILaunchStoryboardName 43 | LaunchScreen 44 | UIRequiredDeviceCapabilities 45 | 46 | armv7 47 | 48 | UISupportedInterfaceOrientations 49 | 50 | UIInterfaceOrientationPortrait 51 | UIInterfaceOrientationLandscapeLeft 52 | UIInterfaceOrientationLandscapeRight 53 | 54 | UIViewControllerBasedStatusBarAppearance 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemo/main.m: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | #import "AppDelegate.h" 4 | 5 | int main(int argc, char * argv[]) { 6 | @autoreleasepool { 7 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemoTests/DraggableDemoTests.m: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | #import 5 | #import 6 | 7 | #define TIMEOUT_SECONDS 600 8 | #define TEXT_TO_LOOK_FOR @"Welcome to React" 9 | 10 | @interface DraggableDemoTests : XCTestCase 11 | 12 | @end 13 | 14 | @implementation DraggableDemoTests 15 | 16 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 17 | { 18 | if (test(view)) { 19 | return YES; 20 | } 21 | for (UIView *subview in [view subviews]) { 22 | if ([self findSubviewInView:subview matching:test]) { 23 | return YES; 24 | } 25 | } 26 | return NO; 27 | } 28 | 29 | - (void)testRendersWelcomeScreen 30 | { 31 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 32 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 33 | BOOL foundElement = NO; 34 | 35 | __block NSString *redboxError = nil; 36 | #ifdef DEBUG 37 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 38 | if (level >= RCTLogLevelError) { 39 | redboxError = message; 40 | } 41 | }); 42 | #endif 43 | 44 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 45 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 46 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 47 | 48 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 49 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 50 | return YES; 51 | } 52 | return NO; 53 | }]; 54 | } 55 | 56 | #ifdef DEBUG 57 | RCTSetLogFunction(RCTDefaultLogFunction); 58 | #endif 59 | 60 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 61 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 62 | } 63 | 64 | 65 | @end 66 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/DraggableDemoTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/Podfile: -------------------------------------------------------------------------------- 1 | platform :ios, '9.0' 2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' 3 | 4 | def add_flipper_pods!(versions = {}) 5 | versions['Flipper'] ||= '~> 0.33.1' 6 | versions['DoubleConversion'] ||= '1.1.7' 7 | versions['Flipper-Folly'] ||= '~> 2.1' 8 | versions['Flipper-Glog'] ||= '0.3.6' 9 | versions['Flipper-PeerTalk'] ||= '~> 0.0.4' 10 | versions['Flipper-RSocket'] ||= '~> 1.0' 11 | 12 | pod 'FlipperKit', versions['Flipper'], :configuration => 'Debug' 13 | pod 'FlipperKit/FlipperKitLayoutPlugin', versions['Flipper'], :configuration => 'Debug' 14 | pod 'FlipperKit/SKIOSNetworkPlugin', versions['Flipper'], :configuration => 'Debug' 15 | pod 'FlipperKit/FlipperKitUserDefaultsPlugin', versions['Flipper'], :configuration => 'Debug' 16 | pod 'FlipperKit/FlipperKitReactPlugin', versions['Flipper'], :configuration => 'Debug' 17 | 18 | # List all transitive dependencies for FlipperKit pods 19 | # to avoid them being linked in Release builds 20 | pod 'Flipper', versions['Flipper'], :configuration => 'Debug' 21 | pod 'Flipper-DoubleConversion', versions['DoubleConversion'], :configuration => 'Debug' 22 | pod 'Flipper-Folly', versions['Flipper-Folly'], :configuration => 'Debug' 23 | pod 'Flipper-Glog', versions['Flipper-Glog'], :configuration => 'Debug' 24 | pod 'Flipper-PeerTalk', versions['Flipper-PeerTalk'], :configuration => 'Debug' 25 | pod 'Flipper-RSocket', versions['Flipper-RSocket'], :configuration => 'Debug' 26 | pod 'FlipperKit/Core', versions['Flipper'], :configuration => 'Debug' 27 | pod 'FlipperKit/CppBridge', versions['Flipper'], :configuration => 'Debug' 28 | pod 'FlipperKit/FBCxxFollyDynamicConvert', versions['Flipper'], :configuration => 'Debug' 29 | pod 'FlipperKit/FBDefines', versions['Flipper'], :configuration => 'Debug' 30 | pod 'FlipperKit/FKPortForwarding', versions['Flipper'], :configuration => 'Debug' 31 | pod 'FlipperKit/FlipperKitHighlightOverlay', versions['Flipper'], :configuration => 'Debug' 32 | pod 'FlipperKit/FlipperKitLayoutTextSearchable', versions['Flipper'], :configuration => 'Debug' 33 | pod 'FlipperKit/FlipperKitNetworkPlugin', versions['Flipper'], :configuration => 'Debug' 34 | end 35 | 36 | # Post Install processing for Flipper 37 | def flipper_post_install(installer) 38 | installer.pods_project.targets.each do |target| 39 | if target.name == 'YogaKit' 40 | target.build_configurations.each do |config| 41 | config.build_settings['SWIFT_VERSION'] = '4.1' 42 | end 43 | end 44 | end 45 | end 46 | 47 | target 'DraggableDemo' do 48 | # Pods for DraggableDemo 49 | pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector" 50 | pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec" 51 | pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired" 52 | pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety" 53 | pod 'React', :path => '../node_modules/react-native/' 54 | pod 'React-Core', :path => '../node_modules/react-native/' 55 | pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules' 56 | pod 'React-Core/DevSupport', :path => '../node_modules/react-native/' 57 | pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS' 58 | pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation' 59 | pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob' 60 | pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image' 61 | pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS' 62 | pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network' 63 | pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings' 64 | pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text' 65 | pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration' 66 | pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/' 67 | 68 | pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact' 69 | pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi' 70 | pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor' 71 | pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector' 72 | pod 'ReactCommon/callinvoker', :path => "../node_modules/react-native/ReactCommon" 73 | pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon" 74 | pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga', :modular_headers => true 75 | 76 | pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec' 77 | pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec' 78 | pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec' 79 | 80 | target 'DraggableDemoTests' do 81 | inherit! :complete 82 | # Pods for testing 83 | end 84 | 85 | use_native_modules! 86 | 87 | # Enables Flipper. 88 | # 89 | # Note that if you have use_frameworks! enabled, Flipper will not work and 90 | # you should disable these next few lines. 91 | add_flipper_pods! 92 | post_install do |installer| 93 | flipper_post_install(installer) 94 | end 95 | end 96 | 97 | target 'DraggableDemo-tvOS' do 98 | # Pods for DraggableDemo-tvOS 99 | 100 | target 'DraggableDemo-tvOSTests' do 101 | inherit! :search_paths 102 | # Pods for testing 103 | end 104 | end 105 | -------------------------------------------------------------------------------- /example/DraggableDemo/ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - boost-for-react-native (1.63.0) 3 | - CocoaAsyncSocket (7.6.4) 4 | - CocoaLibEvent (1.0.0) 5 | - DoubleConversion (1.1.6) 6 | - FBLazyVector (0.62.2) 7 | - FBReactNativeSpec (0.62.2): 8 | - Folly (= 2018.10.22.00) 9 | - RCTRequired (= 0.62.2) 10 | - RCTTypeSafety (= 0.62.2) 11 | - React-Core (= 0.62.2) 12 | - React-jsi (= 0.62.2) 13 | - ReactCommon/turbomodule/core (= 0.62.2) 14 | - Flipper (0.33.1): 15 | - Flipper-Folly (~> 2.1) 16 | - Flipper-RSocket (~> 1.0) 17 | - Flipper-DoubleConversion (1.1.7) 18 | - Flipper-Folly (2.2.0): 19 | - boost-for-react-native 20 | - CocoaLibEvent (~> 1.0) 21 | - Flipper-DoubleConversion 22 | - Flipper-Glog 23 | - OpenSSL-Universal (= 1.0.2.19) 24 | - Flipper-Glog (0.3.6) 25 | - Flipper-PeerTalk (0.0.4) 26 | - Flipper-RSocket (1.1.0): 27 | - Flipper-Folly (~> 2.2) 28 | - FlipperKit (0.33.1): 29 | - FlipperKit/Core (= 0.33.1) 30 | - FlipperKit/Core (0.33.1): 31 | - Flipper (~> 0.33.1) 32 | - FlipperKit/CppBridge 33 | - FlipperKit/FBCxxFollyDynamicConvert 34 | - FlipperKit/FBDefines 35 | - FlipperKit/FKPortForwarding 36 | - FlipperKit/CppBridge (0.33.1): 37 | - Flipper (~> 0.33.1) 38 | - FlipperKit/FBCxxFollyDynamicConvert (0.33.1): 39 | - Flipper-Folly (~> 2.1) 40 | - FlipperKit/FBDefines (0.33.1) 41 | - FlipperKit/FKPortForwarding (0.33.1): 42 | - CocoaAsyncSocket (~> 7.6) 43 | - Flipper-PeerTalk (~> 0.0.4) 44 | - FlipperKit/FlipperKitHighlightOverlay (0.33.1) 45 | - FlipperKit/FlipperKitLayoutPlugin (0.33.1): 46 | - FlipperKit/Core 47 | - FlipperKit/FlipperKitHighlightOverlay 48 | - FlipperKit/FlipperKitLayoutTextSearchable 49 | - YogaKit (~> 1.18) 50 | - FlipperKit/FlipperKitLayoutTextSearchable (0.33.1) 51 | - FlipperKit/FlipperKitNetworkPlugin (0.33.1): 52 | - FlipperKit/Core 53 | - FlipperKit/FlipperKitReactPlugin (0.33.1): 54 | - FlipperKit/Core 55 | - FlipperKit/FlipperKitUserDefaultsPlugin (0.33.1): 56 | - FlipperKit/Core 57 | - FlipperKit/SKIOSNetworkPlugin (0.33.1): 58 | - FlipperKit/Core 59 | - FlipperKit/FlipperKitNetworkPlugin 60 | - Folly (2018.10.22.00): 61 | - boost-for-react-native 62 | - DoubleConversion 63 | - Folly/Default (= 2018.10.22.00) 64 | - glog 65 | - Folly/Default (2018.10.22.00): 66 | - boost-for-react-native 67 | - DoubleConversion 68 | - glog 69 | - glog (0.3.5) 70 | - OpenSSL-Universal (1.0.2.19): 71 | - OpenSSL-Universal/Static (= 1.0.2.19) 72 | - OpenSSL-Universal/Static (1.0.2.19) 73 | - RCTRequired (0.62.2) 74 | - RCTTypeSafety (0.62.2): 75 | - FBLazyVector (= 0.62.2) 76 | - Folly (= 2018.10.22.00) 77 | - RCTRequired (= 0.62.2) 78 | - React-Core (= 0.62.2) 79 | - React (0.62.2): 80 | - React-Core (= 0.62.2) 81 | - React-Core/DevSupport (= 0.62.2) 82 | - React-Core/RCTWebSocket (= 0.62.2) 83 | - React-RCTActionSheet (= 0.62.2) 84 | - React-RCTAnimation (= 0.62.2) 85 | - React-RCTBlob (= 0.62.2) 86 | - React-RCTImage (= 0.62.2) 87 | - React-RCTLinking (= 0.62.2) 88 | - React-RCTNetwork (= 0.62.2) 89 | - React-RCTSettings (= 0.62.2) 90 | - React-RCTText (= 0.62.2) 91 | - React-RCTVibration (= 0.62.2) 92 | - React-Core (0.62.2): 93 | - Folly (= 2018.10.22.00) 94 | - glog 95 | - React-Core/Default (= 0.62.2) 96 | - React-cxxreact (= 0.62.2) 97 | - React-jsi (= 0.62.2) 98 | - React-jsiexecutor (= 0.62.2) 99 | - Yoga 100 | - React-Core/CoreModulesHeaders (0.62.2): 101 | - Folly (= 2018.10.22.00) 102 | - glog 103 | - React-Core/Default 104 | - React-cxxreact (= 0.62.2) 105 | - React-jsi (= 0.62.2) 106 | - React-jsiexecutor (= 0.62.2) 107 | - Yoga 108 | - React-Core/Default (0.62.2): 109 | - Folly (= 2018.10.22.00) 110 | - glog 111 | - React-cxxreact (= 0.62.2) 112 | - React-jsi (= 0.62.2) 113 | - React-jsiexecutor (= 0.62.2) 114 | - Yoga 115 | - React-Core/DevSupport (0.62.2): 116 | - Folly (= 2018.10.22.00) 117 | - glog 118 | - React-Core/Default (= 0.62.2) 119 | - React-Core/RCTWebSocket (= 0.62.2) 120 | - React-cxxreact (= 0.62.2) 121 | - React-jsi (= 0.62.2) 122 | - React-jsiexecutor (= 0.62.2) 123 | - React-jsinspector (= 0.62.2) 124 | - Yoga 125 | - React-Core/RCTActionSheetHeaders (0.62.2): 126 | - Folly (= 2018.10.22.00) 127 | - glog 128 | - React-Core/Default 129 | - React-cxxreact (= 0.62.2) 130 | - React-jsi (= 0.62.2) 131 | - React-jsiexecutor (= 0.62.2) 132 | - Yoga 133 | - React-Core/RCTAnimationHeaders (0.62.2): 134 | - Folly (= 2018.10.22.00) 135 | - glog 136 | - React-Core/Default 137 | - React-cxxreact (= 0.62.2) 138 | - React-jsi (= 0.62.2) 139 | - React-jsiexecutor (= 0.62.2) 140 | - Yoga 141 | - React-Core/RCTBlobHeaders (0.62.2): 142 | - Folly (= 2018.10.22.00) 143 | - glog 144 | - React-Core/Default 145 | - React-cxxreact (= 0.62.2) 146 | - React-jsi (= 0.62.2) 147 | - React-jsiexecutor (= 0.62.2) 148 | - Yoga 149 | - React-Core/RCTImageHeaders (0.62.2): 150 | - Folly (= 2018.10.22.00) 151 | - glog 152 | - React-Core/Default 153 | - React-cxxreact (= 0.62.2) 154 | - React-jsi (= 0.62.2) 155 | - React-jsiexecutor (= 0.62.2) 156 | - Yoga 157 | - React-Core/RCTLinkingHeaders (0.62.2): 158 | - Folly (= 2018.10.22.00) 159 | - glog 160 | - React-Core/Default 161 | - React-cxxreact (= 0.62.2) 162 | - React-jsi (= 0.62.2) 163 | - React-jsiexecutor (= 0.62.2) 164 | - Yoga 165 | - React-Core/RCTNetworkHeaders (0.62.2): 166 | - Folly (= 2018.10.22.00) 167 | - glog 168 | - React-Core/Default 169 | - React-cxxreact (= 0.62.2) 170 | - React-jsi (= 0.62.2) 171 | - React-jsiexecutor (= 0.62.2) 172 | - Yoga 173 | - React-Core/RCTSettingsHeaders (0.62.2): 174 | - Folly (= 2018.10.22.00) 175 | - glog 176 | - React-Core/Default 177 | - React-cxxreact (= 0.62.2) 178 | - React-jsi (= 0.62.2) 179 | - React-jsiexecutor (= 0.62.2) 180 | - Yoga 181 | - React-Core/RCTTextHeaders (0.62.2): 182 | - Folly (= 2018.10.22.00) 183 | - glog 184 | - React-Core/Default 185 | - React-cxxreact (= 0.62.2) 186 | - React-jsi (= 0.62.2) 187 | - React-jsiexecutor (= 0.62.2) 188 | - Yoga 189 | - React-Core/RCTVibrationHeaders (0.62.2): 190 | - Folly (= 2018.10.22.00) 191 | - glog 192 | - React-Core/Default 193 | - React-cxxreact (= 0.62.2) 194 | - React-jsi (= 0.62.2) 195 | - React-jsiexecutor (= 0.62.2) 196 | - Yoga 197 | - React-Core/RCTWebSocket (0.62.2): 198 | - Folly (= 2018.10.22.00) 199 | - glog 200 | - React-Core/Default (= 0.62.2) 201 | - React-cxxreact (= 0.62.2) 202 | - React-jsi (= 0.62.2) 203 | - React-jsiexecutor (= 0.62.2) 204 | - Yoga 205 | - React-CoreModules (0.62.2): 206 | - FBReactNativeSpec (= 0.62.2) 207 | - Folly (= 2018.10.22.00) 208 | - RCTTypeSafety (= 0.62.2) 209 | - React-Core/CoreModulesHeaders (= 0.62.2) 210 | - React-RCTImage (= 0.62.2) 211 | - ReactCommon/turbomodule/core (= 0.62.2) 212 | - React-cxxreact (0.62.2): 213 | - boost-for-react-native (= 1.63.0) 214 | - DoubleConversion 215 | - Folly (= 2018.10.22.00) 216 | - glog 217 | - React-jsinspector (= 0.62.2) 218 | - React-jsi (0.62.2): 219 | - boost-for-react-native (= 1.63.0) 220 | - DoubleConversion 221 | - Folly (= 2018.10.22.00) 222 | - glog 223 | - React-jsi/Default (= 0.62.2) 224 | - React-jsi/Default (0.62.2): 225 | - boost-for-react-native (= 1.63.0) 226 | - DoubleConversion 227 | - Folly (= 2018.10.22.00) 228 | - glog 229 | - React-jsiexecutor (0.62.2): 230 | - DoubleConversion 231 | - Folly (= 2018.10.22.00) 232 | - glog 233 | - React-cxxreact (= 0.62.2) 234 | - React-jsi (= 0.62.2) 235 | - React-jsinspector (0.62.2) 236 | - React-RCTActionSheet (0.62.2): 237 | - React-Core/RCTActionSheetHeaders (= 0.62.2) 238 | - React-RCTAnimation (0.62.2): 239 | - FBReactNativeSpec (= 0.62.2) 240 | - Folly (= 2018.10.22.00) 241 | - RCTTypeSafety (= 0.62.2) 242 | - React-Core/RCTAnimationHeaders (= 0.62.2) 243 | - ReactCommon/turbomodule/core (= 0.62.2) 244 | - React-RCTBlob (0.62.2): 245 | - FBReactNativeSpec (= 0.62.2) 246 | - Folly (= 2018.10.22.00) 247 | - React-Core/RCTBlobHeaders (= 0.62.2) 248 | - React-Core/RCTWebSocket (= 0.62.2) 249 | - React-jsi (= 0.62.2) 250 | - React-RCTNetwork (= 0.62.2) 251 | - ReactCommon/turbomodule/core (= 0.62.2) 252 | - React-RCTImage (0.62.2): 253 | - FBReactNativeSpec (= 0.62.2) 254 | - Folly (= 2018.10.22.00) 255 | - RCTTypeSafety (= 0.62.2) 256 | - React-Core/RCTImageHeaders (= 0.62.2) 257 | - React-RCTNetwork (= 0.62.2) 258 | - ReactCommon/turbomodule/core (= 0.62.2) 259 | - React-RCTLinking (0.62.2): 260 | - FBReactNativeSpec (= 0.62.2) 261 | - React-Core/RCTLinkingHeaders (= 0.62.2) 262 | - ReactCommon/turbomodule/core (= 0.62.2) 263 | - React-RCTNetwork (0.62.2): 264 | - FBReactNativeSpec (= 0.62.2) 265 | - Folly (= 2018.10.22.00) 266 | - RCTTypeSafety (= 0.62.2) 267 | - React-Core/RCTNetworkHeaders (= 0.62.2) 268 | - ReactCommon/turbomodule/core (= 0.62.2) 269 | - React-RCTSettings (0.62.2): 270 | - FBReactNativeSpec (= 0.62.2) 271 | - Folly (= 2018.10.22.00) 272 | - RCTTypeSafety (= 0.62.2) 273 | - React-Core/RCTSettingsHeaders (= 0.62.2) 274 | - ReactCommon/turbomodule/core (= 0.62.2) 275 | - React-RCTText (0.62.2): 276 | - React-Core/RCTTextHeaders (= 0.62.2) 277 | - React-RCTVibration (0.62.2): 278 | - FBReactNativeSpec (= 0.62.2) 279 | - Folly (= 2018.10.22.00) 280 | - React-Core/RCTVibrationHeaders (= 0.62.2) 281 | - ReactCommon/turbomodule/core (= 0.62.2) 282 | - ReactCommon/callinvoker (0.62.2): 283 | - DoubleConversion 284 | - Folly (= 2018.10.22.00) 285 | - glog 286 | - React-cxxreact (= 0.62.2) 287 | - ReactCommon/turbomodule/core (0.62.2): 288 | - DoubleConversion 289 | - Folly (= 2018.10.22.00) 290 | - glog 291 | - React-Core (= 0.62.2) 292 | - React-cxxreact (= 0.62.2) 293 | - React-jsi (= 0.62.2) 294 | - ReactCommon/callinvoker (= 0.62.2) 295 | - Yoga (1.14.0) 296 | - YogaKit (1.18.1): 297 | - Yoga (~> 1.14) 298 | 299 | DEPENDENCIES: 300 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`) 301 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`) 302 | - FBReactNativeSpec (from `../node_modules/react-native/Libraries/FBReactNativeSpec`) 303 | - Flipper (~> 0.33.1) 304 | - Flipper-DoubleConversion (= 1.1.7) 305 | - Flipper-Folly (~> 2.1) 306 | - Flipper-Glog (= 0.3.6) 307 | - Flipper-PeerTalk (~> 0.0.4) 308 | - Flipper-RSocket (~> 1.0) 309 | - FlipperKit (~> 0.33.1) 310 | - FlipperKit/Core (~> 0.33.1) 311 | - FlipperKit/CppBridge (~> 0.33.1) 312 | - FlipperKit/FBCxxFollyDynamicConvert (~> 0.33.1) 313 | - FlipperKit/FBDefines (~> 0.33.1) 314 | - FlipperKit/FKPortForwarding (~> 0.33.1) 315 | - FlipperKit/FlipperKitHighlightOverlay (~> 0.33.1) 316 | - FlipperKit/FlipperKitLayoutPlugin (~> 0.33.1) 317 | - FlipperKit/FlipperKitLayoutTextSearchable (~> 0.33.1) 318 | - FlipperKit/FlipperKitNetworkPlugin (~> 0.33.1) 319 | - FlipperKit/FlipperKitReactPlugin (~> 0.33.1) 320 | - FlipperKit/FlipperKitUserDefaultsPlugin (~> 0.33.1) 321 | - FlipperKit/SKIOSNetworkPlugin (~> 0.33.1) 322 | - Folly (from `../node_modules/react-native/third-party-podspecs/Folly.podspec`) 323 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`) 324 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`) 325 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`) 326 | - React (from `../node_modules/react-native/`) 327 | - React-Core (from `../node_modules/react-native/`) 328 | - React-Core/DevSupport (from `../node_modules/react-native/`) 329 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`) 330 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`) 331 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`) 332 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`) 333 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 334 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 335 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 336 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 337 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`) 338 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`) 339 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`) 340 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`) 341 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`) 342 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`) 343 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 344 | - ReactCommon/callinvoker (from `../node_modules/react-native/ReactCommon`) 345 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 346 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 347 | 348 | SPEC REPOS: 349 | trunk: 350 | - boost-for-react-native 351 | - CocoaAsyncSocket 352 | - CocoaLibEvent 353 | - Flipper 354 | - Flipper-DoubleConversion 355 | - Flipper-Folly 356 | - Flipper-Glog 357 | - Flipper-PeerTalk 358 | - Flipper-RSocket 359 | - FlipperKit 360 | - OpenSSL-Universal 361 | - YogaKit 362 | 363 | EXTERNAL SOURCES: 364 | DoubleConversion: 365 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec" 366 | FBLazyVector: 367 | :path: "../node_modules/react-native/Libraries/FBLazyVector" 368 | FBReactNativeSpec: 369 | :path: "../node_modules/react-native/Libraries/FBReactNativeSpec" 370 | Folly: 371 | :podspec: "../node_modules/react-native/third-party-podspecs/Folly.podspec" 372 | glog: 373 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec" 374 | RCTRequired: 375 | :path: "../node_modules/react-native/Libraries/RCTRequired" 376 | RCTTypeSafety: 377 | :path: "../node_modules/react-native/Libraries/TypeSafety" 378 | React: 379 | :path: "../node_modules/react-native/" 380 | React-Core: 381 | :path: "../node_modules/react-native/" 382 | React-CoreModules: 383 | :path: "../node_modules/react-native/React/CoreModules" 384 | React-cxxreact: 385 | :path: "../node_modules/react-native/ReactCommon/cxxreact" 386 | React-jsi: 387 | :path: "../node_modules/react-native/ReactCommon/jsi" 388 | React-jsiexecutor: 389 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor" 390 | React-jsinspector: 391 | :path: "../node_modules/react-native/ReactCommon/jsinspector" 392 | React-RCTActionSheet: 393 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS" 394 | React-RCTAnimation: 395 | :path: "../node_modules/react-native/Libraries/NativeAnimation" 396 | React-RCTBlob: 397 | :path: "../node_modules/react-native/Libraries/Blob" 398 | React-RCTImage: 399 | :path: "../node_modules/react-native/Libraries/Image" 400 | React-RCTLinking: 401 | :path: "../node_modules/react-native/Libraries/LinkingIOS" 402 | React-RCTNetwork: 403 | :path: "../node_modules/react-native/Libraries/Network" 404 | React-RCTSettings: 405 | :path: "../node_modules/react-native/Libraries/Settings" 406 | React-RCTText: 407 | :path: "../node_modules/react-native/Libraries/Text" 408 | React-RCTVibration: 409 | :path: "../node_modules/react-native/Libraries/Vibration" 410 | ReactCommon: 411 | :path: "../node_modules/react-native/ReactCommon" 412 | Yoga: 413 | :path: "../node_modules/react-native/ReactCommon/yoga" 414 | 415 | SPEC CHECKSUMS: 416 | boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c 417 | CocoaAsyncSocket: 694058e7c0ed05a9e217d1b3c7ded962f4180845 418 | CocoaLibEvent: 2fab71b8bd46dd33ddb959f7928ec5909f838e3f 419 | DoubleConversion: 5805e889d232975c086db112ece9ed034df7a0b2 420 | FBLazyVector: 4aab18c93cd9546e4bfed752b4084585eca8b245 421 | FBReactNativeSpec: 5465d51ccfeecb7faa12f9ae0024f2044ce4044e 422 | Flipper: 6c1f484f9a88d30ab3e272800d53688439e50f69 423 | Flipper-DoubleConversion: 38631e41ef4f9b12861c67d17cb5518d06badc41 424 | Flipper-Folly: c12092ea368353b58e992843a990a3225d4533c3 425 | Flipper-Glog: 1dfd6abf1e922806c52ceb8701a3599a79a200a6 426 | Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9 427 | Flipper-RSocket: 64e7431a55835eb953b0bf984ef3b90ae9fdddd7 428 | FlipperKit: 6dc9b8f4ef60d9e5ded7f0264db299c91f18832e 429 | Folly: 30e7936e1c45c08d884aa59369ed951a8e68cf51 430 | glog: 1f3da668190260b06b429bb211bfbee5cd790c28 431 | OpenSSL-Universal: 8b48cc0d10c1b2923617dfe5c178aa9ed2689355 432 | RCTRequired: cec6a34b3ac8a9915c37e7e4ad3aa74726ce4035 433 | RCTTypeSafety: 93006131180074cffa227a1075802c89a49dd4ce 434 | React: 29a8b1a02bd764fb7644ef04019270849b9a7ac3 435 | React-Core: b12bffb3f567fdf99510acb716ef1abd426e0e05 436 | React-CoreModules: 4a9b87bbe669d6c3173c0132c3328e3b000783d0 437 | React-cxxreact: e65f9c2ba0ac5be946f53548c1aaaee5873a8103 438 | React-jsi: b6dc94a6a12ff98e8877287a0b7620d365201161 439 | React-jsiexecutor: 1540d1c01bb493ae3124ed83351b1b6a155db7da 440 | React-jsinspector: 512e560d0e985d0e8c479a54a4e5c147a9c83493 441 | React-RCTActionSheet: f41ea8a811aac770e0cc6e0ad6b270c644ea8b7c 442 | React-RCTAnimation: 49ab98b1c1ff4445148b72a3d61554138565bad0 443 | React-RCTBlob: a332773f0ebc413a0ce85942a55b064471587a71 444 | React-RCTImage: e70be9b9c74fe4e42d0005f42cace7981c994ac3 445 | React-RCTLinking: c1b9739a88d56ecbec23b7f63650e44672ab2ad2 446 | React-RCTNetwork: 73138b6f45e5a2768ad93f3d57873c2a18d14b44 447 | React-RCTSettings: 6e3738a87e21b39a8cb08d627e68c44acf1e325a 448 | React-RCTText: fae545b10cfdb3d247c36c56f61a94cfd6dba41d 449 | React-RCTVibration: 4356114dbcba4ce66991096e51a66e61eda51256 450 | ReactCommon: ed4e11d27609d571e7eee8b65548efc191116eb3 451 | Yoga: 3ebccbdd559724312790e7742142d062476b698e 452 | YogaKit: f782866e155069a2cca2517aafea43200b01fd5a 453 | 454 | PODFILE CHECKSUM: b5ca405306d6dc4def829d6d5c25cf61424b39c1 455 | 456 | COCOAPODS: 1.8.4 457 | -------------------------------------------------------------------------------- /example/DraggableDemo/metro.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Metro configuration for React Native 3 | * https://github.com/facebook/react-native 4 | * 5 | * @format 6 | */ 7 | 8 | module.exports = { 9 | transformer: { 10 | getTransformOptions: async () => ({ 11 | transform: { 12 | experimentalImportSupport: false, 13 | inlineRequires: false, 14 | }, 15 | }), 16 | }, 17 | }; 18 | -------------------------------------------------------------------------------- /example/DraggableDemo/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "draggable-demo", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "android": "react-native run-android", 7 | "ios": "react-native run-ios", 8 | "start": "react-native start", 9 | "test": "jest", 10 | "lint": "eslint . --fix", 11 | "source": "cp ../../Draggable.js ." 12 | }, 13 | "dependencies": { 14 | "metro-react-native-babel-preset": "^0.58.0", 15 | "react": "16.11.0", 16 | "react-native": "0.62.2" 17 | }, 18 | "devDependencies": { 19 | "@babel/core": "^7.9.0", 20 | "@babel/runtime": "^7.9.2", 21 | "@react-native-community/eslint-config": "^1.0.0", 22 | "babel-jest": "^25.3.0", 23 | "eslint": "^6.8.0", 24 | "jest": "^25.3.0", 25 | "react-test-renderer": "16.11.0" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /example/DraggableDemo/src/App.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * 5 | * @format 6 | * @flow 7 | */ 8 | 9 | import React from 'react'; 10 | import {View, Button, Dimensions} from 'react-native'; 11 | import Draggable from '../Draggable'; // first, run "npm run source" to get Draggable.js 12 | import ChildComponent from './ChildComponent'; 13 | 14 | const {width, height} = Dimensions.get('window'); 15 | export default function App() { 16 | const [renderCount, setRenderCount] = React.useState(1); 17 | const [shouldReverse, setShouldReverse] = React.useState(false); 18 | const [drag01, setDrag01] = React.useState({x:100, y:200}); 19 | const [source, setSource] = React.useState(require('../img/trump1.png')); 20 | 21 | const changeFace = () => { 22 | console.log('drag release'); 23 | setSource(require('../img/trump2.png')); 24 | }; 25 | 26 | return ( 27 | 28 | 29 | 30 | 31 | 43 | console.log('drag')} 54 | onShortPressRelease={() => console.log('short press release')} 55 | onDragRelease={changeFace} 56 | onLongPress={() => console.log('long press')} 57 | onPressIn={() => console.log('in press')} 58 | onPressOut={() => console.log('out press')} 59 | onRelease={(e, wasDragging) => 60 | console.log(`was dragging is ${wasDragging}`) 61 | } 62 | // TODO onRelease={() => console.log('release')} 63 | /> 64 | alert('touched!!')} 77 | /> 78 |