/>`
18 |
19 | ### Props
20 |
21 | | Name | Type | Description |
22 | | ------------------ | ---------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
23 | | data | (T & { index: number \| null })[] | The data for each element, including the index of the element in the unsorted data array |
24 | | initialOrder | number[] | An array containing the initial order of each element in the unsorted data array (e.g. [1, 0] means data[1] is the first element, and data[0] is the second) |
25 | | itemWidth | number | The width of one grid tile |
26 | | itemHeight | number | The height of one grid tile |
27 | | itemMargin | number | The horizonal and vertical margin of each tile |
28 | | offsetY | number | The Y offset applied to the top of the grid |
29 | | renderItem | (item: T, index: number) => JSX.Element | Render prop to render the content of the tile. The data item is passed as a param |
30 | | deleteRenderItem | (item: T, index: number) => JSX.Element | Render prop to render the delete button of the tile |
31 | | deleteStyle | ViewStyle | The style passed to the element that wraps the deleteRenderItem. A top, left, right or bottom should be used to position the deleteRenderItem |
32 | | onOrderingFinished | (newOrder: number[]) => void | Callback function which is called whenever the order of tiles is changed |
33 |
34 | ## Recommended usage
35 |
36 | Whenever an element is deleted from the data array, the `DraggableGrid` component should be unmounted and then re-mounted, with a new `initialOrder` passed as a prop. This is so that the internal order SharedValue can be reinitialised correctly.
37 |
38 | The justification for this design decision is that if this were to be attempted using a `useEffect` inside the `DraggableGrid` component then this update would be a few frames out of sync, resulting in janky visuals and potentially crashes depending on how this package is being used. This is a tradeoff of the animations taking place on the UI thread instead of the JavaScript thread.
39 |
40 | ## Running the example
41 | 1. Clone this repo
42 | 2. `cd react-native-drag-to-sort-grid-mono/example`
43 | 3. Run `yarn`
44 | 4. Run `npx pod-install`
45 | 5. Run `yarn ios` or `yarn android`
46 |
47 |
--------------------------------------------------------------------------------
/example/.buckconfig:
--------------------------------------------------------------------------------
1 |
2 | [android]
3 | target = Google Inc.:Google APIs:23
4 |
5 | [maven_repositories]
6 | central = https://repo1.maven.org/maven2
7 |
--------------------------------------------------------------------------------
/example/.bundle/config:
--------------------------------------------------------------------------------
1 | BUNDLE_PATH: "vendor/bundle"
2 | BUNDLE_FORCE_RUBY_PLATFORM: 1
--------------------------------------------------------------------------------
/example/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | extends: '@react-native-community',
4 | parser: '@typescript-eslint/parser',
5 | plugins: ['@typescript-eslint'],
6 | overrides: [
7 | {
8 | files: ['*.ts', '*.tsx'],
9 | rules: {
10 | '@typescript-eslint/no-shadow': ['error'],
11 | 'no-shadow': 'off',
12 | 'no-undef': 'off',
13 | },
14 | },
15 | ],
16 | };
17 |
--------------------------------------------------------------------------------
/example/.gitignore:
--------------------------------------------------------------------------------
1 | # OSX
2 | #
3 | .DS_Store
4 |
5 | # Xcode
6 | #
7 | build/
8 | *.pbxuser
9 | !default.pbxuser
10 | *.mode1v3
11 | !default.mode1v3
12 | *.mode2v3
13 | !default.mode2v3
14 | *.perspectivev3
15 | !default.perspectivev3
16 | xcuserdata
17 | *.xccheckout
18 | *.moved-aside
19 | DerivedData
20 | *.hmap
21 | *.ipa
22 | *.xcuserstate
23 |
24 | # Android/IntelliJ
25 | #
26 | build/
27 | .idea
28 | .gradle
29 | local.properties
30 | *.iml
31 | *.hprof
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 | !debug.keystore
44 |
45 | # fastlane
46 | #
47 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
48 | # screenshots whenever they are needed.
49 | # For more information about the recommended setup visit:
50 | # https://docs.fastlane.tools/best-practices/source-control/
51 |
52 | */fastlane/report.xml
53 | */fastlane/Preview.html
54 | */fastlane/screenshots
55 |
56 | # Bundle artifact
57 | *.jsbundle
58 |
59 | # CocoaPods
60 | /ios/Pods/
61 |
--------------------------------------------------------------------------------
/example/.prettierrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | bracketSpacing: false,
3 | jsxBracketSameLine: true,
4 | singleQuote: true,
5 | trailingComma: 'all',
6 | arrowParens: 'avoid',
7 | };
8 |
--------------------------------------------------------------------------------
/example/.ruby-version:
--------------------------------------------------------------------------------
1 | 2.7.4
--------------------------------------------------------------------------------
/example/.watchmanconfig:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/example/App.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {NavigationContainer} from '@react-navigation/native';
3 | import {createNativeStackNavigator} from '@react-navigation/native-stack';
4 | import MainScreen from './screens/MainScreen';
5 |
6 | const Stack = createNativeStackNavigator();
7 |
8 | function App() {
9 | return (
10 |
11 |
12 |
13 |
14 |
15 | );
16 | }
17 |
18 | export default App;
19 |
--------------------------------------------------------------------------------
/example/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 | # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
3 | ruby '2.7.4'
4 | gem 'cocoapods', '~> 1.11', '>= 1.11.2'
5 |
--------------------------------------------------------------------------------
/example/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | CFPropertyList (3.0.5)
5 | rexml
6 | activesupport (6.1.4.6)
7 | concurrent-ruby (~> 1.0, >= 1.0.2)
8 | i18n (>= 1.6, < 2)
9 | minitest (>= 5.1)
10 | tzinfo (~> 2.0)
11 | zeitwerk (~> 2.3)
12 | addressable (2.8.0)
13 | public_suffix (>= 2.0.2, < 5.0)
14 | algoliasearch (1.27.5)
15 | httpclient (~> 2.8, >= 2.8.3)
16 | json (>= 1.5.1)
17 | atomos (0.1.3)
18 | claide (1.1.0)
19 | cocoapods (1.11.2)
20 | addressable (~> 2.8)
21 | claide (>= 1.0.2, < 2.0)
22 | cocoapods-core (= 1.11.2)
23 | cocoapods-deintegrate (>= 1.0.3, < 2.0)
24 | cocoapods-downloader (>= 1.4.0, < 2.0)
25 | cocoapods-plugins (>= 1.0.0, < 2.0)
26 | cocoapods-search (>= 1.0.0, < 2.0)
27 | cocoapods-trunk (>= 1.4.0, < 2.0)
28 | cocoapods-try (>= 1.1.0, < 2.0)
29 | colored2 (~> 3.1)
30 | escape (~> 0.0.4)
31 | fourflusher (>= 2.3.0, < 3.0)
32 | gh_inspector (~> 1.0)
33 | molinillo (~> 0.8.0)
34 | nap (~> 1.0)
35 | ruby-macho (>= 1.0, < 3.0)
36 | xcodeproj (>= 1.21.0, < 2.0)
37 | cocoapods-core (1.11.2)
38 | activesupport (>= 5.0, < 7)
39 | addressable (~> 2.8)
40 | algoliasearch (~> 1.0)
41 | concurrent-ruby (~> 1.1)
42 | fuzzy_match (~> 2.0.4)
43 | nap (~> 1.0)
44 | netrc (~> 0.11)
45 | public_suffix (~> 4.0)
46 | typhoeus (~> 1.0)
47 | cocoapods-deintegrate (1.0.5)
48 | cocoapods-downloader (1.5.1)
49 | cocoapods-plugins (1.0.0)
50 | nap
51 | cocoapods-search (1.0.1)
52 | cocoapods-trunk (1.6.0)
53 | nap (>= 0.8, < 2.0)
54 | netrc (~> 0.11)
55 | cocoapods-try (1.2.0)
56 | colored2 (3.1.2)
57 | concurrent-ruby (1.1.9)
58 | escape (0.0.4)
59 | ethon (0.15.0)
60 | ffi (>= 1.15.0)
61 | ffi (1.15.5)
62 | fourflusher (2.3.1)
63 | fuzzy_match (2.0.4)
64 | gh_inspector (1.1.3)
65 | httpclient (2.8.3)
66 | i18n (1.10.0)
67 | concurrent-ruby (~> 1.0)
68 | json (2.6.1)
69 | minitest (5.15.0)
70 | molinillo (0.8.0)
71 | nanaimo (0.3.0)
72 | nap (1.1.0)
73 | netrc (0.11.0)
74 | public_suffix (4.0.6)
75 | rexml (3.2.5)
76 | ruby-macho (2.5.1)
77 | typhoeus (1.4.0)
78 | ethon (>= 0.9.0)
79 | tzinfo (2.0.4)
80 | concurrent-ruby (~> 1.0)
81 | xcodeproj (1.21.0)
82 | CFPropertyList (>= 2.3.3, < 4.0)
83 | atomos (~> 0.1.3)
84 | claide (>= 1.0.2, < 2.0)
85 | colored2 (~> 3.1)
86 | nanaimo (~> 0.3.0)
87 | rexml (~> 3.2.4)
88 | zeitwerk (2.5.4)
89 | PLATFORMS
90 | ruby
91 | DEPENDENCIES
92 | cocoapods (~> 1.11, >= 1.11.2)
93 | RUBY VERSION
94 | ruby 2.7.4p191
95 | BUNDLED WITH
96 | 2.2.27
--------------------------------------------------------------------------------
/example/__tests__/App-test.tsx:
--------------------------------------------------------------------------------
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/_templates/component/with-prompt/component.ejs.t:
--------------------------------------------------------------------------------
1 | ---
2 | to: <%= location %>/<%= name %>/<%= name %>.tsx
3 | ---
4 | import React from 'react';
5 | import Styles from './styles';
6 |
7 | type Props = {
8 |
9 | };
10 |
11 | function <%= name %>({}: Props) {
12 | return (
13 |
14 | );
15 | }
16 |
17 | export default <%= name %>;
18 |
19 |
--------------------------------------------------------------------------------
/example/_templates/component/with-prompt/index.ejs.t:
--------------------------------------------------------------------------------
1 | ---
2 | to: <%= location %>/<%= name %>/index.ts
3 | ---
4 | import <%= name %> from './<%= name %>';
5 |
6 | export default <%= name %>;
7 |
8 |
--------------------------------------------------------------------------------
/example/_templates/component/with-prompt/prompt.js:
--------------------------------------------------------------------------------
1 | // see types of prompts:
2 | // https://github.com/enquirer/enquirer/tree/master/examples
3 | //
4 | module.exports = [
5 | {
6 | type: 'input',
7 | name: 'name',
8 | message: "What's your component name?",
9 | },
10 | {
11 | type: 'input',
12 | name: 'location',
13 | message: 'Where should your component live?',
14 | },
15 | ];
16 |
--------------------------------------------------------------------------------
/example/_templates/component/with-prompt/styles.ejs.t:
--------------------------------------------------------------------------------
1 | ---
2 | to: <%= location %>/<%= name %>/styles.ts
3 | ---
4 | import styled from 'styled-components/native';
5 |
6 | const Styles = {
7 |
8 | }
9 |
10 | export default Styles;
11 |
12 |
--------------------------------------------------------------------------------
/example/_templates/generator/help/index.ejs.t:
--------------------------------------------------------------------------------
1 | ---
2 | message: |
3 | hygen {bold generator new} --name [NAME] --action [ACTION]
4 | hygen {bold generator with-prompt} --name [NAME] --action [ACTION]
5 | ---
--------------------------------------------------------------------------------
/example/_templates/generator/new/hello.ejs.t:
--------------------------------------------------------------------------------
1 | ---
2 | to: _templates/<%= name %>/<%= action || 'new' %>/hello.ejs.t
3 | ---
4 | ---
5 | to: app/hello.js
6 | ---
7 | const hello = ```
8 | Hello!
9 | This is your first hygen template.
10 |
11 | Learn what it can do here:
12 |
13 | https://github.com/jondot/hygen
14 | ```
15 |
16 | console.log(hello)
17 |
18 |
19 |
--------------------------------------------------------------------------------
/example/_templates/generator/with-prompt/hello.ejs.t:
--------------------------------------------------------------------------------
1 | ---
2 | to: _templates/<%= name %>/<%= action || 'new' %>/hello.ejs.t
3 | ---
4 | ---
5 | to: app/hello.js
6 | ---
7 | const hello = ```
8 | Hello!
9 | This is your first prompt based hygen template.
10 |
11 | Learn what it can do here:
12 |
13 | https://github.com/jondot/hygen
14 | ```
15 |
16 | console.log(hello)
17 |
18 |
19 |
--------------------------------------------------------------------------------
/example/_templates/generator/with-prompt/prompt.ejs.t:
--------------------------------------------------------------------------------
1 | ---
2 | to: _templates/<%= name %>/<%= action || 'new' %>/prompt.js
3 | ---
4 |
5 | // see types of prompts:
6 | // https://github.com/enquirer/enquirer/tree/master/examples
7 | //
8 | module.exports = [
9 | {
10 | type: 'input',
11 | name: 'message',
12 | message: "What's your message?"
13 | }
14 | ]
15 |
--------------------------------------------------------------------------------
/example/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.example",
39 | )
40 |
41 | android_resource(
42 | name = "res",
43 | package = "com.example",
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/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://reactnative.dev/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 that value will be read 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 | /**
124 | * Architectures to build native code for in debug.
125 | */
126 | def nativeArchitectures = project.getProperties().get("reactNativeDebugArchitectures")
127 |
128 | android {
129 | ndkVersion rootProject.ext.ndkVersion
130 |
131 | compileSdkVersion rootProject.ext.compileSdkVersion
132 |
133 | defaultConfig {
134 | applicationId "com.example"
135 | minSdkVersion rootProject.ext.minSdkVersion
136 | targetSdkVersion rootProject.ext.targetSdkVersion
137 | versionCode 1
138 | versionName "1.0"
139 | }
140 | splits {
141 | abi {
142 | reset()
143 | enable enableSeparateBuildPerCPUArchitecture
144 | universalApk false // If true, also generate a universal APK
145 | include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
146 | }
147 | }
148 | signingConfigs {
149 | debug {
150 | storeFile file('debug.keystore')
151 | storePassword 'android'
152 | keyAlias 'androiddebugkey'
153 | keyPassword 'android'
154 | }
155 | }
156 | buildTypes {
157 | debug {
158 | signingConfig signingConfigs.debug
159 | if (nativeArchitectures) {
160 | ndk {
161 | abiFilters nativeArchitectures.split(',')
162 | }
163 | }
164 | }
165 | release {
166 | // Caution! In production, you need to generate your own keystore file.
167 | // see https://reactnative.dev/docs/signed-apk-android.
168 | signingConfig signingConfigs.debug
169 | minifyEnabled enableProguardInReleaseBuilds
170 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
171 | }
172 | }
173 |
174 | // applicationVariants are e.g. debug, release
175 | applicationVariants.all { variant ->
176 | variant.outputs.each { output ->
177 | // For each separate APK per architecture, set a unique version code as described here:
178 | // https://developer.android.com/studio/build/configure-apk-splits.html
179 | // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc.
180 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
181 | def abi = output.getFilter(OutputFile.ABI)
182 | if (abi != null) { // null for the universal-debug, universal-release variants
183 | output.versionCodeOverride =
184 | defaultConfig.versionCode * 1000 + versionCodes.get(abi)
185 | }
186 |
187 | }
188 | }
189 | }
190 |
191 | dependencies {
192 | implementation fileTree(dir: "libs", include: ["*.jar"])
193 | //noinspection GradleDynamicVersion
194 | implementation "com.facebook.react:react-native:+" // From node_modules
195 |
196 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
197 |
198 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
199 | exclude group:'com.facebook.fbjni'
200 | }
201 |
202 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
203 | exclude group:'com.facebook.flipper'
204 | exclude group:'com.squareup.okhttp3', module:'okhttp'
205 | }
206 |
207 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
208 | exclude group:'com.facebook.flipper'
209 | }
210 |
211 | if (enableHermes) {
212 | def hermesPath = "../../node_modules/hermes-engine/android/";
213 | debugImplementation files(hermesPath + "hermes-debug.aar")
214 | releaseImplementation files(hermesPath + "hermes-release.aar")
215 | } else {
216 | implementation jscFlavor
217 | }
218 | }
219 |
220 | // Run this once to be able to run the application with BUCK
221 | // puts all compile dependencies into folder libs for BUCK to use
222 | task copyDownloadableDepsToLibs(type: Copy) {
223 | from configurations.implementation
224 | into 'libs'
225 | }
226 |
227 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
228 |
--------------------------------------------------------------------------------
/example/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/android/app/debug.keystore:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/debug.keystore
--------------------------------------------------------------------------------
/example/android/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # By default, the flags in this file are appended to flags specified
3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
4 | # You can edit the include path and order by changing the proguardFiles
5 | # directive in build.gradle.
6 | #
7 | # For more details, see
8 | # http://developer.android.com/guide/developing/tools/proguard.html
9 |
10 | # Add any project specific keep options here:
11 |
--------------------------------------------------------------------------------
/example/android/app/src/debug/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/example/android/app/src/debug/java/com/example/ReactNativeFlipper.java:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Facebook, Inc. and its affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the LICENSE file in the root
5 | * directory of this source tree.
6 | */
7 | package com.example;
8 |
9 | import android.content.Context;
10 | import com.facebook.flipper.android.AndroidFlipperClient;
11 | import com.facebook.flipper.android.utils.FlipperUtils;
12 | import com.facebook.flipper.core.FlipperClient;
13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping;
17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin;
21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
22 | import com.facebook.react.ReactInstanceManager;
23 | import com.facebook.react.bridge.ReactContext;
24 | import com.facebook.react.modules.network.NetworkingModule;
25 | import okhttp3.OkHttpClient;
26 |
27 | public class ReactNativeFlipper {
28 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
29 | if (FlipperUtils.shouldEnableFlipper(context)) {
30 | final FlipperClient client = AndroidFlipperClient.getInstance(context);
31 |
32 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
33 | client.addPlugin(new ReactFlipperPlugin());
34 | client.addPlugin(new DatabasesFlipperPlugin(context));
35 | client.addPlugin(new SharedPreferencesFlipperPlugin(context));
36 | client.addPlugin(CrashReporterPlugin.getInstance());
37 |
38 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
39 | NetworkingModule.setCustomClientBuilder(
40 | new NetworkingModule.CustomClientBuilder() {
41 | @Override
42 | public void apply(OkHttpClient.Builder builder) {
43 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
44 | }
45 | });
46 | client.addPlugin(networkFlipperPlugin);
47 | client.start();
48 |
49 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
50 | // Hence we run if after all native modules have been initialized
51 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
52 | if (reactContext == null) {
53 | reactInstanceManager.addReactInstanceEventListener(
54 | new ReactInstanceManager.ReactInstanceEventListener() {
55 | @Override
56 | public void onReactContextInitialized(ReactContext reactContext) {
57 | reactInstanceManager.removeReactInstanceEventListener(this);
58 | reactContext.runOnNativeModulesQueueThread(
59 | new Runnable() {
60 | @Override
61 | public void run() {
62 | client.addPlugin(new FrescoFlipperPlugin());
63 | }
64 | });
65 | }
66 | });
67 | } else {
68 | client.addPlugin(new FrescoFlipperPlugin());
69 | }
70 | }
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/example/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
13 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/example/android/app/src/main/java/com/example/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.example;
2 |
3 | import android.os.Bundle;
4 | import com.facebook.react.ReactActivity;
5 |
6 | public class MainActivity extends ReactActivity {
7 |
8 | /**
9 | * Returns the name of the main component registered from JavaScript. This is used to schedule
10 | * rendering of the component.
11 | */
12 | @Override
13 | protected String getMainComponentName() {
14 | return "example";
15 | }
16 |
17 | @Override
18 | protected void onCreate(Bundle savedInstanceState) {
19 | super.onCreate(null);
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/example/android/app/src/main/java/com/example/MainApplication.java:
--------------------------------------------------------------------------------
1 | package com.example;
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.example.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/android/app/src/main/res/drawable/rn_edit_text_material.xml:
--------------------------------------------------------------------------------
1 |
2 |
13 |
18 |
19 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | example
3 |
4 |
--------------------------------------------------------------------------------
/example/android/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/example/android/build.gradle:
--------------------------------------------------------------------------------
1 | // Top-level build file where you can add configuration options common to all sub-projects/modules.
2 |
3 | buildscript {
4 | ext {
5 | buildToolsVersion = "30.0.2"
6 | minSdkVersion = 21
7 | compileSdkVersion = 30
8 | targetSdkVersion = 30
9 | ndkVersion = "21.4.7075529"
10 | }
11 | repositories {
12 | google()
13 | mavenCentral()
14 | }
15 | dependencies {
16 | classpath("com.android.tools.build:gradle:4.2.2")
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 | maven {
25 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
26 | url("$rootDir/../node_modules/react-native/android")
27 | }
28 | maven {
29 | // Android JSC is installed from npm
30 | url("$rootDir/../node_modules/jsc-android/dist")
31 | }
32 | mavenCentral {
33 | // We don't want to fetch react-native from Maven Central as there are
34 | // older versions over there.
35 | content {
36 | excludeGroup "com.facebook.react"
37 | }
38 | }
39 | google()
40 | maven { url 'https://www.jitpack.io' }
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/example/android/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 |
3 | # IDE (e.g. Android Studio) users:
4 | # Gradle settings configured through the IDE *will override*
5 | # any settings specified in this file.
6 |
7 | # For more details on how to configure your build environment visit
8 | # http://www.gradle.org/docs/current/userguide/build_environment.html
9 |
10 | # Specifies the JVM arguments used for the daemon process.
11 | # The setting is particularly useful for tweaking memory settings.
12 | # Default value: -Xmx1024m -XX:MaxPermSize=256m
13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
14 |
15 | # When configured, Gradle will run in incubating parallel mode.
16 | # This option should only be used with decoupled projects. More details, visit
17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
18 | # org.gradle.parallel=true
19 |
20 | # AndroidX package structure to make it clearer which packages are bundled with the
21 | # Android operating system, and which are packaged with your app's APK
22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn
23 | android.useAndroidX=true
24 | # Automatically convert third-party libraries to use AndroidX
25 | android.enableJetifier=true
26 |
27 | # Version of flipper SDK to use with React Native
28 | FLIPPER_VERSION=0.99.0
29 |
--------------------------------------------------------------------------------
/example/android/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/android/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/example/android/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | distributionBase=GRADLE_USER_HOME
2 | distributionPath=wrapper/dists
3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.2-all.zip
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 |
--------------------------------------------------------------------------------
/example/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 |
86 | # Determine the Java command to use to start the JVM.
87 | if [ -n "$JAVA_HOME" ] ; then
88 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
89 | # IBM's JDK on AIX uses strange locations for the executables
90 | JAVACMD="$JAVA_HOME/jre/sh/java"
91 | else
92 | JAVACMD="$JAVA_HOME/bin/java"
93 | fi
94 | if [ ! -x "$JAVACMD" ] ; then
95 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
96 |
97 | Please set the JAVA_HOME variable in your environment to match the
98 | location of your Java installation."
99 | fi
100 | else
101 | JAVACMD="java"
102 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
103 |
104 | Please set the JAVA_HOME variable in your environment to match the
105 | location of your Java installation."
106 | fi
107 |
108 | # Increase the maximum file descriptors if we can.
109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
110 | MAX_FD_LIMIT=`ulimit -H -n`
111 | if [ $? -eq 0 ] ; then
112 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
113 | MAX_FD="$MAX_FD_LIMIT"
114 | fi
115 | ulimit -n $MAX_FD
116 | if [ $? -ne 0 ] ; then
117 | warn "Could not set maximum file descriptor limit: $MAX_FD"
118 | fi
119 | else
120 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
121 | fi
122 | fi
123 |
124 | # For Darwin, add options to specify how the application appears in the dock
125 | if $darwin; then
126 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
127 | fi
128 |
129 | # For Cygwin or MSYS, switch paths to Windows format before running java
130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
131 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
132 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
133 |
134 | JAVACMD=`cygpath --unix "$JAVACMD"`
135 |
136 | # We build the pattern for arguments to be converted via cygpath
137 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
138 | SEP=""
139 | for dir in $ROOTDIRSRAW ; do
140 | ROOTDIRS="$ROOTDIRS$SEP$dir"
141 | SEP="|"
142 | done
143 | OURCYGPATTERN="(^($ROOTDIRS))"
144 | # Add a user-defined pattern to the cygpath arguments
145 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
146 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
147 | fi
148 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
149 | i=0
150 | for arg in "$@" ; do
151 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
152 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
153 |
154 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
155 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
156 | else
157 | eval `echo args$i`="\"$arg\""
158 | fi
159 | i=`expr $i + 1`
160 | done
161 | case $i in
162 | 0) set -- ;;
163 | 1) set -- "$args0" ;;
164 | 2) set -- "$args0" "$args1" ;;
165 | 3) set -- "$args0" "$args1" "$args2" ;;
166 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;;
167 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
168 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
169 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
170 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
171 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
172 | esac
173 | fi
174 |
175 | # Escape application args
176 | save () {
177 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
178 | echo " "
179 | }
180 | APP_ARGS=`save "$@"`
181 |
182 | # Collect all arguments for the java command, following the shell quoting and substitution rules
183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
184 |
185 | exec "$JAVACMD" "$@"
186 |
--------------------------------------------------------------------------------
/example/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 https://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 Resolve any "." and ".." in APP_HOME to make it shorter.
33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
34 |
35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
37 |
38 | @rem Find java.exe
39 | if defined JAVA_HOME goto findJavaFromJavaHome
40 |
41 | set JAVA_EXE=java.exe
42 | %JAVA_EXE% -version >NUL 2>&1
43 | if "%ERRORLEVEL%" == "0" goto execute
44 |
45 | echo.
46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
47 | echo.
48 | echo Please set the JAVA_HOME variable in your environment to match the
49 | echo location of your Java installation.
50 |
51 | goto fail
52 |
53 | :findJavaFromJavaHome
54 | set JAVA_HOME=%JAVA_HOME:"=%
55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
56 |
57 | if exist "%JAVA_EXE%" goto execute
58 |
59 | echo.
60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
61 | echo.
62 | echo Please set the JAVA_HOME variable in your environment to match the
63 | echo location of your Java installation.
64 |
65 | goto fail
66 |
67 | :execute
68 | @rem Setup the command line
69 |
70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
71 |
72 |
73 | @rem Execute Gradle
74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
75 |
76 | :end
77 | @rem End local scope for the variables with windows NT shell
78 | if "%ERRORLEVEL%"=="0" goto mainEnd
79 |
80 | :fail
81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
82 | rem the _cmd.exe /c_ return code!
83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
84 | exit /b 1
85 |
86 | :mainEnd
87 | if "%OS%"=="Windows_NT" endlocal
88 |
89 | :omega
90 |
--------------------------------------------------------------------------------
/example/android/settings.gradle:
--------------------------------------------------------------------------------
1 | rootProject.name = 'example'
2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
3 | include ':app'
4 |
--------------------------------------------------------------------------------
/example/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "example",
3 | "displayName": "example"
4 | }
--------------------------------------------------------------------------------
/example/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: ['module:metro-react-native-babel-preset'],
3 | plugins: ['react-native-reanimated/plugin'],
4 | };
5 |
--------------------------------------------------------------------------------
/example/common/components/DeleteButton/DeleteButton.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Button, Text} from 'react-native';
3 | import {TouchableOpacity} from 'react-native-gesture-handler';
4 | import Styles from './styles';
5 |
6 | type Props = {
7 | size: number;
8 | onPress: () => void;
9 | };
10 |
11 | function DeleteButton({size, onPress}: Props) {
12 | return (
13 |
14 |
16 | X
17 |
18 |
19 | );
20 | }
21 |
22 | export default DeleteButton;
23 |
--------------------------------------------------------------------------------
/example/common/components/DeleteButton/index.ts:
--------------------------------------------------------------------------------
1 | import DeleteButton from './DeleteButton';
2 |
3 | export default DeleteButton;
4 |
--------------------------------------------------------------------------------
/example/common/components/DeleteButton/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components/native';
2 | import colors from '../../helpers/colors';
3 |
4 | const Styles = {
5 | Wrapper: styled.View`
6 | justify-content: center;
7 | align-items: center;
8 | background-color: ${colors.pink};
9 | `,
10 | };
11 |
12 | export default Styles;
13 |
--------------------------------------------------------------------------------
/example/common/components/Tile/Tile.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Text} from 'react-native';
3 | import Styles from './styles';
4 |
5 | type Props = {
6 | index: number;
7 | width: number;
8 | height: number;
9 | };
10 |
11 | function Tile({index, width, height}: Props) {
12 | return (
13 |
14 | {`Tile: ${index}`}
15 |
16 | );
17 | }
18 |
19 | export default Tile;
20 |
--------------------------------------------------------------------------------
/example/common/components/Tile/index.ts:
--------------------------------------------------------------------------------
1 | import Tile from './Tile';
2 |
3 | export default Tile;
4 |
--------------------------------------------------------------------------------
/example/common/components/Tile/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components/native';
2 | import colors from '../../helpers/colors';
3 |
4 | const Styles = {
5 | Wrapper: styled.View`
6 | border-radius: 8px;
7 | background-color: ${colors.lightPink};
8 | justify-content: center;
9 | align-items: center;
10 | border-color: ${colors.white};
11 | border-width: 1px;
12 | `,
13 | };
14 |
15 | export default Styles;
16 |
--------------------------------------------------------------------------------
/example/common/helpers/colors.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | lightPink: '#fce7e8',
3 | pink: '#F6B1B4',
4 | white: '#FFFFFF',
5 | darkBlue: '#202044',
6 | };
7 |
--------------------------------------------------------------------------------
/example/gif.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/RyanMan56/react-native-drag-to-sort-grid-mono/348f0121fa7ae7e8949f8341a2212fd815296575/example/gif.gif
--------------------------------------------------------------------------------
/example/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @format
3 | */
4 |
5 | import {AppRegistry} from 'react-native';
6 | import App from './App';
7 | import {name as appName} from './app.json';
8 |
9 | AppRegistry.registerComponent(appName, () => App);
10 |
--------------------------------------------------------------------------------
/example/ios/Podfile:
--------------------------------------------------------------------------------
1 | require_relative '../node_modules/react-native/scripts/react_native_pods'
2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
3 |
4 | platform :ios, '11.0'
5 |
6 | target 'example' do
7 | config = use_native_modules!
8 |
9 | use_react_native!(
10 | :path => config[:reactNativePath],
11 | # to enable hermes on iOS, change `false` to `true` and then install pods
12 | :hermes_enabled => false
13 | )
14 |
15 | target 'exampleTests' do
16 | inherit! :complete
17 | # Pods for testing
18 | end
19 |
20 | # Enables Flipper.
21 | #
22 | # Note that if you have use_frameworks! enabled, Flipper will not work and
23 | # you should disable the next line.
24 | use_flipper!()
25 |
26 | post_install do |installer|
27 | react_native_post_install(installer)
28 | __apply_Xcode_12_5_M1_post_install_workaround(installer)
29 | end
30 | end
--------------------------------------------------------------------------------
/example/ios/Podfile.lock:
--------------------------------------------------------------------------------
1 | PODS:
2 | - boost (1.76.0)
3 | - CocoaAsyncSocket (7.6.5)
4 | - DoubleConversion (1.1.6)
5 | - FBLazyVector (0.67.3)
6 | - FBReactNativeSpec (0.67.3):
7 | - RCT-Folly (= 2021.06.28.00-v2)
8 | - RCTRequired (= 0.67.3)
9 | - RCTTypeSafety (= 0.67.3)
10 | - React-Core (= 0.67.3)
11 | - React-jsi (= 0.67.3)
12 | - ReactCommon/turbomodule/core (= 0.67.3)
13 | - Flipper (0.99.0):
14 | - Flipper-Folly (~> 2.6)
15 | - Flipper-RSocket (~> 1.4)
16 | - Flipper-Boost-iOSX (1.76.0.1.11)
17 | - Flipper-DoubleConversion (3.1.7)
18 | - Flipper-Fmt (7.1.7)
19 | - Flipper-Folly (2.6.7):
20 | - Flipper-Boost-iOSX
21 | - Flipper-DoubleConversion
22 | - Flipper-Fmt (= 7.1.7)
23 | - Flipper-Glog
24 | - libevent (~> 2.1.12)
25 | - OpenSSL-Universal (= 1.1.180)
26 | - Flipper-Glog (0.3.6)
27 | - Flipper-PeerTalk (0.0.4)
28 | - Flipper-RSocket (1.4.3):
29 | - Flipper-Folly (~> 2.6)
30 | - FlipperKit (0.99.0):
31 | - FlipperKit/Core (= 0.99.0)
32 | - FlipperKit/Core (0.99.0):
33 | - Flipper (~> 0.99.0)
34 | - FlipperKit/CppBridge
35 | - FlipperKit/FBCxxFollyDynamicConvert
36 | - FlipperKit/FBDefines
37 | - FlipperKit/FKPortForwarding
38 | - FlipperKit/CppBridge (0.99.0):
39 | - Flipper (~> 0.99.0)
40 | - FlipperKit/FBCxxFollyDynamicConvert (0.99.0):
41 | - Flipper-Folly (~> 2.6)
42 | - FlipperKit/FBDefines (0.99.0)
43 | - FlipperKit/FKPortForwarding (0.99.0):
44 | - CocoaAsyncSocket (~> 7.6)
45 | - Flipper-PeerTalk (~> 0.0.4)
46 | - FlipperKit/FlipperKitHighlightOverlay (0.99.0)
47 | - FlipperKit/FlipperKitLayoutHelpers (0.99.0):
48 | - FlipperKit/Core
49 | - FlipperKit/FlipperKitHighlightOverlay
50 | - FlipperKit/FlipperKitLayoutTextSearchable
51 | - FlipperKit/FlipperKitLayoutIOSDescriptors (0.99.0):
52 | - FlipperKit/Core
53 | - FlipperKit/FlipperKitHighlightOverlay
54 | - FlipperKit/FlipperKitLayoutHelpers
55 | - YogaKit (~> 1.18)
56 | - FlipperKit/FlipperKitLayoutPlugin (0.99.0):
57 | - FlipperKit/Core
58 | - FlipperKit/FlipperKitHighlightOverlay
59 | - FlipperKit/FlipperKitLayoutHelpers
60 | - FlipperKit/FlipperKitLayoutIOSDescriptors
61 | - FlipperKit/FlipperKitLayoutTextSearchable
62 | - YogaKit (~> 1.18)
63 | - FlipperKit/FlipperKitLayoutTextSearchable (0.99.0)
64 | - FlipperKit/FlipperKitNetworkPlugin (0.99.0):
65 | - FlipperKit/Core
66 | - FlipperKit/FlipperKitReactPlugin (0.99.0):
67 | - FlipperKit/Core
68 | - FlipperKit/FlipperKitUserDefaultsPlugin (0.99.0):
69 | - FlipperKit/Core
70 | - FlipperKit/SKIOSNetworkPlugin (0.99.0):
71 | - FlipperKit/Core
72 | - FlipperKit/FlipperKitNetworkPlugin
73 | - fmt (6.2.1)
74 | - glog (0.3.5)
75 | - libevent (2.1.12)
76 | - OpenSSL-Universal (1.1.180)
77 | - RCT-Folly (2021.06.28.00-v2):
78 | - boost
79 | - DoubleConversion
80 | - fmt (~> 6.2.1)
81 | - glog
82 | - RCT-Folly/Default (= 2021.06.28.00-v2)
83 | - RCT-Folly/Default (2021.06.28.00-v2):
84 | - boost
85 | - DoubleConversion
86 | - fmt (~> 6.2.1)
87 | - glog
88 | - RCTRequired (0.67.3)
89 | - RCTTypeSafety (0.67.3):
90 | - FBLazyVector (= 0.67.3)
91 | - RCT-Folly (= 2021.06.28.00-v2)
92 | - RCTRequired (= 0.67.3)
93 | - React-Core (= 0.67.3)
94 | - React (0.67.3):
95 | - React-Core (= 0.67.3)
96 | - React-Core/DevSupport (= 0.67.3)
97 | - React-Core/RCTWebSocket (= 0.67.3)
98 | - React-RCTActionSheet (= 0.67.3)
99 | - React-RCTAnimation (= 0.67.3)
100 | - React-RCTBlob (= 0.67.3)
101 | - React-RCTImage (= 0.67.3)
102 | - React-RCTLinking (= 0.67.3)
103 | - React-RCTNetwork (= 0.67.3)
104 | - React-RCTSettings (= 0.67.3)
105 | - React-RCTText (= 0.67.3)
106 | - React-RCTVibration (= 0.67.3)
107 | - React-callinvoker (0.67.3)
108 | - React-Core (0.67.3):
109 | - glog
110 | - RCT-Folly (= 2021.06.28.00-v2)
111 | - React-Core/Default (= 0.67.3)
112 | - React-cxxreact (= 0.67.3)
113 | - React-jsi (= 0.67.3)
114 | - React-jsiexecutor (= 0.67.3)
115 | - React-perflogger (= 0.67.3)
116 | - Yoga
117 | - React-Core/CoreModulesHeaders (0.67.3):
118 | - glog
119 | - RCT-Folly (= 2021.06.28.00-v2)
120 | - React-Core/Default
121 | - React-cxxreact (= 0.67.3)
122 | - React-jsi (= 0.67.3)
123 | - React-jsiexecutor (= 0.67.3)
124 | - React-perflogger (= 0.67.3)
125 | - Yoga
126 | - React-Core/Default (0.67.3):
127 | - glog
128 | - RCT-Folly (= 2021.06.28.00-v2)
129 | - React-cxxreact (= 0.67.3)
130 | - React-jsi (= 0.67.3)
131 | - React-jsiexecutor (= 0.67.3)
132 | - React-perflogger (= 0.67.3)
133 | - Yoga
134 | - React-Core/DevSupport (0.67.3):
135 | - glog
136 | - RCT-Folly (= 2021.06.28.00-v2)
137 | - React-Core/Default (= 0.67.3)
138 | - React-Core/RCTWebSocket (= 0.67.3)
139 | - React-cxxreact (= 0.67.3)
140 | - React-jsi (= 0.67.3)
141 | - React-jsiexecutor (= 0.67.3)
142 | - React-jsinspector (= 0.67.3)
143 | - React-perflogger (= 0.67.3)
144 | - Yoga
145 | - React-Core/RCTActionSheetHeaders (0.67.3):
146 | - glog
147 | - RCT-Folly (= 2021.06.28.00-v2)
148 | - React-Core/Default
149 | - React-cxxreact (= 0.67.3)
150 | - React-jsi (= 0.67.3)
151 | - React-jsiexecutor (= 0.67.3)
152 | - React-perflogger (= 0.67.3)
153 | - Yoga
154 | - React-Core/RCTAnimationHeaders (0.67.3):
155 | - glog
156 | - RCT-Folly (= 2021.06.28.00-v2)
157 | - React-Core/Default
158 | - React-cxxreact (= 0.67.3)
159 | - React-jsi (= 0.67.3)
160 | - React-jsiexecutor (= 0.67.3)
161 | - React-perflogger (= 0.67.3)
162 | - Yoga
163 | - React-Core/RCTBlobHeaders (0.67.3):
164 | - glog
165 | - RCT-Folly (= 2021.06.28.00-v2)
166 | - React-Core/Default
167 | - React-cxxreact (= 0.67.3)
168 | - React-jsi (= 0.67.3)
169 | - React-jsiexecutor (= 0.67.3)
170 | - React-perflogger (= 0.67.3)
171 | - Yoga
172 | - React-Core/RCTImageHeaders (0.67.3):
173 | - glog
174 | - RCT-Folly (= 2021.06.28.00-v2)
175 | - React-Core/Default
176 | - React-cxxreact (= 0.67.3)
177 | - React-jsi (= 0.67.3)
178 | - React-jsiexecutor (= 0.67.3)
179 | - React-perflogger (= 0.67.3)
180 | - Yoga
181 | - React-Core/RCTLinkingHeaders (0.67.3):
182 | - glog
183 | - RCT-Folly (= 2021.06.28.00-v2)
184 | - React-Core/Default
185 | - React-cxxreact (= 0.67.3)
186 | - React-jsi (= 0.67.3)
187 | - React-jsiexecutor (= 0.67.3)
188 | - React-perflogger (= 0.67.3)
189 | - Yoga
190 | - React-Core/RCTNetworkHeaders (0.67.3):
191 | - glog
192 | - RCT-Folly (= 2021.06.28.00-v2)
193 | - React-Core/Default
194 | - React-cxxreact (= 0.67.3)
195 | - React-jsi (= 0.67.3)
196 | - React-jsiexecutor (= 0.67.3)
197 | - React-perflogger (= 0.67.3)
198 | - Yoga
199 | - React-Core/RCTSettingsHeaders (0.67.3):
200 | - glog
201 | - RCT-Folly (= 2021.06.28.00-v2)
202 | - React-Core/Default
203 | - React-cxxreact (= 0.67.3)
204 | - React-jsi (= 0.67.3)
205 | - React-jsiexecutor (= 0.67.3)
206 | - React-perflogger (= 0.67.3)
207 | - Yoga
208 | - React-Core/RCTTextHeaders (0.67.3):
209 | - glog
210 | - RCT-Folly (= 2021.06.28.00-v2)
211 | - React-Core/Default
212 | - React-cxxreact (= 0.67.3)
213 | - React-jsi (= 0.67.3)
214 | - React-jsiexecutor (= 0.67.3)
215 | - React-perflogger (= 0.67.3)
216 | - Yoga
217 | - React-Core/RCTVibrationHeaders (0.67.3):
218 | - glog
219 | - RCT-Folly (= 2021.06.28.00-v2)
220 | - React-Core/Default
221 | - React-cxxreact (= 0.67.3)
222 | - React-jsi (= 0.67.3)
223 | - React-jsiexecutor (= 0.67.3)
224 | - React-perflogger (= 0.67.3)
225 | - Yoga
226 | - React-Core/RCTWebSocket (0.67.3):
227 | - glog
228 | - RCT-Folly (= 2021.06.28.00-v2)
229 | - React-Core/Default (= 0.67.3)
230 | - React-cxxreact (= 0.67.3)
231 | - React-jsi (= 0.67.3)
232 | - React-jsiexecutor (= 0.67.3)
233 | - React-perflogger (= 0.67.3)
234 | - Yoga
235 | - React-CoreModules (0.67.3):
236 | - FBReactNativeSpec (= 0.67.3)
237 | - RCT-Folly (= 2021.06.28.00-v2)
238 | - RCTTypeSafety (= 0.67.3)
239 | - React-Core/CoreModulesHeaders (= 0.67.3)
240 | - React-jsi (= 0.67.3)
241 | - React-RCTImage (= 0.67.3)
242 | - ReactCommon/turbomodule/core (= 0.67.3)
243 | - React-cxxreact (0.67.3):
244 | - boost (= 1.76.0)
245 | - DoubleConversion
246 | - glog
247 | - RCT-Folly (= 2021.06.28.00-v2)
248 | - React-callinvoker (= 0.67.3)
249 | - React-jsi (= 0.67.3)
250 | - React-jsinspector (= 0.67.3)
251 | - React-logger (= 0.67.3)
252 | - React-perflogger (= 0.67.3)
253 | - React-runtimeexecutor (= 0.67.3)
254 | - React-jsi (0.67.3):
255 | - boost (= 1.76.0)
256 | - DoubleConversion
257 | - glog
258 | - RCT-Folly (= 2021.06.28.00-v2)
259 | - React-jsi/Default (= 0.67.3)
260 | - React-jsi/Default (0.67.3):
261 | - boost (= 1.76.0)
262 | - DoubleConversion
263 | - glog
264 | - RCT-Folly (= 2021.06.28.00-v2)
265 | - React-jsiexecutor (0.67.3):
266 | - DoubleConversion
267 | - glog
268 | - RCT-Folly (= 2021.06.28.00-v2)
269 | - React-cxxreact (= 0.67.3)
270 | - React-jsi (= 0.67.3)
271 | - React-perflogger (= 0.67.3)
272 | - React-jsinspector (0.67.3)
273 | - React-logger (0.67.3):
274 | - glog
275 | - react-native-safe-area-context (4.2.1):
276 | - RCT-Folly
277 | - RCTRequired
278 | - RCTTypeSafety
279 | - React
280 | - ReactCommon/turbomodule/core
281 | - React-perflogger (0.67.3)
282 | - React-RCTActionSheet (0.67.3):
283 | - React-Core/RCTActionSheetHeaders (= 0.67.3)
284 | - React-RCTAnimation (0.67.3):
285 | - FBReactNativeSpec (= 0.67.3)
286 | - RCT-Folly (= 2021.06.28.00-v2)
287 | - RCTTypeSafety (= 0.67.3)
288 | - React-Core/RCTAnimationHeaders (= 0.67.3)
289 | - React-jsi (= 0.67.3)
290 | - ReactCommon/turbomodule/core (= 0.67.3)
291 | - React-RCTBlob (0.67.3):
292 | - FBReactNativeSpec (= 0.67.3)
293 | - RCT-Folly (= 2021.06.28.00-v2)
294 | - React-Core/RCTBlobHeaders (= 0.67.3)
295 | - React-Core/RCTWebSocket (= 0.67.3)
296 | - React-jsi (= 0.67.3)
297 | - React-RCTNetwork (= 0.67.3)
298 | - ReactCommon/turbomodule/core (= 0.67.3)
299 | - React-RCTImage (0.67.3):
300 | - FBReactNativeSpec (= 0.67.3)
301 | - RCT-Folly (= 2021.06.28.00-v2)
302 | - RCTTypeSafety (= 0.67.3)
303 | - React-Core/RCTImageHeaders (= 0.67.3)
304 | - React-jsi (= 0.67.3)
305 | - React-RCTNetwork (= 0.67.3)
306 | - ReactCommon/turbomodule/core (= 0.67.3)
307 | - React-RCTLinking (0.67.3):
308 | - FBReactNativeSpec (= 0.67.3)
309 | - React-Core/RCTLinkingHeaders (= 0.67.3)
310 | - React-jsi (= 0.67.3)
311 | - ReactCommon/turbomodule/core (= 0.67.3)
312 | - React-RCTNetwork (0.67.3):
313 | - FBReactNativeSpec (= 0.67.3)
314 | - RCT-Folly (= 2021.06.28.00-v2)
315 | - RCTTypeSafety (= 0.67.3)
316 | - React-Core/RCTNetworkHeaders (= 0.67.3)
317 | - React-jsi (= 0.67.3)
318 | - ReactCommon/turbomodule/core (= 0.67.3)
319 | - React-RCTSettings (0.67.3):
320 | - FBReactNativeSpec (= 0.67.3)
321 | - RCT-Folly (= 2021.06.28.00-v2)
322 | - RCTTypeSafety (= 0.67.3)
323 | - React-Core/RCTSettingsHeaders (= 0.67.3)
324 | - React-jsi (= 0.67.3)
325 | - ReactCommon/turbomodule/core (= 0.67.3)
326 | - React-RCTText (0.67.3):
327 | - React-Core/RCTTextHeaders (= 0.67.3)
328 | - React-RCTVibration (0.67.3):
329 | - FBReactNativeSpec (= 0.67.3)
330 | - RCT-Folly (= 2021.06.28.00-v2)
331 | - React-Core/RCTVibrationHeaders (= 0.67.3)
332 | - React-jsi (= 0.67.3)
333 | - ReactCommon/turbomodule/core (= 0.67.3)
334 | - React-runtimeexecutor (0.67.3):
335 | - React-jsi (= 0.67.3)
336 | - ReactCommon/turbomodule/core (0.67.3):
337 | - DoubleConversion
338 | - glog
339 | - RCT-Folly (= 2021.06.28.00-v2)
340 | - React-callinvoker (= 0.67.3)
341 | - React-Core (= 0.67.3)
342 | - React-cxxreact (= 0.67.3)
343 | - React-jsi (= 0.67.3)
344 | - React-logger (= 0.67.3)
345 | - React-perflogger (= 0.67.3)
346 | - RNGestureHandler (2.1.1):
347 | - React-Core
348 | - RNReactNativeHapticFeedback (1.13.1):
349 | - React-Core
350 | - RNReanimated (2.4.1):
351 | - DoubleConversion
352 | - FBLazyVector
353 | - FBReactNativeSpec
354 | - glog
355 | - RCT-Folly
356 | - RCTRequired
357 | - RCTTypeSafety
358 | - React
359 | - React-callinvoker
360 | - React-Core
361 | - React-Core/DevSupport
362 | - React-Core/RCTWebSocket
363 | - React-CoreModules
364 | - React-cxxreact
365 | - React-jsi
366 | - React-jsiexecutor
367 | - React-jsinspector
368 | - React-RCTActionSheet
369 | - React-RCTAnimation
370 | - React-RCTBlob
371 | - React-RCTImage
372 | - React-RCTLinking
373 | - React-RCTNetwork
374 | - React-RCTSettings
375 | - React-RCTText
376 | - ReactCommon/turbomodule/core
377 | - Yoga
378 | - RNScreens (3.13.1):
379 | - React-Core
380 | - React-RCTImage
381 | - Yoga (1.14.0)
382 | - YogaKit (1.18.1):
383 | - Yoga (~> 1.14)
384 |
385 | DEPENDENCIES:
386 | - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`)
387 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
388 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
389 | - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`)
390 | - Flipper (= 0.99.0)
391 | - Flipper-Boost-iOSX (= 1.76.0.1.11)
392 | - Flipper-DoubleConversion (= 3.1.7)
393 | - Flipper-Fmt (= 7.1.7)
394 | - Flipper-Folly (= 2.6.7)
395 | - Flipper-Glog (= 0.3.6)
396 | - Flipper-PeerTalk (= 0.0.4)
397 | - Flipper-RSocket (= 1.4.3)
398 | - FlipperKit (= 0.99.0)
399 | - FlipperKit/Core (= 0.99.0)
400 | - FlipperKit/CppBridge (= 0.99.0)
401 | - FlipperKit/FBCxxFollyDynamicConvert (= 0.99.0)
402 | - FlipperKit/FBDefines (= 0.99.0)
403 | - FlipperKit/FKPortForwarding (= 0.99.0)
404 | - FlipperKit/FlipperKitHighlightOverlay (= 0.99.0)
405 | - FlipperKit/FlipperKitLayoutPlugin (= 0.99.0)
406 | - FlipperKit/FlipperKitLayoutTextSearchable (= 0.99.0)
407 | - FlipperKit/FlipperKitNetworkPlugin (= 0.99.0)
408 | - FlipperKit/FlipperKitReactPlugin (= 0.99.0)
409 | - FlipperKit/FlipperKitUserDefaultsPlugin (= 0.99.0)
410 | - FlipperKit/SKIOSNetworkPlugin (= 0.99.0)
411 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
412 | - OpenSSL-Universal (= 1.1.180)
413 | - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`)
414 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`)
415 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`)
416 | - React (from `../node_modules/react-native/`)
417 | - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`)
418 | - React-Core (from `../node_modules/react-native/`)
419 | - React-Core/DevSupport (from `../node_modules/react-native/`)
420 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`)
421 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`)
422 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`)
423 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`)
424 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
425 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
426 | - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
427 | - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
428 | - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
429 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
430 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`)
431 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`)
432 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`)
433 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`)
434 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`)
435 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`)
436 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`)
437 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
438 | - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
439 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
440 | - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
441 | - RNReactNativeHapticFeedback (from `../node_modules/react-native-haptic-feedback`)
442 | - RNReanimated (from `../node_modules/react-native-reanimated`)
443 | - RNScreens (from `../node_modules/react-native-screens`)
444 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
445 |
446 | SPEC REPOS:
447 | trunk:
448 | - CocoaAsyncSocket
449 | - Flipper
450 | - Flipper-Boost-iOSX
451 | - Flipper-DoubleConversion
452 | - Flipper-Fmt
453 | - Flipper-Folly
454 | - Flipper-Glog
455 | - Flipper-PeerTalk
456 | - Flipper-RSocket
457 | - FlipperKit
458 | - fmt
459 | - libevent
460 | - OpenSSL-Universal
461 | - YogaKit
462 |
463 | EXTERNAL SOURCES:
464 | boost:
465 | :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec"
466 | DoubleConversion:
467 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec"
468 | FBLazyVector:
469 | :path: "../node_modules/react-native/Libraries/FBLazyVector"
470 | FBReactNativeSpec:
471 | :path: "../node_modules/react-native/React/FBReactNativeSpec"
472 | glog:
473 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec"
474 | RCT-Folly:
475 | :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec"
476 | RCTRequired:
477 | :path: "../node_modules/react-native/Libraries/RCTRequired"
478 | RCTTypeSafety:
479 | :path: "../node_modules/react-native/Libraries/TypeSafety"
480 | React:
481 | :path: "../node_modules/react-native/"
482 | React-callinvoker:
483 | :path: "../node_modules/react-native/ReactCommon/callinvoker"
484 | React-Core:
485 | :path: "../node_modules/react-native/"
486 | React-CoreModules:
487 | :path: "../node_modules/react-native/React/CoreModules"
488 | React-cxxreact:
489 | :path: "../node_modules/react-native/ReactCommon/cxxreact"
490 | React-jsi:
491 | :path: "../node_modules/react-native/ReactCommon/jsi"
492 | React-jsiexecutor:
493 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor"
494 | React-jsinspector:
495 | :path: "../node_modules/react-native/ReactCommon/jsinspector"
496 | React-logger:
497 | :path: "../node_modules/react-native/ReactCommon/logger"
498 | react-native-safe-area-context:
499 | :path: "../node_modules/react-native-safe-area-context"
500 | React-perflogger:
501 | :path: "../node_modules/react-native/ReactCommon/reactperflogger"
502 | React-RCTActionSheet:
503 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS"
504 | React-RCTAnimation:
505 | :path: "../node_modules/react-native/Libraries/NativeAnimation"
506 | React-RCTBlob:
507 | :path: "../node_modules/react-native/Libraries/Blob"
508 | React-RCTImage:
509 | :path: "../node_modules/react-native/Libraries/Image"
510 | React-RCTLinking:
511 | :path: "../node_modules/react-native/Libraries/LinkingIOS"
512 | React-RCTNetwork:
513 | :path: "../node_modules/react-native/Libraries/Network"
514 | React-RCTSettings:
515 | :path: "../node_modules/react-native/Libraries/Settings"
516 | React-RCTText:
517 | :path: "../node_modules/react-native/Libraries/Text"
518 | React-RCTVibration:
519 | :path: "../node_modules/react-native/Libraries/Vibration"
520 | React-runtimeexecutor:
521 | :path: "../node_modules/react-native/ReactCommon/runtimeexecutor"
522 | ReactCommon:
523 | :path: "../node_modules/react-native/ReactCommon"
524 | RNGestureHandler:
525 | :path: "../node_modules/react-native-gesture-handler"
526 | RNReactNativeHapticFeedback:
527 | :path: "../node_modules/react-native-haptic-feedback"
528 | RNReanimated:
529 | :path: "../node_modules/react-native-reanimated"
530 | RNScreens:
531 | :path: "../node_modules/react-native-screens"
532 | Yoga:
533 | :path: "../node_modules/react-native/ReactCommon/yoga"
534 |
535 | SPEC CHECKSUMS:
536 | boost: a7c83b31436843459a1961bfd74b96033dc77234
537 | CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
538 | DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662
539 | FBLazyVector: 808f741ddb0896a20e5b98cc665f5b3413b072e2
540 | FBReactNativeSpec: 94473205b8741b61402e8c51716dea34aa3f5b2f
541 | Flipper: 30e8eeeed6abdc98edaf32af0cda2f198be4b733
542 | Flipper-Boost-iOSX: fd1e2b8cbef7e662a122412d7ac5f5bea715403c
543 | Flipper-DoubleConversion: 57ffbe81ef95306cc9e69c4aa3aeeeeb58a6a28c
544 | Flipper-Fmt: 60cbdd92fc254826e61d669a5d87ef7015396a9b
545 | Flipper-Folly: 83af37379faa69497529e414bd43fbfc7cae259a
546 | Flipper-Glog: 1dfd6abf1e922806c52ceb8701a3599a79a200a6
547 | Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9
548 | Flipper-RSocket: d9d9ade67cbecf6ac10730304bf5607266dd2541
549 | FlipperKit: d8d346844eca5d9120c17d441a2f38596e8ed2b9
550 | fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9
551 | glog: 85ecdd10ee8d8ec362ef519a6a45ff9aa27b2e85
552 | libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913
553 | OpenSSL-Universal: 1aa4f6a6ee7256b83db99ec1ccdaa80d10f9af9b
554 | RCT-Folly: 803a9cfd78114b2ec0f140cfa6fa2a6bafb2d685
555 | RCTRequired: 3c77b683474faf23920fbefc71c4e13af21470c0
556 | RCTTypeSafety: 720b1841260dac692444c2822b27403178da8b28
557 | React: 25970dd74abbdac449ca66dec4107652cacc606d
558 | React-callinvoker: 2d158700bc27b3d49c3c95721d288ed6c1a489ef
559 | React-Core: 306cfdc1393bcf9481cc5de9807608db7661817b
560 | React-CoreModules: 2576a88d630899f3fcdf2cb79fcc0454d7b2a8bb
561 | React-cxxreact: a492f0de07d875419dcb9f463c63c22fe51c433b
562 | React-jsi: bca092b0c38d5e3fd60bb491d4994ab4a8ac2ad3
563 | React-jsiexecutor: 15ea57ead631a11fad57634ff69f78e797113a39
564 | React-jsinspector: 1e1e03345cf6d47779e2061d679d0a87d9ae73d8
565 | React-logger: 1e10789cb84f99288479ba5f20822ce43ced6ffe
566 | react-native-safe-area-context: 806f8370bf9fc9db90a3413aaa1aab0d2e22fdf3
567 | React-perflogger: 93d3f142d6d9a46e635f09ba0518027215a41098
568 | React-RCTActionSheet: 87327c3722203cc79cf79d02fb83e7332aeedd18
569 | React-RCTAnimation: 009c87c018d50e0b38692699405ebe631ff4872d
570 | React-RCTBlob: 9e30308cc1b127af11c8f858514d2d8638ce36d7
571 | React-RCTImage: b9460cb8e3acc51410735a234a9dffbf4964f540
572 | React-RCTLinking: 73ecf0b87b515383a08ebbf07f558c48de1f0027
573 | React-RCTNetwork: 8f63119f2da99a94515ad0e0d0a13f9b3f6fe89d
574 | React-RCTSettings: b827282b1ac2bd98515c0c09f5cbc5062ebd83b0
575 | React-RCTText: 6d09140f514e1f60aff255e0acdf16e3b486ba4c
576 | React-RCTVibration: d0361f15ea978958fab7ffb6960f475b5063d83f
577 | React-runtimeexecutor: af1946623656f9c5fd64ca6f36f3863516193446
578 | ReactCommon: 650e33cde4fb7d36781cd3143f5276da0abb2f96
579 | RNGestureHandler: e1ad51d31a580755079d5124d3ab66f0fcaa8311
580 | RNReactNativeHapticFeedback: 4085973f5a38b40d3c6793a3ee5724773eae045e
581 | RNReanimated: 32c91e28f5780937b8efc07ddde1bab8d373fe0b
582 | RNScreens: 40a2cb40a02a609938137a1e0acfbf8fc9eebf19
583 | Yoga: 90dcd029e45d8a7c1ff059e8b3c6612ff409061a
584 | YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
585 |
586 | PODFILE CHECKSUM: 9af65361d8a000b8f3b07171fd9cfcc3632878eb
587 |
588 | COCOAPODS: 1.11.2
589 |
--------------------------------------------------------------------------------
/example/ios/example.xcodeproj/project.pbxproj:
--------------------------------------------------------------------------------
1 | // !$*UTF8*$!
2 | {
3 | archiveVersion = 1;
4 | classes = {
5 | };
6 | objectVersion = 54;
7 | objects = {
8 |
9 | /* Begin PBXBuildFile section */
10 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* exampleTests.m */; };
11 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
12 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
13 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
14 | 6172F2D35A4C3AA820D92908 /* libPods-example.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6423831EA8574132BED9D8CC /* libPods-example.a */; };
15 | 7EF68E3733C33B6898317E18 /* libPods-example-exampleTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ABFE59519B596E51CEFDCCC0 /* libPods-example-exampleTests.a */; };
16 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
17 | /* End PBXBuildFile section */
18 |
19 | /* Begin PBXContainerItemProxy section */
20 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
21 | isa = PBXContainerItemProxy;
22 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
23 | proxyType = 1;
24 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
25 | remoteInfo = example;
26 | };
27 | /* End PBXContainerItemProxy section */
28 |
29 | /* Begin PBXFileReference section */
30 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = exampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
31 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
32 | 00E356F21AD99517003FC87E /* exampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = exampleTests.m; sourceTree = ""; };
33 | 13B07F961A680F5B00A75B9A /* example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = example.app; sourceTree = BUILT_PRODUCTS_DIR; };
34 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = example/AppDelegate.h; sourceTree = ""; };
35 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = example/AppDelegate.m; sourceTree = ""; };
36 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = example/Images.xcassets; sourceTree = ""; };
37 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = example/Info.plist; sourceTree = ""; };
38 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = example/main.m; sourceTree = ""; };
39 | 1D0AE47A65C8663E3B452821 /* Pods-example-exampleTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-example-exampleTests.release.xcconfig"; path = "Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests.release.xcconfig"; sourceTree = ""; };
40 | 6423831EA8574132BED9D8CC /* libPods-example.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-example.a"; sourceTree = BUILT_PRODUCTS_DIR; };
41 | 6C97AB639B58BBB4B15BBE30 /* Pods-example-exampleTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-example-exampleTests.debug.xcconfig"; path = "Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests.debug.xcconfig"; sourceTree = ""; };
42 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = example/LaunchScreen.storyboard; sourceTree = ""; };
43 | ABFE59519B596E51CEFDCCC0 /* libPods-example-exampleTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-example-exampleTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
44 | C0A881CF5CF3F2B244570E2A /* Pods-example.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-example.debug.xcconfig"; path = "Target Support Files/Pods-example/Pods-example.debug.xcconfig"; sourceTree = ""; };
45 | D00AAFFCFCFDA5787532823F /* Pods-example.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-example.release.xcconfig"; path = "Target Support Files/Pods-example/Pods-example.release.xcconfig"; sourceTree = ""; };
46 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
47 | /* End PBXFileReference section */
48 |
49 | /* Begin PBXFrameworksBuildPhase section */
50 | 00E356EB1AD99517003FC87E /* Frameworks */ = {
51 | isa = PBXFrameworksBuildPhase;
52 | buildActionMask = 2147483647;
53 | files = (
54 | 7EF68E3733C33B6898317E18 /* libPods-example-exampleTests.a in Frameworks */,
55 | );
56 | runOnlyForDeploymentPostprocessing = 0;
57 | };
58 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
59 | isa = PBXFrameworksBuildPhase;
60 | buildActionMask = 2147483647;
61 | files = (
62 | 6172F2D35A4C3AA820D92908 /* libPods-example.a in Frameworks */,
63 | );
64 | runOnlyForDeploymentPostprocessing = 0;
65 | };
66 | /* End PBXFrameworksBuildPhase section */
67 |
68 | /* Begin PBXGroup section */
69 | 00E356EF1AD99517003FC87E /* exampleTests */ = {
70 | isa = PBXGroup;
71 | children = (
72 | 00E356F21AD99517003FC87E /* exampleTests.m */,
73 | 00E356F01AD99517003FC87E /* Supporting Files */,
74 | );
75 | path = exampleTests;
76 | sourceTree = "";
77 | };
78 | 00E356F01AD99517003FC87E /* Supporting Files */ = {
79 | isa = PBXGroup;
80 | children = (
81 | 00E356F11AD99517003FC87E /* Info.plist */,
82 | );
83 | name = "Supporting Files";
84 | sourceTree = "";
85 | };
86 | 13B07FAE1A68108700A75B9A /* example */ = {
87 | isa = PBXGroup;
88 | children = (
89 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */,
90 | 13B07FB01A68108700A75B9A /* AppDelegate.m */,
91 | 13B07FB51A68108700A75B9A /* Images.xcassets */,
92 | 13B07FB61A68108700A75B9A /* Info.plist */,
93 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
94 | 13B07FB71A68108700A75B9A /* main.m */,
95 | );
96 | name = example;
97 | sourceTree = "";
98 | };
99 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
100 | isa = PBXGroup;
101 | children = (
102 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
103 | 6423831EA8574132BED9D8CC /* libPods-example.a */,
104 | ABFE59519B596E51CEFDCCC0 /* libPods-example-exampleTests.a */,
105 | );
106 | name = Frameworks;
107 | sourceTree = "";
108 | };
109 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = {
110 | isa = PBXGroup;
111 | children = (
112 | );
113 | name = Libraries;
114 | sourceTree = "";
115 | };
116 | 83CBB9F61A601CBA00E9B192 = {
117 | isa = PBXGroup;
118 | children = (
119 | 13B07FAE1A68108700A75B9A /* example */,
120 | 832341AE1AAA6A7D00B99B32 /* Libraries */,
121 | 00E356EF1AD99517003FC87E /* exampleTests */,
122 | 83CBBA001A601CBA00E9B192 /* Products */,
123 | 2D16E6871FA4F8E400B85C8A /* Frameworks */,
124 | E233CBF5F47BEE60B243DCF8 /* Pods */,
125 | );
126 | indentWidth = 2;
127 | sourceTree = "";
128 | tabWidth = 2;
129 | usesTabs = 0;
130 | };
131 | 83CBBA001A601CBA00E9B192 /* Products */ = {
132 | isa = PBXGroup;
133 | children = (
134 | 13B07F961A680F5B00A75B9A /* example.app */,
135 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */,
136 | );
137 | name = Products;
138 | sourceTree = "";
139 | };
140 | E233CBF5F47BEE60B243DCF8 /* Pods */ = {
141 | isa = PBXGroup;
142 | children = (
143 | C0A881CF5CF3F2B244570E2A /* Pods-example.debug.xcconfig */,
144 | D00AAFFCFCFDA5787532823F /* Pods-example.release.xcconfig */,
145 | 6C97AB639B58BBB4B15BBE30 /* Pods-example-exampleTests.debug.xcconfig */,
146 | 1D0AE47A65C8663E3B452821 /* Pods-example-exampleTests.release.xcconfig */,
147 | );
148 | name = Pods;
149 | path = Pods;
150 | sourceTree = "";
151 | };
152 | /* End PBXGroup section */
153 |
154 | /* Begin PBXNativeTarget section */
155 | 00E356ED1AD99517003FC87E /* exampleTests */ = {
156 | isa = PBXNativeTarget;
157 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */;
158 | buildPhases = (
159 | A130D646172E58E1D159D8F2 /* [CP] Check Pods Manifest.lock */,
160 | 00E356EA1AD99517003FC87E /* Sources */,
161 | 00E356EB1AD99517003FC87E /* Frameworks */,
162 | 00E356EC1AD99517003FC87E /* Resources */,
163 | 077E01280D4B4AD18B2E1770 /* [CP] Embed Pods Frameworks */,
164 | 4E62BDF20514810D028A5FBF /* [CP] Copy Pods Resources */,
165 | );
166 | buildRules = (
167 | );
168 | dependencies = (
169 | 00E356F51AD99517003FC87E /* PBXTargetDependency */,
170 | );
171 | name = exampleTests;
172 | productName = exampleTests;
173 | productReference = 00E356EE1AD99517003FC87E /* exampleTests.xctest */;
174 | productType = "com.apple.product-type.bundle.unit-test";
175 | };
176 | 13B07F861A680F5B00A75B9A /* example */ = {
177 | isa = PBXNativeTarget;
178 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */;
179 | buildPhases = (
180 | 3E482C27206C4DEF2FE45063 /* [CP] Check Pods Manifest.lock */,
181 | FD10A7F022414F080027D42C /* Start Packager */,
182 | 13B07F871A680F5B00A75B9A /* Sources */,
183 | 13B07F8C1A680F5B00A75B9A /* Frameworks */,
184 | 13B07F8E1A680F5B00A75B9A /* Resources */,
185 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
186 | C8AC78B0264D0F9F6F6D630E /* [CP] Embed Pods Frameworks */,
187 | ADC9DDC32298B72B3CF5DC8E /* [CP] Copy Pods Resources */,
188 | );
189 | buildRules = (
190 | );
191 | dependencies = (
192 | );
193 | name = example;
194 | productName = example;
195 | productReference = 13B07F961A680F5B00A75B9A /* example.app */;
196 | productType = "com.apple.product-type.application";
197 | };
198 | /* End PBXNativeTarget section */
199 |
200 | /* Begin PBXProject section */
201 | 83CBB9F71A601CBA00E9B192 /* Project object */ = {
202 | isa = PBXProject;
203 | attributes = {
204 | LastUpgradeCheck = 1210;
205 | TargetAttributes = {
206 | 00E356ED1AD99517003FC87E = {
207 | CreatedOnToolsVersion = 6.2;
208 | TestTargetID = 13B07F861A680F5B00A75B9A;
209 | };
210 | 13B07F861A680F5B00A75B9A = {
211 | LastSwiftMigration = 1120;
212 | };
213 | };
214 | };
215 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */;
216 | compatibilityVersion = "Xcode 12.0";
217 | developmentRegion = en;
218 | hasScannedForEncodings = 0;
219 | knownRegions = (
220 | en,
221 | Base,
222 | );
223 | mainGroup = 83CBB9F61A601CBA00E9B192;
224 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
225 | projectDirPath = "";
226 | projectRoot = "";
227 | targets = (
228 | 13B07F861A680F5B00A75B9A /* example */,
229 | 00E356ED1AD99517003FC87E /* exampleTests */,
230 | );
231 | };
232 | /* End PBXProject section */
233 |
234 | /* Begin PBXResourcesBuildPhase section */
235 | 00E356EC1AD99517003FC87E /* Resources */ = {
236 | isa = PBXResourcesBuildPhase;
237 | buildActionMask = 2147483647;
238 | files = (
239 | );
240 | runOnlyForDeploymentPostprocessing = 0;
241 | };
242 | 13B07F8E1A680F5B00A75B9A /* Resources */ = {
243 | isa = PBXResourcesBuildPhase;
244 | buildActionMask = 2147483647;
245 | files = (
246 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
247 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
248 | );
249 | runOnlyForDeploymentPostprocessing = 0;
250 | };
251 | /* End PBXResourcesBuildPhase section */
252 |
253 | /* Begin PBXShellScriptBuildPhase section */
254 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
255 | isa = PBXShellScriptBuildPhase;
256 | buildActionMask = 2147483647;
257 | files = (
258 | );
259 | inputPaths = (
260 | );
261 | name = "Bundle React Native code and images";
262 | outputPaths = (
263 | );
264 | runOnlyForDeploymentPostprocessing = 0;
265 | shellPath = /bin/sh;
266 | shellScript = "set -e\n\nexport NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh\n";
267 | };
268 | 077E01280D4B4AD18B2E1770 /* [CP] Embed Pods Frameworks */ = {
269 | isa = PBXShellScriptBuildPhase;
270 | buildActionMask = 2147483647;
271 | files = (
272 | );
273 | inputFileListPaths = (
274 | "${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-frameworks-${CONFIGURATION}-input-files.xcfilelist",
275 | );
276 | name = "[CP] Embed Pods Frameworks";
277 | outputFileListPaths = (
278 | "${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-frameworks-${CONFIGURATION}-output-files.xcfilelist",
279 | );
280 | runOnlyForDeploymentPostprocessing = 0;
281 | shellPath = /bin/sh;
282 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-frameworks.sh\"\n";
283 | showEnvVarsInLog = 0;
284 | };
285 | 3E482C27206C4DEF2FE45063 /* [CP] Check Pods Manifest.lock */ = {
286 | isa = PBXShellScriptBuildPhase;
287 | buildActionMask = 2147483647;
288 | files = (
289 | );
290 | inputFileListPaths = (
291 | );
292 | inputPaths = (
293 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
294 | "${PODS_ROOT}/Manifest.lock",
295 | );
296 | name = "[CP] Check Pods Manifest.lock";
297 | outputFileListPaths = (
298 | );
299 | outputPaths = (
300 | "$(DERIVED_FILE_DIR)/Pods-example-checkManifestLockResult.txt",
301 | );
302 | runOnlyForDeploymentPostprocessing = 0;
303 | shellPath = /bin/sh;
304 | 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";
305 | showEnvVarsInLog = 0;
306 | };
307 | 4E62BDF20514810D028A5FBF /* [CP] Copy Pods Resources */ = {
308 | isa = PBXShellScriptBuildPhase;
309 | buildActionMask = 2147483647;
310 | files = (
311 | );
312 | inputFileListPaths = (
313 | "${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-resources-${CONFIGURATION}-input-files.xcfilelist",
314 | );
315 | name = "[CP] Copy Pods Resources";
316 | outputFileListPaths = (
317 | "${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-resources-${CONFIGURATION}-output-files.xcfilelist",
318 | );
319 | runOnlyForDeploymentPostprocessing = 0;
320 | shellPath = /bin/sh;
321 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-resources.sh\"\n";
322 | showEnvVarsInLog = 0;
323 | };
324 | A130D646172E58E1D159D8F2 /* [CP] Check Pods Manifest.lock */ = {
325 | isa = PBXShellScriptBuildPhase;
326 | buildActionMask = 2147483647;
327 | files = (
328 | );
329 | inputFileListPaths = (
330 | );
331 | inputPaths = (
332 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
333 | "${PODS_ROOT}/Manifest.lock",
334 | );
335 | name = "[CP] Check Pods Manifest.lock";
336 | outputFileListPaths = (
337 | );
338 | outputPaths = (
339 | "$(DERIVED_FILE_DIR)/Pods-example-exampleTests-checkManifestLockResult.txt",
340 | );
341 | runOnlyForDeploymentPostprocessing = 0;
342 | shellPath = /bin/sh;
343 | 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";
344 | showEnvVarsInLog = 0;
345 | };
346 | ADC9DDC32298B72B3CF5DC8E /* [CP] Copy Pods Resources */ = {
347 | isa = PBXShellScriptBuildPhase;
348 | buildActionMask = 2147483647;
349 | files = (
350 | );
351 | inputFileListPaths = (
352 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources-${CONFIGURATION}-input-files.xcfilelist",
353 | );
354 | name = "[CP] Copy Pods Resources";
355 | outputFileListPaths = (
356 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources-${CONFIGURATION}-output-files.xcfilelist",
357 | );
358 | runOnlyForDeploymentPostprocessing = 0;
359 | shellPath = /bin/sh;
360 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources.sh\"\n";
361 | showEnvVarsInLog = 0;
362 | };
363 | C8AC78B0264D0F9F6F6D630E /* [CP] Embed Pods Frameworks */ = {
364 | isa = PBXShellScriptBuildPhase;
365 | buildActionMask = 2147483647;
366 | files = (
367 | );
368 | inputFileListPaths = (
369 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks-${CONFIGURATION}-input-files.xcfilelist",
370 | );
371 | name = "[CP] Embed Pods Frameworks";
372 | outputFileListPaths = (
373 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks-${CONFIGURATION}-output-files.xcfilelist",
374 | );
375 | runOnlyForDeploymentPostprocessing = 0;
376 | shellPath = /bin/sh;
377 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks.sh\"\n";
378 | showEnvVarsInLog = 0;
379 | };
380 | FD10A7F022414F080027D42C /* Start Packager */ = {
381 | isa = PBXShellScriptBuildPhase;
382 | buildActionMask = 2147483647;
383 | files = (
384 | );
385 | inputFileListPaths = (
386 | );
387 | inputPaths = (
388 | );
389 | name = "Start Packager";
390 | outputFileListPaths = (
391 | );
392 | outputPaths = (
393 | );
394 | runOnlyForDeploymentPostprocessing = 0;
395 | shellPath = /bin/sh;
396 | 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";
397 | showEnvVarsInLog = 0;
398 | };
399 | /* End PBXShellScriptBuildPhase section */
400 |
401 | /* Begin PBXSourcesBuildPhase section */
402 | 00E356EA1AD99517003FC87E /* Sources */ = {
403 | isa = PBXSourcesBuildPhase;
404 | buildActionMask = 2147483647;
405 | files = (
406 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */,
407 | );
408 | runOnlyForDeploymentPostprocessing = 0;
409 | };
410 | 13B07F871A680F5B00A75B9A /* Sources */ = {
411 | isa = PBXSourcesBuildPhase;
412 | buildActionMask = 2147483647;
413 | files = (
414 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
415 | 13B07FC11A68108700A75B9A /* main.m in Sources */,
416 | );
417 | runOnlyForDeploymentPostprocessing = 0;
418 | };
419 | /* End PBXSourcesBuildPhase section */
420 |
421 | /* Begin PBXTargetDependency section */
422 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
423 | isa = PBXTargetDependency;
424 | target = 13B07F861A680F5B00A75B9A /* example */;
425 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
426 | };
427 | /* End PBXTargetDependency section */
428 |
429 | /* Begin XCBuildConfiguration section */
430 | 00E356F61AD99517003FC87E /* Debug */ = {
431 | isa = XCBuildConfiguration;
432 | baseConfigurationReference = 6C97AB639B58BBB4B15BBE30 /* Pods-example-exampleTests.debug.xcconfig */;
433 | buildSettings = {
434 | BUNDLE_LOADER = "$(TEST_HOST)";
435 | GCC_PREPROCESSOR_DEFINITIONS = (
436 | "DEBUG=1",
437 | "$(inherited)",
438 | );
439 | INFOPLIST_FILE = exampleTests/Info.plist;
440 | IPHONEOS_DEPLOYMENT_TARGET = 11.0;
441 | LD_RUNPATH_SEARCH_PATHS = (
442 | "$(inherited)",
443 | "@executable_path/Frameworks",
444 | "@loader_path/Frameworks",
445 | );
446 | OTHER_LDFLAGS = (
447 | "-ObjC",
448 | "-lc++",
449 | "$(inherited)",
450 | );
451 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
452 | PRODUCT_NAME = "$(TARGET_NAME)";
453 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example";
454 | };
455 | name = Debug;
456 | };
457 | 00E356F71AD99517003FC87E /* Release */ = {
458 | isa = XCBuildConfiguration;
459 | baseConfigurationReference = 1D0AE47A65C8663E3B452821 /* Pods-example-exampleTests.release.xcconfig */;
460 | buildSettings = {
461 | BUNDLE_LOADER = "$(TEST_HOST)";
462 | COPY_PHASE_STRIP = NO;
463 | INFOPLIST_FILE = exampleTests/Info.plist;
464 | IPHONEOS_DEPLOYMENT_TARGET = 11.0;
465 | LD_RUNPATH_SEARCH_PATHS = (
466 | "$(inherited)",
467 | "@executable_path/Frameworks",
468 | "@loader_path/Frameworks",
469 | );
470 | OTHER_LDFLAGS = (
471 | "-ObjC",
472 | "-lc++",
473 | "$(inherited)",
474 | );
475 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
476 | PRODUCT_NAME = "$(TARGET_NAME)";
477 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example";
478 | };
479 | name = Release;
480 | };
481 | 13B07F941A680F5B00A75B9A /* Debug */ = {
482 | isa = XCBuildConfiguration;
483 | baseConfigurationReference = C0A881CF5CF3F2B244570E2A /* Pods-example.debug.xcconfig */;
484 | buildSettings = {
485 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
486 | CLANG_ENABLE_MODULES = YES;
487 | CURRENT_PROJECT_VERSION = 1;
488 | ENABLE_BITCODE = NO;
489 | INFOPLIST_FILE = example/Info.plist;
490 | LD_RUNPATH_SEARCH_PATHS = (
491 | "$(inherited)",
492 | "@executable_path/Frameworks",
493 | );
494 | OTHER_LDFLAGS = (
495 | "$(inherited)",
496 | "-ObjC",
497 | "-lc++",
498 | );
499 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
500 | PRODUCT_NAME = example;
501 | SWIFT_OPTIMIZATION_LEVEL = "-Onone";
502 | SWIFT_VERSION = 5.0;
503 | VERSIONING_SYSTEM = "apple-generic";
504 | };
505 | name = Debug;
506 | };
507 | 13B07F951A680F5B00A75B9A /* Release */ = {
508 | isa = XCBuildConfiguration;
509 | baseConfigurationReference = D00AAFFCFCFDA5787532823F /* Pods-example.release.xcconfig */;
510 | buildSettings = {
511 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
512 | CLANG_ENABLE_MODULES = YES;
513 | CURRENT_PROJECT_VERSION = 1;
514 | INFOPLIST_FILE = example/Info.plist;
515 | LD_RUNPATH_SEARCH_PATHS = (
516 | "$(inherited)",
517 | "@executable_path/Frameworks",
518 | );
519 | OTHER_LDFLAGS = (
520 | "$(inherited)",
521 | "-ObjC",
522 | "-lc++",
523 | );
524 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
525 | PRODUCT_NAME = example;
526 | SWIFT_VERSION = 5.0;
527 | VERSIONING_SYSTEM = "apple-generic";
528 | };
529 | name = Release;
530 | };
531 | 83CBBA201A601CBA00E9B192 /* Debug */ = {
532 | isa = XCBuildConfiguration;
533 | buildSettings = {
534 | ALWAYS_SEARCH_USER_PATHS = NO;
535 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
536 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
537 | CLANG_CXX_LIBRARY = "libc++";
538 | CLANG_ENABLE_MODULES = YES;
539 | CLANG_ENABLE_OBJC_ARC = YES;
540 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
541 | CLANG_WARN_BOOL_CONVERSION = YES;
542 | CLANG_WARN_COMMA = YES;
543 | CLANG_WARN_CONSTANT_CONVERSION = YES;
544 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
545 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
546 | CLANG_WARN_EMPTY_BODY = YES;
547 | CLANG_WARN_ENUM_CONVERSION = YES;
548 | CLANG_WARN_INFINITE_RECURSION = YES;
549 | CLANG_WARN_INT_CONVERSION = YES;
550 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
551 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
552 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
553 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
554 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
555 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
556 | CLANG_WARN_STRICT_PROTOTYPES = YES;
557 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
558 | CLANG_WARN_UNREACHABLE_CODE = YES;
559 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
560 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
561 | COPY_PHASE_STRIP = NO;
562 | ENABLE_STRICT_OBJC_MSGSEND = YES;
563 | ENABLE_TESTABILITY = YES;
564 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
565 | GCC_C_LANGUAGE_STANDARD = gnu99;
566 | GCC_DYNAMIC_NO_PIC = NO;
567 | GCC_NO_COMMON_BLOCKS = YES;
568 | GCC_OPTIMIZATION_LEVEL = 0;
569 | GCC_PREPROCESSOR_DEFINITIONS = (
570 | "DEBUG=1",
571 | "$(inherited)",
572 | );
573 | GCC_SYMBOLS_PRIVATE_EXTERN = NO;
574 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
575 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
576 | GCC_WARN_UNDECLARED_SELECTOR = YES;
577 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
578 | GCC_WARN_UNUSED_FUNCTION = YES;
579 | GCC_WARN_UNUSED_VARIABLE = YES;
580 | IPHONEOS_DEPLOYMENT_TARGET = 11.0;
581 | LD_RUNPATH_SEARCH_PATHS = (
582 | /usr/lib/swift,
583 | "$(inherited)",
584 | );
585 | LIBRARY_SEARCH_PATHS = (
586 | "\"$(SDKROOT)/usr/lib/swift\"",
587 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
588 | "\"$(inherited)\"",
589 | );
590 | MTL_ENABLE_DEBUG_INFO = YES;
591 | ONLY_ACTIVE_ARCH = YES;
592 | SDKROOT = iphoneos;
593 | };
594 | name = Debug;
595 | };
596 | 83CBBA211A601CBA00E9B192 /* Release */ = {
597 | isa = XCBuildConfiguration;
598 | buildSettings = {
599 | ALWAYS_SEARCH_USER_PATHS = NO;
600 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
601 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
602 | CLANG_CXX_LIBRARY = "libc++";
603 | CLANG_ENABLE_MODULES = YES;
604 | CLANG_ENABLE_OBJC_ARC = YES;
605 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
606 | CLANG_WARN_BOOL_CONVERSION = YES;
607 | CLANG_WARN_COMMA = YES;
608 | CLANG_WARN_CONSTANT_CONVERSION = YES;
609 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
610 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
611 | CLANG_WARN_EMPTY_BODY = YES;
612 | CLANG_WARN_ENUM_CONVERSION = YES;
613 | CLANG_WARN_INFINITE_RECURSION = YES;
614 | CLANG_WARN_INT_CONVERSION = YES;
615 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
616 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
617 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
618 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
619 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
620 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
621 | CLANG_WARN_STRICT_PROTOTYPES = YES;
622 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
623 | CLANG_WARN_UNREACHABLE_CODE = YES;
624 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
625 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
626 | COPY_PHASE_STRIP = YES;
627 | ENABLE_NS_ASSERTIONS = NO;
628 | ENABLE_STRICT_OBJC_MSGSEND = YES;
629 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
630 | GCC_C_LANGUAGE_STANDARD = gnu99;
631 | GCC_NO_COMMON_BLOCKS = YES;
632 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
633 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
634 | GCC_WARN_UNDECLARED_SELECTOR = YES;
635 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
636 | GCC_WARN_UNUSED_FUNCTION = YES;
637 | GCC_WARN_UNUSED_VARIABLE = YES;
638 | IPHONEOS_DEPLOYMENT_TARGET = 11.0;
639 | LD_RUNPATH_SEARCH_PATHS = (
640 | /usr/lib/swift,
641 | "$(inherited)",
642 | );
643 | LIBRARY_SEARCH_PATHS = (
644 | "\"$(SDKROOT)/usr/lib/swift\"",
645 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
646 | "\"$(inherited)\"",
647 | );
648 | MTL_ENABLE_DEBUG_INFO = NO;
649 | SDKROOT = iphoneos;
650 | VALIDATE_PRODUCT = YES;
651 | };
652 | name = Release;
653 | };
654 | /* End XCBuildConfiguration section */
655 |
656 | /* Begin XCConfigurationList section */
657 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */ = {
658 | isa = XCConfigurationList;
659 | buildConfigurations = (
660 | 00E356F61AD99517003FC87E /* Debug */,
661 | 00E356F71AD99517003FC87E /* Release */,
662 | );
663 | defaultConfigurationIsVisible = 0;
664 | defaultConfigurationName = Release;
665 | };
666 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */ = {
667 | isa = XCConfigurationList;
668 | buildConfigurations = (
669 | 13B07F941A680F5B00A75B9A /* Debug */,
670 | 13B07F951A680F5B00A75B9A /* Release */,
671 | );
672 | defaultConfigurationIsVisible = 0;
673 | defaultConfigurationName = Release;
674 | };
675 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */ = {
676 | isa = XCConfigurationList;
677 | buildConfigurations = (
678 | 83CBBA201A601CBA00E9B192 /* Debug */,
679 | 83CBBA211A601CBA00E9B192 /* Release */,
680 | );
681 | defaultConfigurationIsVisible = 0;
682 | defaultConfigurationName = Release;
683 | };
684 | /* End XCConfigurationList section */
685 | };
686 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
687 | }
688 |
--------------------------------------------------------------------------------
/example/ios/example.xcodeproj/xcshareddata/xcschemes/example.xcscheme:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 |
15 |
21 |
22 |
23 |
24 |
25 |
30 |
31 |
33 |
39 |
40 |
41 |
42 |
43 |
53 |
55 |
61 |
62 |
63 |
64 |
70 |
72 |
78 |
79 |
80 |
81 |
83 |
84 |
87 |
88 |
89 |
--------------------------------------------------------------------------------
/example/ios/example.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/example/ios/example.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | IDEDidComputeMac32BitWarning
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/example/ios/example/AppDelegate.h:
--------------------------------------------------------------------------------
1 | #import
2 | #import
3 |
4 | @interface AppDelegate : UIResponder
5 |
6 | @property (nonatomic, strong) UIWindow *window;
7 |
8 | @end
9 |
--------------------------------------------------------------------------------
/example/ios/example/AppDelegate.m:
--------------------------------------------------------------------------------
1 | #import "AppDelegate.h"
2 |
3 | #import
4 | #import
5 | #import
6 |
7 | #ifdef FB_SONARKIT_ENABLED
8 | #import
9 | #import
10 | #import
11 | #import
12 | #import
13 | #import
14 |
15 | static void InitializeFlipper(UIApplication *application) {
16 | FlipperClient *client = [FlipperClient sharedClient];
17 | SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults];
18 | [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application withDescriptorMapper:layoutDescriptorMapper]];
19 | [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];
20 | [client addPlugin:[FlipperKitReactPlugin new]];
21 | [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];
22 | [client start];
23 | }
24 | #endif
25 |
26 | @implementation AppDelegate
27 |
28 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
29 | {
30 | #ifdef FB_SONARKIT_ENABLED
31 | InitializeFlipper(application);
32 | #endif
33 |
34 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
35 | RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
36 | moduleName:@"example"
37 | initialProperties:nil];
38 |
39 | if (@available(iOS 13.0, *)) {
40 | rootView.backgroundColor = [UIColor systemBackgroundColor];
41 | } else {
42 | rootView.backgroundColor = [UIColor whiteColor];
43 | }
44 |
45 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
46 | UIViewController *rootViewController = [UIViewController new];
47 | rootViewController.view = rootView;
48 | self.window.rootViewController = rootViewController;
49 | [self.window makeKeyAndVisible];
50 | return YES;
51 | }
52 |
53 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
54 | {
55 | #if DEBUG
56 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
57 | #else
58 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
59 | #endif
60 | }
61 |
62 | @end
63 |
--------------------------------------------------------------------------------
/example/ios/example/Images.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "iphone",
5 | "size" : "29x29",
6 | "scale" : "2x"
7 | },
8 | {
9 | "idiom" : "iphone",
10 | "size" : "29x29",
11 | "scale" : "3x"
12 | },
13 | {
14 | "idiom" : "iphone",
15 | "size" : "40x40",
16 | "scale" : "2x"
17 | },
18 | {
19 | "idiom" : "iphone",
20 | "size" : "40x40",
21 | "scale" : "3x"
22 | },
23 | {
24 | "idiom" : "iphone",
25 | "size" : "60x60",
26 | "scale" : "2x"
27 | },
28 | {
29 | "idiom" : "iphone",
30 | "size" : "60x60",
31 | "scale" : "3x"
32 | }
33 | ],
34 | "info" : {
35 | "version" : 1,
36 | "author" : "xcode"
37 | }
38 | }
--------------------------------------------------------------------------------
/example/ios/example/Images.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "info" : {
3 | "version" : 1,
4 | "author" : "xcode"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/example/ios/example/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleDisplayName
8 | example
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 | NSExceptionDomains
30 |
31 | localhost
32 |
33 | NSExceptionAllowsInsecureHTTPLoads
34 |
35 |
36 |
37 |
38 | NSLocationWhenInUseUsageDescription
39 |
40 | UILaunchStoryboardName
41 | LaunchScreen
42 | UIRequiredDeviceCapabilities
43 |
44 | armv7
45 |
46 | UISupportedInterfaceOrientations
47 |
48 | UIInterfaceOrientationPortrait
49 | UIInterfaceOrientationLandscapeLeft
50 | UIInterfaceOrientationLandscapeRight
51 |
52 | UIViewControllerBasedStatusBarAppearance
53 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/example/ios/example/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
24 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/example/ios/example/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/ios/exampleTests/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | BNDL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 |
24 |
25 |
--------------------------------------------------------------------------------
/example/ios/exampleTests/exampleTests.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 exampleTests : XCTestCase
11 |
12 | @end
13 |
14 | @implementation exampleTests
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/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: true,
14 | },
15 | }),
16 | },
17 | };
18 |
--------------------------------------------------------------------------------
/example/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "example",
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 . --ext .js,.jsx,.ts,.tsx",
11 | "new-component": "hygen component with-prompt"
12 | },
13 | "dependencies": {
14 | "@react-navigation/native": "^6.0.8",
15 | "@react-navigation/native-stack": "^6.5.0",
16 | "react": "17.0.2",
17 | "react-native": "0.67.3",
18 | "react-native-drag-to-sort-grid": "file:../react-native-drag-to-sort-grid",
19 | "react-native-gesture-handler": "2.1.1",
20 | "react-native-haptic-feedback": "^1.13.1",
21 | "react-native-reanimated": "^2.4.1",
22 | "react-native-safe-area-context": "^4.2.1",
23 | "react-native-screens": "^3.13.1",
24 | "styled-components": "^5.3.3"
25 | },
26 | "devDependencies": {
27 | "@babel/core": "^7.12.9",
28 | "@babel/runtime": "^7.12.5",
29 | "@react-native-community/eslint-config": "^2.0.0",
30 | "@types/jest": "^26.0.23",
31 | "@types/react-native": "^0.66.15",
32 | "@types/react-test-renderer": "^17.0.1",
33 | "@types/styled-components": "^5.1.9",
34 | "@types/styled-components-react-native": "^5.1.1",
35 | "@typescript-eslint/eslint-plugin": "^5.7.0",
36 | "@typescript-eslint/parser": "^5.7.0",
37 | "babel-jest": "^26.6.3",
38 | "eslint": "^7.14.0",
39 | "jest": "^26.6.3",
40 | "metro-react-native-babel-preset": "^0.66.2",
41 | "react-test-renderer": "17.0.2",
42 | "typescript": "^4.4.4"
43 | },
44 | "resolutions": {
45 | "@types/react": "^17"
46 | },
47 | "jest": {
48 | "preset": "react-native",
49 | "moduleFileExtensions": [
50 | "ts",
51 | "tsx",
52 | "js",
53 | "jsx",
54 | "json",
55 | "node"
56 | ]
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/example/screens/MainScreen/MainScreen.tsx:
--------------------------------------------------------------------------------
1 | import React, {useCallback, useEffect, useState} from 'react';
2 | import {ActivityIndicator, Dimensions, Text} from 'react-native';
3 | import DraggableGrid from 'react-native-drag-to-sort-grid';
4 | import DeleteButton from '../../common/components/DeleteButton';
5 | import Tile from '../../common/components/Tile';
6 | import colors from '../../common/helpers/colors';
7 | import Styles from './styles';
8 |
9 | const margin = 10;
10 | const itemWidth = Dimensions.get('window').width / 2 - margin * 2;
11 | const itemHeight = 200;
12 | const deleteSize = 30;
13 | const initialData = new Array(6).fill(null).map((_, i) => ({index: i}));
14 |
15 | type TileType = {
16 | index: number;
17 | };
18 |
19 | function MainScreen() {
20 | const [order, setOrder] = useState(initialData.map((_, i) => i));
21 | const [loading, setLoading] = useState(false);
22 |
23 | const handleDelete = useCallback((index: number) => {
24 | console.log(index);
25 | setOrder(prev => prev.filter(value => value !== index));
26 | setLoading(true);
27 | }, []);
28 |
29 | // The loading step is where the app would typically submit the deletion request to the API. The app would then get the
30 | // re-ordered data as a response, and this would be used to re-initialize the draggable grid's sharedValues for the UI thread
31 | useEffect(() => {
32 | if (loading) {
33 | setLoading(false);
34 | }
35 | }, [loading]);
36 |
37 | return (
38 |
39 | {loading ? (
40 |
41 |
42 |
43 | ) : (
44 | <>
45 |
46 |
47 | The current order is:{' '}
48 | {order.map(
49 | (value, i, array) =>
50 | `${value}${i !== array.length - 1 ? ',' : ''}`,
51 | )}
52 |
53 |
54 |
55 | data={initialData}
56 | initialOrder={order}
57 | renderItem={item => (
58 |
59 | )}
60 | deleteRenderItem={item => (
61 | handleDelete(item.index)}
64 | />
65 | )}
66 | deleteStyle={{top: -deleteSize / 2}}
67 | onOrderingFinished={newOrder => setOrder(newOrder)}
68 | itemWidth={itemWidth}
69 | itemHeight={itemHeight}
70 | itemMargin={margin}
71 | offsetY={margin}
72 | />
73 | >
74 | )}
75 |
76 | );
77 | }
78 |
79 | export default MainScreen;
80 |
--------------------------------------------------------------------------------
/example/screens/MainScreen/index.ts:
--------------------------------------------------------------------------------
1 | import MainScreen from './MainScreen';
2 |
3 | export default MainScreen;
4 |
--------------------------------------------------------------------------------
/example/screens/MainScreen/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components/native';
2 | import colors from '../../common/helpers/colors';
3 |
4 | const Styles = {
5 | Wrapper: styled.View`
6 | flex: 1;
7 | background-color: ${colors.white};
8 | `,
9 | LoadingWrapper: styled.View`
10 | flex: 1;
11 | justify-content: center;
12 | align-items: center;
13 | `,
14 | OrderTextWrapper: styled.View`
15 | align-items: center;
16 | margin-top: 20px;
17 | `,
18 | };
19 |
20 | export default Styles;
21 |
--------------------------------------------------------------------------------
/example/tsconfig.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "compilerOptions": {
4 | /* Basic Options */
5 | "target": "esnext", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
6 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
7 | "lib": ["es2017"], /* Specify library files to be included in the compilation. */
8 | "allowJs": true, /* Allow javascript files to be compiled. */
9 | // "checkJs": true, /* Report errors in .js files. */
10 | "jsx": "react-native", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
11 | // "declaration": true, /* Generates corresponding '.d.ts' file. */
12 | // "sourceMap": true, /* Generates corresponding '.map' file. */
13 | // "outFile": "./", /* Concatenate and emit output to single file. */
14 | // "outDir": "./", /* Redirect output structure to the directory. */
15 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
16 | // "removeComments": true, /* Do not emit comments to output. */
17 | "noEmit": true, /* Do not emit outputs. */
18 | // "incremental": true, /* Enable incremental compilation */
19 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */
20 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
21 | "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
22 |
23 | /* Strict Type-Checking Options */
24 | "strict": true, /* Enable all strict type-checking options. */
25 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
26 | // "strictNullChecks": true, /* Enable strict null checks. */
27 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */
28 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
29 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
30 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
31 |
32 | /* Additional Checks */
33 | // "noUnusedLocals": true, /* Report errors on unused locals. */
34 | // "noUnusedParameters": true, /* Report errors on unused parameters. */
35 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
36 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
37 |
38 | /* Module Resolution Options */
39 | "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
40 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
41 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
42 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */
43 | // "typeRoots": [], /* List of folders to include type definitions from. */
44 | // "types": [], /* Type declaration files to be included in compilation. */
45 | "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
46 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
47 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */
48 | "skipLibCheck": true, /* Skip type checking of declaration files. */
49 | "resolveJsonModule": true /* Allows importing modules with a ‘.json’ extension, which is a common practice in node projects. */
50 |
51 | /* Source Map Options */
52 | // "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript files instead of source locations. */
53 | // "mapRoot": "./", /* Specify the location where debugger should locate map files instead of generated locations. */
54 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
55 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
56 |
57 | /* Experimental Options */
58 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
59 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
60 | },
61 | "exclude": [
62 | "node_modules", "babel.config.js", "metro.config.js", "jest.config.js"
63 | ]
64 | }
65 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/.gitignore:
--------------------------------------------------------------------------------
1 | # OSX
2 | #
3 | .DS_Store
4 |
5 | # Xcode
6 | #
7 | build/
8 | *.pbxuser
9 | !default.pbxuser
10 | *.mode1v3
11 | !default.mode1v3
12 | *.mode2v3
13 | !default.mode2v3
14 | *.perspectivev3
15 | !default.perspectivev3
16 | xcuserdata
17 | *.xccheckout
18 | *.moved-aside
19 | DerivedData
20 | *.hmap
21 | *.ipa
22 | *.xcuserstate
23 | project.xcworkspace
24 |
25 | # Android/IntelliJ
26 | #
27 | build/
28 | .idea
29 | .gradle
30 | local.properties
31 | *.iml
32 | *.hprof
33 |
34 | # node.js
35 | #
36 | node_modules/
37 | npm-debug.log
38 | yarn-error.log
39 |
40 | # BUCK
41 | buck-out/
42 | \.buckd/
43 | # *.keystore
44 | !debug.keystore
45 |
46 | # fastlane
47 | #
48 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
49 | # screenshots whenever they are needed.
50 | # For more information about the recommended setup visit:
51 | # https://docs.fastlane.tools/best-practices/source-control/
52 |
53 | */fastlane/report.xml
54 | */fastlane/Preview.html
55 | */fastlane/screenshots
56 |
57 | # Bundle artifacts
58 | *.jsbundle
59 |
60 | # CocoaPods
61 | /ios/Pods/
62 |
63 | # Expo
64 | .expo/*
65 | web-build/
66 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = function () {
2 | return {
3 | presets: ["module:metro-react-native-babel-preset"],
4 | plugins: ["react-native-reanimated/plugin"],
5 | };
6 | };
7 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/index.d.ts:
--------------------------------------------------------------------------------
1 | import { ViewStyle } from "react-native";
2 |
3 | declare type Props = {
4 | data: (T & { index: number | null })[];
5 | initialOrder: number[];
6 | itemWidth: number;
7 | itemHeight: number;
8 | itemMargin: number;
9 | offsetY: number;
10 | renderItem: (item: T, index: number) => JSX.Element;
11 | deleteRenderItem: (item: T, index: number) => JSX.Element;
12 | deleteStyle?: ViewStyle;
13 | onOrderingFinished?: (newOrder: number[]) => void;
14 | };
15 |
16 | export default function DraggableGrid(props: Props): JSX.Element;
17 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/index.js:
--------------------------------------------------------------------------------
1 | import DraggableGrid from "./src/components/DraggableGrid";
2 |
3 | export default DraggableGrid;
4 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-native-drag-to-sort-grid",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "types": "index.d.ts",
7 | "scripts": {
8 | "test": "echo \"Error: no test specified\" && exit 1"
9 | },
10 | "peerDependencies": {
11 | "@react-navigation/native": "^5.9.4",
12 | "react": "*",
13 | "react-native": "*",
14 | "react-native-gesture-handler": "^2.1.0",
15 | "react-native-haptic-feedback": "^1.13.0",
16 | "react-native-reanimated": "~2.3.0",
17 | "styled-components": "^5.3.0"
18 | },
19 | "author": "",
20 | "license": "ISC",
21 | "devDependencies": {
22 | "@babel/core": "^7.9.0",
23 | "@types/react": "~16.9.35",
24 | "@types/react-native": "~0.63.4",
25 | "@types/styled-components": "^5.1.9",
26 | "@types/styled-components-react-native": "^5.1.1",
27 | "metro-react-native-babel-preset": "^0.69.1",
28 | "typescript": "^4.4.4"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/src/components/DraggableGrid/DraggableGrid.tsx:
--------------------------------------------------------------------------------
1 | import { useFocusEffect } from "@react-navigation/native";
2 | import React, {
3 | useCallback,
4 | useEffect,
5 | useMemo,
6 | useRef,
7 | useState,
8 | } from "react";
9 | import { Dimensions, ViewStyle } from "react-native";
10 | import Animated, { useSharedValue } from "react-native-reanimated";
11 | import { compareScalarArrays } from "../../helpers/common-helpers";
12 | import DraggableItem from "../DraggableItem";
13 | import Styles from "./styles";
14 |
15 | type Props = {
16 | data: (T & { index: number | null })[];
17 | initialOrder: number[];
18 | itemWidth: number;
19 | itemHeight: number;
20 | itemMargin: number;
21 | offsetY: number;
22 | renderItem: (item: T, index: number) => JSX.Element;
23 | deleteRenderItem: (item: T, index: number) => JSX.Element;
24 | deleteStyle?: ViewStyle;
25 | onOrderingFinished?: (newOrder: number[]) => void;
26 | };
27 |
28 | const WIDTH = Dimensions.get("window").width;
29 |
30 | function DraggableGrid({
31 | data,
32 | initialOrder,
33 | itemWidth,
34 | itemHeight,
35 | itemMargin,
36 | offsetY,
37 | renderItem,
38 | deleteRenderItem,
39 | deleteStyle,
40 | onOrderingFinished = () => {},
41 | }: Props) {
42 | const [HEIGHT, setHEIGHT] = useState(Dimensions.get("window").height);
43 | const scrollRef = useRef(null);
44 | const sharedOrder = useSharedValue(initialOrder);
45 | const [prevOrder, setPrevOrder] = useState(sharedOrder.value);
46 | const [isEditing, setIsEditing] = useState(false);
47 | const [scrollEnabled, setScrollEnabled] = useState(true);
48 |
49 | const numPerRow = useMemo(
50 | () => Math.floor(WIDTH / (itemWidth + 2 * itemMargin)),
51 | [itemWidth]
52 | );
53 |
54 | const usableWidth = useMemo(
55 | () => numPerRow * (itemWidth + 2 * itemMargin),
56 | [itemWidth, numPerRow]
57 | );
58 |
59 | const offsetX = useMemo(() => (WIDTH - usableWidth) / 2, [usableWidth]);
60 |
61 | const scrollHeight = useMemo(() => {
62 | const rows = Math.floor((data.length - 1) / numPerRow) + 1;
63 | const _scrollHeight =
64 | offsetY + (itemHeight + 2 * itemMargin) * rows + itemMargin;
65 | return Math.max(HEIGHT, _scrollHeight);
66 | }, [HEIGHT, data.length, numPerRow]);
67 |
68 | const cancelEditing = useCallback(() => {
69 | setIsEditing(false);
70 | setScrollEnabled(true);
71 | }, []);
72 |
73 | const hasOrderChanged = useMemo(
74 | () => !compareScalarArrays(sharedOrder.value, prevOrder),
75 | [prevOrder, sharedOrder.value]
76 | );
77 |
78 | useFocusEffect(
79 | useCallback(() => {
80 | onOrderingFinished(sharedOrder.value);
81 | }, [])
82 | );
83 |
84 | useEffect(() => {
85 | if (hasOrderChanged) {
86 | setPrevOrder(sharedOrder.value);
87 |
88 | onOrderingFinished(sharedOrder.value);
89 | }
90 | }, [hasOrderChanged, onOrderingFinished, sharedOrder.value]);
91 |
92 | return (
93 | setHEIGHT(event.nativeEvent.layout.height)}
95 | >
96 |
101 |
102 | {data.map((item, i) => (
103 | renderItem(item, i)}
119 | deleteRenderItem={() => deleteRenderItem(item, i)}
120 | deleteStyle={deleteStyle}
121 | />
122 | ))}
123 |
124 |
125 | );
126 | }
127 |
128 | export default DraggableGrid;
129 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/src/components/DraggableGrid/index.ts:
--------------------------------------------------------------------------------
1 | import DraggableGrid from "./DraggableGrid";
2 |
3 | export default DraggableGrid;
4 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/src/components/DraggableGrid/styles.ts:
--------------------------------------------------------------------------------
1 | import { ScrollView } from "react-native-gesture-handler";
2 | import styled from "styled-components/native";
3 |
4 | const Styles = {
5 | Wrapper: styled.View`
6 | flex: 1;
7 | `,
8 | ScrollView: styled(ScrollView)`
9 | flex: 1;
10 | `,
11 | ButtonWrapper: styled.View`
12 | align-items: flex-end;
13 | padding-vertical: 10px;
14 | `,
15 | CancelPressable: styled.Pressable`
16 | position: absolute;
17 | width: 100%;
18 | height: 100%;
19 | `,
20 | };
21 |
22 | export default Styles;
23 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/src/components/DraggableItem/DraggableItem.tsx:
--------------------------------------------------------------------------------
1 | import React, { useCallback, useRef } from "react";
2 | import { ViewStyle } from "react-native";
3 | import {
4 | LongPressGestureHandler,
5 | PanGestureHandler,
6 | } from "react-native-gesture-handler";
7 | import ReactNativeHapticFeedback from "react-native-haptic-feedback";
8 | import Animated, {
9 | Easing,
10 | runOnJS,
11 | SharedValue,
12 | useAnimatedGestureHandler,
13 | useAnimatedReaction,
14 | useAnimatedStyle,
15 | useSharedValue,
16 | withDelay,
17 | withRepeat,
18 | withSequence,
19 | withSpring,
20 | WithSpringConfig,
21 | withTiming,
22 | } from "react-native-reanimated";
23 | import Styles from "./styles";
24 |
25 | type Props = {
26 | index: number;
27 | order: SharedValue;
28 | itemWidth: number;
29 | itemHeight: number;
30 | margin: number;
31 | numPerRow: number;
32 | offsetX: number;
33 | offsetY: number;
34 | scrollRef: React.MutableRefObject;
35 | isEditing: boolean;
36 | setIsEditing: React.Dispatch>;
37 | setScrollEnabled: React.Dispatch>;
38 | cancelEditing: () => void;
39 | renderItem: () => JSX.Element;
40 | deleteRenderItem: () => JSX.Element;
41 | deleteStyle?: ViewStyle;
42 | };
43 |
44 | const springConfig: WithSpringConfig = {
45 | damping: 15,
46 | };
47 |
48 | const LONG_PRESS_DURATION = 300;
49 |
50 | function DraggableItem({
51 | index,
52 | order,
53 | itemWidth,
54 | itemHeight,
55 | margin,
56 | numPerRow,
57 | offsetX,
58 | offsetY,
59 | scrollRef,
60 | isEditing,
61 | setIsEditing,
62 | setScrollEnabled,
63 | cancelEditing,
64 | renderItem,
65 | deleteRenderItem,
66 | deleteStyle,
67 | }: Props) {
68 | const isHeld = useSharedValue(false);
69 | const isMoving = useSharedValue(false);
70 | const scale = useSharedValue(1);
71 | const rotation = useSharedValue(0);
72 | const deleteScale = useSharedValue(0);
73 |
74 | const panRef = useRef(null);
75 | const longPressRef = useRef(null);
76 |
77 | function getPositionFromOrder() {
78 | "worklet";
79 |
80 | const orderPosition = order.value.findIndex((item) => item === index);
81 |
82 | const col = orderPosition % numPerRow;
83 | const row = Math.floor(orderPosition / numPerRow);
84 |
85 | const x = offsetX + (itemWidth + 2 * margin) * col + margin;
86 | const y = offsetY + (itemHeight + 2 * margin) * row + margin;
87 | return { x, y };
88 | }
89 |
90 | const activeX = useSharedValue(getPositionFromOrder().x);
91 | const activeY = useSharedValue(getPositionFromOrder().y);
92 |
93 | function clamp(value: number, min: number, max: number) {
94 | "worklet";
95 |
96 | return Math.min(Math.max(value, min), max);
97 | }
98 |
99 | function getOrderFromPosition(newX: number, newY: number) {
100 | "worklet";
101 |
102 | const centerX = newX + itemWidth / 2;
103 | const centerY = newY + itemHeight / 2;
104 |
105 | const col = Math.floor((centerX - offsetX) / (itemWidth + 2 * margin));
106 | const row = Math.floor((centerY - offsetY) / (itemHeight + 2 * margin));
107 |
108 | const clampedCol = clamp(col, 0, numPerRow - 1);
109 | const clampedRow = clamp(
110 | row,
111 | 0,
112 | Math.floor((order.value.length - 1) / numPerRow)
113 | );
114 |
115 | return { col: clampedCol, row: clampedRow };
116 | }
117 |
118 | function getOrderPositionFromRowCol(row: number, col: number) {
119 | "worklet";
120 |
121 | const newOrderPosition = row * numPerRow + col;
122 | return clamp(newOrderPosition, 0, order.value.length - 1);
123 | }
124 |
125 | function rearrangeOrder(newOrderPosition: number) {
126 | "worklet";
127 |
128 | // First, find and remove index from order array
129 | const newOrder = order.value.filter((orderIndex) => orderIndex !== index);
130 |
131 | // Then, insert index at position specified by newIndex
132 | newOrder.splice(newOrderPosition, 0, index);
133 |
134 | // Finally, update order
135 | order.value = newOrder;
136 | }
137 |
138 | function handleRearrange(newX: number, newY: number) {
139 | "worklet";
140 |
141 | const { col, row } = getOrderFromPosition(newX, newY);
142 | const newOrderPosition = getOrderPositionFromRowCol(row, col);
143 |
144 | rearrangeOrder(newOrderPosition);
145 | }
146 |
147 | function holdAnimation(value: number) {
148 | "worklet";
149 |
150 | return withDelay(
151 | 200,
152 | withTiming(value, {
153 | duration: LONG_PRESS_DURATION - 200,
154 | easing: Easing.inOut(Easing.quad),
155 | })
156 | );
157 | }
158 |
159 | function releaseAnimation(value: number) {
160 | "worklet";
161 |
162 | return withTiming(value, {
163 | duration: LONG_PRESS_DURATION,
164 | easing: Easing.inOut(Easing.quad),
165 | });
166 | }
167 |
168 | const eventHandler = useAnimatedGestureHandler({
169 | onStart: (event, ctx) => {
170 | ctx.startX = activeX.value;
171 | ctx.startY = activeY.value;
172 | },
173 | onActive: (event, ctx) => {
174 | if (isHeld.value) {
175 | isMoving.value = true;
176 | const newX = ctx.startX + event.translationX;
177 | const newY = ctx.startY + event.translationY;
178 |
179 | activeX.value = newX;
180 | activeY.value = newY;
181 |
182 | handleRearrange(newX, newY);
183 | }
184 | },
185 | onEnd: (event, ctx) => {
186 | scale.value = releaseAnimation(1);
187 | if (isHeld.value) {
188 | const newX = ctx.startX + event.translationX;
189 | const newY = ctx.startY + event.translationY;
190 |
191 | activeX.value = newX;
192 | activeY.value = newY;
193 |
194 | handleRearrange(newX, newY);
195 | }
196 |
197 | runOnJS(setScrollEnabled)(true);
198 | isHeld.value = false;
199 | isMoving.value = false;
200 | },
201 | });
202 |
203 | function handleReposition() {
204 | "worklet";
205 |
206 | const { x, y } = getPositionFromOrder(); // TODO: Might need to pass order as a param
207 | activeX.value = withSpring(x, springConfig);
208 | activeY.value = withSpring(y, springConfig);
209 | }
210 |
211 | useAnimatedReaction(
212 | () => JSON.stringify(order.value),
213 | (result, previous) => {
214 | if (result !== previous && !isHeld.value) {
215 | handleReposition();
216 | }
217 | }
218 | );
219 |
220 | useAnimatedReaction(
221 | () => isHeld.value,
222 | (result, previous) => {
223 | if (result !== previous) {
224 | handleReposition();
225 | }
226 | }
227 | );
228 |
229 | useAnimatedReaction(
230 | () => isEditing,
231 | (result, previous) => {
232 | const cycleTime = 150;
233 | const distance = 1.5;
234 | if (result && !previous) {
235 | rotation.value = withSequence(
236 | withTiming(-distance, { duration: cycleTime / 2 }),
237 | withRepeat(withTiming(distance, { duration: cycleTime }), 0, true)
238 | );
239 | deleteScale.value = withSpring(1, { damping: 12, mass: 1 });
240 | } else if (!result && previous) {
241 | rotation.value = withTiming(0, { duration: cycleTime / 2 });
242 | deleteScale.value = withTiming(0, {
243 | duration: 200,
244 | easing: Easing.out(Easing.quad),
245 | });
246 | }
247 | }
248 | );
249 |
250 | const triggerHapticFeedback = useCallback(() => {
251 | ReactNativeHapticFeedback.trigger("impactMedium");
252 | }, []);
253 |
254 | const animatedStyle = useAnimatedStyle(() => ({
255 | transform: [
256 | {
257 | translateX: activeX.value,
258 | },
259 | {
260 | translateY: activeY.value,
261 | },
262 | {
263 | scale: scale.value,
264 | },
265 | {
266 | rotateZ: `${rotation.value}deg`,
267 | },
268 | ],
269 | zIndex: isHeld.value ? 1 : 0,
270 | }));
271 |
272 | const deleteAnimatedStyle = useAnimatedStyle(() => ({
273 | transform: [
274 | {
275 | scale: deleteScale.value,
276 | },
277 | ],
278 | }));
279 |
280 | return (
281 |
286 |
289 | {
293 | scale.value = holdAnimation(1.05);
294 | }}
295 | onFailed={() => {
296 | scale.value = releaseAnimation(1);
297 | }}
298 | onActivated={() => {
299 | triggerHapticFeedback();
300 | setIsEditing(true);
301 | setScrollEnabled(false);
302 | isHeld.value = true;
303 | }}
304 | onEnded={() => {
305 | if (!isMoving.value) {
306 | isHeld.value = false;
307 | }
308 | scale.value = releaseAnimation(1);
309 | }}
310 | ref={longPressRef}
311 | simultaneousHandlers={[scrollRef, panRef]}
312 | >
313 |
319 | {renderItem()}
320 | {isEditing ? (
321 |
322 | ) : null}
323 |
324 |
325 |
326 | {deleteRenderItem()}
327 |
328 |
329 |
330 | );
331 | }
332 |
333 | export default DraggableItem;
334 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/src/components/DraggableItem/index.ts:
--------------------------------------------------------------------------------
1 | import DraggableItem from "./DraggableItem";
2 |
3 | export default DraggableItem;
4 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/src/components/DraggableItem/styles.ts:
--------------------------------------------------------------------------------
1 | import Animated from "react-native-reanimated";
2 | import styled from "styled-components/native";
3 |
4 | const Styles = {
5 | AnimatedView: styled(Animated.View)`
6 | position: absolute;
7 | justify-content: center;
8 | align-items: center;
9 | `,
10 | InnerAnimatedView: styled(Animated.View)``,
11 | Content: styled.View`
12 | flex: 1;
13 | justify-content: center;
14 | align-items: center;
15 | `,
16 | CancelPressable: styled.Pressable`
17 | position: absolute;
18 | width: 100%;
19 | height: 100%;
20 | `,
21 | AnimatedDeleteView: styled(Animated.View)`
22 | position: absolute;
23 | `,
24 | };
25 |
26 | export default Styles;
27 |
--------------------------------------------------------------------------------
/react-native-drag-to-sort-grid/src/helpers/common-helpers.ts:
--------------------------------------------------------------------------------
1 | // Max O(n) iterations
2 | export function compareScalarArrays(array1: T[], array2: T[]) {
3 | if (array1.length !== array2.length) {
4 | return false;
5 | }
6 | for (let i = 0; i < array1.length; i++) {
7 | if (array1[i] !== array2[i]) {
8 | return false;
9 | }
10 | }
11 | return true;
12 | }
13 |
--------------------------------------------------------------------------------