├── .circleci └── config.yml ├── .editorconfig ├── .gitattributes ├── .github └── FUNDING.yml ├── .gitignore ├── .husky ├── .npmignore ├── commit-msg └── pre-commit ├── .yarnrc ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── babel.config.js ├── example ├── android │ ├── .gitignore │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── build_defs.bzl │ │ ├── debug.keystore │ │ ├── proguard-rules.pro │ │ └── src │ │ │ ├── debug │ │ │ ├── AndroidManifest.xml │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── nishanbende │ │ │ │ └── reactnativereanimatedzoomexample │ │ │ │ └── ReactNativeFlipper.java │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── nishanbende │ │ │ │ └── reactnativereanimatedzoomexample │ │ │ │ ├── MainActivity.java │ │ │ │ ├── MainApplication.java │ │ │ │ └── newarchitecture │ │ │ │ ├── MainApplicationReactNativeHost.java │ │ │ │ ├── components │ │ │ │ └── MainComponentsRegistry.java │ │ │ │ └── modules │ │ │ │ └── MainApplicationTurboModuleManagerDelegate.java │ │ │ ├── jni │ │ │ ├── Android.mk │ │ │ ├── MainApplicationModuleProvider.cpp │ │ │ ├── MainApplicationModuleProvider.h │ │ │ ├── MainApplicationTurboModuleManagerDelegate.cpp │ │ │ ├── MainApplicationTurboModuleManagerDelegate.h │ │ │ ├── MainComponentsRegistry.cpp │ │ │ ├── MainComponentsRegistry.h │ │ │ └── OnLoad.cpp │ │ │ └── res │ │ │ ├── drawable │ │ │ ├── rn_edit_text_material.xml │ │ │ └── splashscreen.xml │ │ │ ├── mipmap-hdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── values-night │ │ │ └── colors.xml │ │ │ └── values │ │ │ ├── colors.xml │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle ├── app.json ├── babel.config.js ├── index.js ├── ios │ ├── .gitignore │ ├── .xcode.env │ ├── Podfile │ ├── Podfile.lock │ ├── Podfile.properties.json │ ├── reactnativereanimatedzoomexample.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── reactnativereanimatedzoomexample.xcscheme │ ├── reactnativereanimatedzoomexample.xcworkspace │ │ └── contents.xcworkspacedata │ └── reactnativereanimatedzoomexample │ │ ├── AppDelegate.h │ │ ├── AppDelegate.mm │ │ ├── Images.xcassets │ │ ├── AppIcon.appiconset │ │ │ └── Contents.json │ │ ├── Contents.json │ │ └── SplashScreenBackground.imageset │ │ │ ├── Contents.json │ │ │ └── image.png │ │ ├── Info.plist │ │ ├── SplashScreen.storyboard │ │ ├── Supporting │ │ └── Expo.plist │ │ ├── main.m │ │ ├── noop-file.swift │ │ └── reactnativereanimatedzoomexample.entitlements ├── metro.config.js ├── package.json ├── src │ └── App.tsx ├── tsconfig.json ├── webpack.config.js └── yarn.lock ├── package.json ├── scripts └── bootstrap.js ├── src ├── __tests__ │ └── index.test.tsx ├── createZoomListComponent.tsx ├── index.ts ├── zoom-list-context.ts └── zoom.tsx ├── tsconfig.build.json ├── tsconfig.json └── yarn.lock /.circleci/config.yml: -------------------------------------------------------------------------------- 1 | version: 2.1 2 | 3 | executors: 4 | default: 5 | docker: 6 | - image: circleci/node:10 7 | working_directory: ~/project 8 | 9 | commands: 10 | attach_project: 11 | steps: 12 | - attach_workspace: 13 | at: ~/project 14 | 15 | jobs: 16 | install-dependencies: 17 | executor: default 18 | steps: 19 | - checkout 20 | - attach_project 21 | - restore_cache: 22 | keys: 23 | - dependencies-{{ checksum "package.json" }} 24 | - dependencies- 25 | - restore_cache: 26 | keys: 27 | - dependencies-example-{{ checksum "example/package.json" }} 28 | - dependencies-example- 29 | - run: 30 | name: Install dependencies 31 | command: | 32 | yarn install --cwd example --frozen-lockfile 33 | yarn install --frozen-lockfile 34 | - save_cache: 35 | key: dependencies-{{ checksum "package.json" }} 36 | paths: node_modules 37 | - save_cache: 38 | key: dependencies-example-{{ checksum "example/package.json" }} 39 | paths: example/node_modules 40 | - persist_to_workspace: 41 | root: . 42 | paths: . 43 | 44 | lint: 45 | executor: default 46 | steps: 47 | - attach_project 48 | - run: 49 | name: Lint files 50 | command: | 51 | yarn lint 52 | 53 | typescript: 54 | executor: default 55 | steps: 56 | - attach_project 57 | - run: 58 | name: Typecheck files 59 | command: | 60 | yarn typescript 61 | 62 | unit-tests: 63 | executor: default 64 | steps: 65 | - attach_project 66 | - run: 67 | name: Run unit tests 68 | command: | 69 | yarn test --coverage 70 | - store_artifacts: 71 | path: coverage 72 | destination: coverage 73 | 74 | build-package: 75 | executor: default 76 | steps: 77 | - attach_project 78 | - run: 79 | name: Build package 80 | command: | 81 | yarn prepare 82 | 83 | workflows: 84 | build-and-test: 85 | jobs: 86 | - install-dependencies 87 | - lint: 88 | requires: 89 | - install-dependencies 90 | - typescript: 91 | requires: 92 | - install-dependencies 93 | - unit-tests: 94 | requires: 95 | - install-dependencies 96 | - build-package: 97 | requires: 98 | - install-dependencies 99 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # editorconfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | 9 | indent_style = space 10 | indent_size = 2 11 | 12 | end_of_line = lf 13 | charset = utf-8 14 | trim_trailing_whitespace = true 15 | insert_final_newline = true 16 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | # specific for windows script files 3 | *.bat text eol=crlf -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # XDE 6 | .expo/ 7 | 8 | # VSCode 9 | .vscode/ 10 | jsconfig.json 11 | 12 | # Xcode 13 | # 14 | build/ 15 | *.pbxuser 16 | !default.pbxuser 17 | *.mode1v3 18 | !default.mode1v3 19 | *.mode2v3 20 | !default.mode2v3 21 | *.perspectivev3 22 | !default.perspectivev3 23 | xcuserdata 24 | *.xccheckout 25 | *.moved-aside 26 | DerivedData 27 | *.hmap 28 | *.ipa 29 | *.xcuserstate 30 | project.xcworkspace 31 | 32 | # Android/IJ 33 | # 34 | .classpath 35 | .cxx 36 | .gradle 37 | .idea 38 | .project 39 | .settings 40 | local.properties 41 | android.iml 42 | 43 | # Cocoapods 44 | # 45 | example/ios/Pods 46 | 47 | # node.js 48 | # 49 | node_modules/ 50 | npm-debug.log 51 | yarn-debug.log 52 | yarn-error.log 53 | 54 | # BUCK 55 | buck-out/ 56 | \.buckd/ 57 | android/app/libs 58 | android/keystores/debug.keystore 59 | 60 | # Expo 61 | .expo/* 62 | 63 | # generated by bob 64 | lib/ 65 | -------------------------------------------------------------------------------- /.husky/.npmignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | yarn commitlint -E HUSKY_GIT_PARAMS 5 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | yarn lint && yarn typescript 5 | -------------------------------------------------------------------------------- /.yarnrc: -------------------------------------------------------------------------------- 1 | # Override Yarn command so we can automatically setup the repo on running `yarn` 2 | 3 | yarn-path "scripts/bootstrap.js" 4 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | We want this community to be friendly and respectful to each other. Please follow it in all your interactions with the project. 4 | 5 | ## Development workflow 6 | 7 | To get started with the project, run `yarn` in the root directory to install the required dependencies for each package: 8 | 9 | ```sh 10 | yarn 11 | ``` 12 | 13 | > While it's possible to use [`npm`](https://github.com/npm/cli), the tooling is built around [`yarn`](https://classic.yarnpkg.com/), so you'll have an easier time if you use `yarn` for development. 14 | 15 | While developing, you can run the [example app](/example/) to test your changes. Any changes you make in your library's JavaScript code will be reflected in the example app without a rebuild. If you change any native code, then you'll need to rebuild the example app. 16 | 17 | To start the packager: 18 | 19 | ```sh 20 | yarn example start 21 | ``` 22 | 23 | To run the example app on Android: 24 | 25 | ```sh 26 | yarn example android 27 | ``` 28 | 29 | To run the example app on iOS: 30 | 31 | ```sh 32 | yarn example ios 33 | ``` 34 | 35 | To run the example app on Web: 36 | 37 | ```sh 38 | yarn example web 39 | ``` 40 | 41 | Make sure your code passes TypeScript and ESLint. Run the following to verify: 42 | 43 | ```sh 44 | yarn typescript 45 | yarn lint 46 | ``` 47 | 48 | To fix formatting errors, run the following: 49 | 50 | ```sh 51 | yarn lint --fix 52 | ``` 53 | 54 | Remember to add tests for your change if possible. Run the unit tests by: 55 | 56 | ```sh 57 | yarn test 58 | ``` 59 | 60 | ### Commit message convention 61 | 62 | We follow the [conventional commits specification](https://www.conventionalcommits.org/en) for our commit messages: 63 | 64 | - `fix`: bug fixes, e.g. fix crash due to deprecated method. 65 | - `feat`: new features, e.g. add new method to the module. 66 | - `refactor`: code refactor, e.g. migrate from class components to hooks. 67 | - `docs`: changes into documentation, e.g. add usage example for the module.. 68 | - `test`: adding or updating tests, e.g. add integration tests using detox. 69 | - `chore`: tooling changes, e.g. change CI config. 70 | 71 | Our pre-commit hooks verify that your commit message matches this format when committing. 72 | 73 | ### Linting and tests 74 | 75 | [ESLint](https://eslint.org/), [Prettier](https://prettier.io/), [TypeScript](https://www.typescriptlang.org/) 76 | 77 | We use [TypeScript](https://www.typescriptlang.org/) for type checking, [ESLint](https://eslint.org/) with [Prettier](https://prettier.io/) for linting and formatting the code, and [Jest](https://jestjs.io/) for testing. 78 | 79 | Our pre-commit hooks verify that the linter and tests pass when committing. 80 | 81 | ### Publishing to npm 82 | 83 | We use [release-it](https://github.com/release-it/release-it) to make it easier to publish new versions. It handles common tasks like bumping version based on semver, creating tags and releases etc. 84 | 85 | To publish new versions, run the following: 86 | 87 | ```sh 88 | yarn release 89 | ``` 90 | 91 | ### Scripts 92 | 93 | The `package.json` file contains various scripts for common tasks: 94 | 95 | - `yarn bootstrap`: setup project by installing all dependencies and pods. 96 | - `yarn typescript`: type-check files with TypeScript. 97 | - `yarn lint`: lint files with ESLint. 98 | - `yarn test`: run unit tests with Jest. 99 | - `yarn example start`: start the Metro server for the example app. 100 | - `yarn example android`: run the example app on Android. 101 | - `yarn example ios`: run the example app on iOS. 102 | 103 | ### Sending a pull request 104 | 105 | > **Working on your first pull request?** You can learn how from this _free_ series: [How to Contribute to an Open Source Project on GitHub](https://app.egghead.io/playlists/how-to-contribute-to-an-open-source-project-on-github). 106 | 107 | When you're sending a pull request: 108 | 109 | - Prefer small pull requests focused on one change. 110 | - Verify that linters and tests are passing. 111 | - Review the documentation to make sure it looks good. 112 | - Follow the pull request template when opening a pull request. 113 | - For pull requests that change the API or implementation, discuss with maintainers first by opening an issue. 114 | 115 | ## Code of Conduct 116 | 117 | ### Our Pledge 118 | 119 | We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. 120 | 121 | We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community. 122 | 123 | ### Our Standards 124 | 125 | Examples of behavior that contributes to a positive environment for our community include: 126 | 127 | - Demonstrating empathy and kindness toward other people 128 | - Being respectful of differing opinions, viewpoints, and experiences 129 | - Giving and gracefully accepting constructive feedback 130 | - Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience 131 | - Focusing on what is best not just for us as individuals, but for the overall community 132 | 133 | Examples of unacceptable behavior include: 134 | 135 | - The use of sexualized language or imagery, and sexual attention or 136 | advances of any kind 137 | - Trolling, insulting or derogatory comments, and personal or political attacks 138 | - Public or private harassment 139 | - Publishing others' private information, such as a physical or email 140 | address, without their explicit permission 141 | - Other conduct which could reasonably be considered inappropriate in a 142 | professional setting 143 | 144 | ### Enforcement Responsibilities 145 | 146 | Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful. 147 | 148 | Community leaders have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and will communicate reasons for moderation decisions when appropriate. 149 | 150 | ### Scope 151 | 152 | This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. 153 | 154 | ### Enforcement 155 | 156 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported to the community leaders responsible for enforcement at [INSERT CONTACT METHOD]. All complaints will be reviewed and investigated promptly and fairly. 157 | 158 | All community leaders are obligated to respect the privacy and security of the reporter of any incident. 159 | 160 | ### Enforcement Guidelines 161 | 162 | Community leaders will follow these Community Impact Guidelines in determining the consequences for any action they deem in violation of this Code of Conduct: 163 | 164 | #### 1. Correction 165 | 166 | **Community Impact**: Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community. 167 | 168 | **Consequence**: A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested. 169 | 170 | #### 2. Warning 171 | 172 | **Community Impact**: A violation through a single incident or series of actions. 173 | 174 | **Consequence**: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban. 175 | 176 | #### 3. Temporary Ban 177 | 178 | **Community Impact**: A serious violation of community standards, including sustained inappropriate behavior. 179 | 180 | **Consequence**: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban. 181 | 182 | #### 4. Permanent Ban 183 | 184 | **Community Impact**: Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals. 185 | 186 | **Consequence**: A permanent ban from any sort of public interaction within the community. 187 | 188 | ### Attribution 189 | 190 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 2.0, 191 | available at https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 192 | 193 | Community Impact Guidelines were inspired by [Mozilla's code of conduct enforcement ladder](https://github.com/mozilla/diversity). 194 | 195 | [homepage]: https://www.contributor-covenant.org 196 | 197 | For answers to common questions about this code of conduct, see the FAQ at 198 | https://www.contributor-covenant.org/faq. Translations are available at https://www.contributor-covenant.org/translations. 199 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 nishan 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-reanimated-zoom 🔎 2 | 3 | Component for zooming react native views. 🧐 4 | 5 | https://user-images.githubusercontent.com/23293248/155864802-a81cf3a3-9f08-4399-abee-64bc94049c8b.mp4 6 | 7 | # Features 8 | 9 | - Simple API. 10 | - Performant. No state triggered re-renders. ⚡️ 11 | - Can be used with Image/Video or any kind of View. 12 | - Works with FlatList/ScrollView. 13 | - Consistent on Android and iOS. 14 | 15 | https://user-images.githubusercontent.com/23293248/174450283-e05684ed-9963-448b-8efc-bf33973aae0a.MP4 16 | 17 | ## Installation 18 | 19 | ```sh 20 | # npm 21 | npm install react-native-reanimated-zoom 22 | # yarn 23 | yarn add react-native-reanimated-zoom 24 | ``` 25 | 26 | ## Peer dependencies 27 | 28 | Make sure you have installed `react-native-gesture-handler` > 2 and `react-native-reanimated` > 2. 29 | 30 | ## Usage 31 | 32 | ### Simple zoom view 33 | 34 | ```jsx 35 | import { Zoom } from 'react-native-reanimated-zoom'; 36 | 37 | export default function App() { 38 | return ( 39 | 40 | 46 | 47 | ); 48 | } 49 | ``` 50 | 51 | ### With FlatList or ScrollView 52 | 53 | ```jsx 54 | import { FlatList } from 'react-native'; 55 | import { Zoom, createZoomListComponent } from 'react-native-reanimated-zoom'; 56 | 57 | const ZoomFlatList = createZoomListComponent(FlatList); 58 | 59 | const ListExample = () => { 60 | const renderItem = React.useCallback( 61 | ({ item }) => { 62 | return ( 63 | 64 | 73 | 74 | ); 75 | }, 76 | [dimension] 77 | ); 78 | 79 | return ( 80 | item} 85 | renderItem={renderItem} 86 | /> 87 | ); 88 | }; 89 | ``` 90 | 91 | ## Props 92 | 93 | - `minimumZoomScale` - Determines minimum scale value the component should zoom out. Defaults to 1. 94 | - `maximumZoomScale` - Determines maximum scale value the component should zoom in. Defaults to 8. 95 | - `onZoomBegin` - Callback. Gets called when view is zoomed in. 96 | - `onZoomEnd` - Callback. Gets called when view zoom is restored. 97 | 98 | ## Examples 99 | 100 | - You can find examples of a simple zoom view and zoomable items in list [here](https://github.com/intergalacticspacehighway/react-native-reanimated-zoom/tree/main/example) 101 | 102 | ## Contributing 103 | 104 | See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow. 105 | 106 | ## License 107 | 108 | MIT 109 | 110 | ## Known issues 111 | 112 | - https://github.com/software-mansion/react-native-gesture-handler/issues/1804#issuecomment-1019819191 Currently pan and pinch gesture are not triggering simultaneously in expo managed workflow. I'll look into it when I have some time. This issue doesn't happen on bare react native, release or expo dev client builds. 113 | 114 | ## Credits 115 | 116 | Built with [react-native-builder-bob](https://github.com/callstack/react-native-builder-bob/) ❤️ 117 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | }; 4 | -------------------------------------------------------------------------------- /example/android/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Android/IntelliJ 6 | # 7 | build/ 8 | .idea 9 | .gradle 10 | local.properties 11 | *.iml 12 | *.hprof 13 | 14 | # BUCK 15 | buck-out/ 16 | \.buckd/ 17 | *.keystore 18 | !debug.keystore 19 | 20 | # Bundle artifacts 21 | *.jsbundle 22 | -------------------------------------------------------------------------------- /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.nishanbende.reactnativereanimatedzoomexample", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.nishanbende.reactnativereanimatedzoomexample", 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 | import org.apache.tools.ant.taskdefs.condition.Os 5 | 6 | /** 7 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 8 | * and bundleReleaseJsAndAssets). 9 | * These basically call `react-native bundle` with the correct arguments during the Android build 10 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 11 | * bundle directly from the development server. Below you can see all the possible configurations 12 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 13 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 14 | * 15 | * project.ext.react = [ 16 | * // the name of the generated asset file containing your JS bundle 17 | * bundleAssetName: "index.android.bundle", 18 | * 19 | * // the entry file for bundle generation. If none specified and 20 | * // "index.android.js" exists, it will be used. Otherwise "index.js" is 21 | * // default. Can be overridden with ENTRY_FILE environment variable. 22 | * entryFile: "index.android.js", 23 | * 24 | * // https://reactnative.dev/docs/performance#enable-the-ram-format 25 | * bundleCommand: "ram-bundle", 26 | * 27 | * // whether to bundle JS and assets in debug mode 28 | * bundleInDebug: false, 29 | * 30 | * // whether to bundle JS and assets in release mode 31 | * bundleInRelease: true, 32 | * 33 | * // whether to bundle JS and assets in another build variant (if configured). 34 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 35 | * // The configuration property can be in the following formats 36 | * // 'bundleIn${productFlavor}${buildType}' 37 | * // 'bundleIn${buildType}' 38 | * // bundleInFreeDebug: true, 39 | * // bundleInPaidRelease: true, 40 | * // bundleInBeta: true, 41 | * 42 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 43 | * // for example: to disable dev mode in the staging build type (if configured) 44 | * devDisabledInStaging: true, 45 | * // The configuration property can be in the following formats 46 | * // 'devDisabledIn${productFlavor}${buildType}' 47 | * // 'devDisabledIn${buildType}' 48 | * 49 | * // the root of your project, i.e. where "package.json" lives 50 | * root: "../../", 51 | * 52 | * // where to put the JS bundle asset in debug mode 53 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 54 | * 55 | * // where to put the JS bundle asset in release mode 56 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 57 | * 58 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 59 | * // require('./image.png')), in debug mode 60 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 61 | * 62 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 63 | * // require('./image.png')), in release mode 64 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 65 | * 66 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 67 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 68 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 69 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 70 | * // for example, you might want to remove it from here. 71 | * inputExcludes: ["android/**", "ios/**"], 72 | * 73 | * // override which node gets called and with what additional arguments 74 | * nodeExecutableAndArgs: ["node"], 75 | * 76 | * // supply additional arguments to the packager 77 | * extraPackagerArgs: [] 78 | * ] 79 | */ 80 | 81 | def projectRoot = rootDir.getAbsoluteFile().getParentFile().getAbsolutePath() 82 | 83 | project.ext.react = [ 84 | entryFile: ["node", "-e", "require('expo/scripts/resolveAppEntry')", projectRoot, "android"].execute(null, rootDir).text.trim(), 85 | enableHermes: (findProperty('expo.jsEngine') ?: "jsc") == "hermes", 86 | cliPath: new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/cli.js", 87 | hermesCommand: new File(["node", "--print", "require.resolve('hermes-engine/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/%OS-BIN%/hermesc", 88 | composeSourceMapsPath: new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/scripts/compose-source-maps.js", 89 | ] 90 | 91 | apply from: new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../react.gradle") 92 | 93 | /** 94 | * Set this to true to create two separate APKs instead of one: 95 | * - An APK that only works on ARM devices 96 | * - An APK that only works on x86 devices 97 | * The advantage is the size of the APK is reduced by about 4MB. 98 | * Upload all the APKs to the Play Store and people will download 99 | * the correct one based on the CPU architecture of their device. 100 | */ 101 | def enableSeparateBuildPerCPUArchitecture = false 102 | 103 | /** 104 | * Run Proguard to shrink the Java bytecode in release builds. 105 | */ 106 | def enableProguardInReleaseBuilds = (findProperty('android.enableProguardInReleaseBuilds') ?: false).toBoolean() 107 | 108 | /** 109 | * The preferred build flavor of JavaScriptCore. 110 | * 111 | * For example, to use the international variant, you can use: 112 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 113 | * 114 | * The international variant includes ICU i18n library and necessary data 115 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 116 | * give correct results when using with locales other than en-US. Note that 117 | * this variant is about 6MiB larger per architecture than default. 118 | */ 119 | def jscFlavor = 'org.webkit:android-jsc:+' 120 | 121 | /** 122 | * Whether to enable the Hermes VM. 123 | * 124 | * This should be set on project.ext.react and that value will be read here. If it is not set 125 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 126 | * and the benefits of using Hermes will therefore be sharply reduced. 127 | */ 128 | def enableHermes = project.ext.react.get("enableHermes", false); 129 | 130 | /** 131 | * Architectures to build native code for. 132 | */ 133 | def reactNativeArchitectures() { 134 | def value = project.getProperties().get("reactNativeArchitectures") 135 | return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"] 136 | } 137 | 138 | android { 139 | ndkVersion rootProject.ext.ndkVersion 140 | 141 | compileSdkVersion rootProject.ext.compileSdkVersion 142 | 143 | defaultConfig { 144 | applicationId 'com.nishanbende.reactnativereanimatedzoomexample' 145 | minSdkVersion rootProject.ext.minSdkVersion 146 | targetSdkVersion rootProject.ext.targetSdkVersion 147 | versionCode 1 148 | versionName "1.0.0" 149 | buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString() 150 | 151 | if (isNewArchitectureEnabled()) { 152 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 153 | externalNativeBuild { 154 | ndkBuild { 155 | arguments "APP_PLATFORM=android-21", 156 | "APP_STL=c++_shared", 157 | "NDK_TOOLCHAIN_VERSION=clang", 158 | "GENERATED_SRC_DIR=$buildDir/generated/source", 159 | "PROJECT_BUILD_DIR=$buildDir", 160 | "REACT_ANDROID_DIR=$rootDir/../node_modules/react-native/ReactAndroid", 161 | "REACT_ANDROID_BUILD_DIR=$rootDir/../node_modules/react-native/ReactAndroid/build" 162 | cFlags "-Wall", "-Werror", "-fexceptions", "-frtti", "-DWITH_INSPECTOR=1" 163 | cppFlags "-std=c++17" 164 | // Make sure this target name is the same you specify inside the 165 | // src/main/jni/Android.mk file for the `LOCAL_MODULE` variable. 166 | targets "reactnativereanimatedzoomexample_appmodules" 167 | 168 | // Fix for windows limit on number of character in file paths and in command lines 169 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 170 | arguments "NDK_APP_SHORT_COMMANDS=true" 171 | } 172 | } 173 | } 174 | if (!enableSeparateBuildPerCPUArchitecture) { 175 | ndk { 176 | abiFilters (*reactNativeArchitectures()) 177 | } 178 | } 179 | } 180 | } 181 | 182 | if (isNewArchitectureEnabled()) { 183 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 184 | externalNativeBuild { 185 | ndkBuild { 186 | path "$projectDir/src/main/jni/Android.mk" 187 | } 188 | } 189 | def reactAndroidProjectDir = project(':ReactAndroid').projectDir 190 | def packageReactNdkDebugLibs = tasks.register("packageReactNdkDebugLibs", Copy) { 191 | dependsOn(":ReactAndroid:packageReactNdkDebugLibsForBuck") 192 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 193 | into("$buildDir/react-ndk/exported") 194 | } 195 | def packageReactNdkReleaseLibs = tasks.register("packageReactNdkReleaseLibs", Copy) { 196 | dependsOn(":ReactAndroid:packageReactNdkReleaseLibsForBuck") 197 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 198 | into("$buildDir/react-ndk/exported") 199 | } 200 | afterEvaluate { 201 | // If you wish to add a custom TurboModule or component locally, 202 | // you should uncomment this line. 203 | // preBuild.dependsOn("generateCodegenArtifactsFromSchema") 204 | preDebugBuild.dependsOn(packageReactNdkDebugLibs) 205 | preReleaseBuild.dependsOn(packageReactNdkReleaseLibs) 206 | 207 | // Due to a bug inside AGP, we have to explicitly set a dependency 208 | // between configureNdkBuild* tasks and the preBuild tasks. 209 | // This can be removed once this is solved: https://issuetracker.google.com/issues/207403732 210 | configureNdkBuildRelease.dependsOn(preReleaseBuild) 211 | configureNdkBuildDebug.dependsOn(preDebugBuild) 212 | reactNativeArchitectures().each { architecture -> 213 | tasks.findByName("configureNdkBuildDebug[${architecture}]")?.configure { 214 | dependsOn("preDebugBuild") 215 | } 216 | tasks.findByName("configureNdkBuildRelease[${architecture}]")?.configure { 217 | dependsOn("preReleaseBuild") 218 | } 219 | } 220 | } 221 | } 222 | 223 | splits { 224 | abi { 225 | reset() 226 | enable enableSeparateBuildPerCPUArchitecture 227 | universalApk false // If true, also generate a universal APK 228 | include (*reactNativeArchitectures()) 229 | } 230 | } 231 | signingConfigs { 232 | debug { 233 | storeFile file('debug.keystore') 234 | storePassword 'android' 235 | keyAlias 'androiddebugkey' 236 | keyPassword 'android' 237 | } 238 | } 239 | buildTypes { 240 | debug { 241 | signingConfig signingConfigs.debug 242 | } 243 | release { 244 | // Caution! In production, you need to generate your own keystore file. 245 | // see https://reactnative.dev/docs/signed-apk-android. 246 | signingConfig signingConfigs.debug 247 | minifyEnabled enableProguardInReleaseBuilds 248 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 249 | } 250 | } 251 | 252 | // applicationVariants are e.g. debug, release 253 | applicationVariants.all { variant -> 254 | variant.outputs.each { output -> 255 | // For each separate APK per architecture, set a unique version code as described here: 256 | // https://developer.android.com/studio/build/configure-apk-splits.html 257 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 258 | def abi = output.getFilter(OutputFile.ABI) 259 | if (abi != null) { // null for the universal-debug, universal-release variants 260 | output.versionCodeOverride = 261 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 262 | } 263 | 264 | } 265 | } 266 | } 267 | 268 | // Apply static values from `gradle.properties` to the `android.packagingOptions` 269 | // Accepts values in comma delimited lists, example: 270 | // android.packagingOptions.pickFirsts=/LICENSE,**/picasa.ini 271 | ["pickFirsts", "excludes", "merges", "doNotStrip"].each { prop -> 272 | // Split option: 'foo,bar' -> ['foo', 'bar'] 273 | def options = (findProperty("android.packagingOptions.$prop") ?: "").split(","); 274 | // Trim all elements in place. 275 | for (i in 0.. 0) { 280 | println "android.packagingOptions.$prop += $options ($options.length)" 281 | // Ex: android.packagingOptions.pickFirsts += '**/SCCS/**' 282 | options.each { 283 | android.packagingOptions[prop] += it 284 | } 285 | } 286 | } 287 | 288 | dependencies { 289 | implementation fileTree(dir: "libs", include: ["*.jar"]) 290 | 291 | //noinspection GradleDynamicVersion 292 | implementation "com.facebook.react:react-native:+" // From node_modules 293 | 294 | def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true"; 295 | def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true"; 296 | def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true"; 297 | def frescoVersion = rootProject.ext.frescoVersion 298 | 299 | // If your app supports Android versions before Ice Cream Sandwich (API level 14) 300 | if (isGifEnabled || isWebpEnabled) { 301 | implementation "com.facebook.fresco:fresco:${frescoVersion}" 302 | implementation "com.facebook.fresco:imagepipeline-okhttp3:${frescoVersion}" 303 | } 304 | 305 | if (isGifEnabled) { 306 | // For animated gif support 307 | implementation "com.facebook.fresco:animated-gif:${frescoVersion}" 308 | } 309 | 310 | if (isWebpEnabled) { 311 | // For webp support 312 | implementation "com.facebook.fresco:webpsupport:${frescoVersion}" 313 | if (isWebpAnimatedEnabled) { 314 | // Animated webp support 315 | implementation "com.facebook.fresco:animated-webp:${frescoVersion}" 316 | } 317 | } 318 | 319 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" 320 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 321 | exclude group:'com.facebook.fbjni' 322 | } 323 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 324 | exclude group:'com.facebook.flipper' 325 | exclude group:'com.squareup.okhttp3', module:'okhttp' 326 | } 327 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 328 | exclude group:'com.facebook.flipper' 329 | } 330 | 331 | if (enableHermes) { 332 | debugImplementation files(new File(["node", "--print", "require.resolve('hermes-engine/package.json')"].execute(null, rootDir).text.trim(), "../android/hermes-debug.aar")) 333 | releaseImplementation files(new File(["node", "--print", "require.resolve('hermes-engine/package.json')"].execute(null, rootDir).text.trim(), "../android/hermes-release.aar")) 334 | } else { 335 | implementation jscFlavor 336 | } 337 | } 338 | 339 | if (isNewArchitectureEnabled()) { 340 | // If new architecture is enabled, we let you build RN from source 341 | // Otherwise we fallback to a prebuilt .aar bundled in the NPM package. 342 | // This will be applied to all the imported transtitive dependency. 343 | configurations.all { 344 | resolutionStrategy.dependencySubstitution { 345 | substitute(module("com.facebook.react:react-native")) 346 | .using(project(":ReactAndroid")).because("On New Architecture we're building React Native from source") 347 | } 348 | } 349 | } 350 | 351 | // Run this once to be able to run the application with BUCK 352 | // puts all compile dependencies into folder libs for BUCK to use 353 | task copyDownloadableDepsToLibs(type: Copy) { 354 | from configurations.implementation 355 | into 'libs' 356 | } 357 | 358 | apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json')"].execute(null, rootDir).text.trim(), "../native_modules.gradle"); 359 | applyNativeModulesAppBuildGradle(project) 360 | 361 | def isNewArchitectureEnabled() { 362 | // To opt-in for the New Architecture, you can either: 363 | // - Set `newArchEnabled` to true inside the `gradle.properties` file 364 | // - Invoke gradle with `-newArchEnabled=true` 365 | // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true` 366 | return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true" 367 | } 368 | -------------------------------------------------------------------------------- /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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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 | # react-native-reanimated 11 | -keep class com.swmansion.reanimated.** { *; } 12 | -keep class com.facebook.react.turbomodule.** { *; } 13 | 14 | # Add any project specific keep options here: 15 | -------------------------------------------------------------------------------- /example/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /example/android/app/src/debug/java/com/nishanbende/reactnativereanimatedzoomexample/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.nishanbende.reactnativereanimatedzoomexample; 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 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 32 | client.addPlugin(new ReactFlipperPlugin()); 33 | client.addPlugin(new DatabasesFlipperPlugin(context)); 34 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 35 | client.addPlugin(CrashReporterPlugin.getInstance()); 36 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 37 | NetworkingModule.setCustomClientBuilder( 38 | new NetworkingModule.CustomClientBuilder() { 39 | @Override 40 | public void apply(OkHttpClient.Builder builder) { 41 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 42 | } 43 | }); 44 | client.addPlugin(networkFlipperPlugin); 45 | client.start(); 46 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 47 | // Hence we run if after all native modules have been initialized 48 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 49 | if (reactContext == null) { 50 | reactInstanceManager.addReactInstanceEventListener( 51 | new ReactInstanceManager.ReactInstanceEventListener() { 52 | @Override 53 | public void onReactContextInitialized(ReactContext reactContext) { 54 | reactInstanceManager.removeReactInstanceEventListener(this); 55 | reactContext.runOnNativeModulesQueueThread( 56 | new Runnable() { 57 | @Override 58 | public void run() { 59 | client.addPlugin(new FrescoFlipperPlugin()); 60 | } 61 | }); 62 | } 63 | }); 64 | } else { 65 | client.addPlugin(new FrescoFlipperPlugin()); 66 | } 67 | } 68 | } 69 | } -------------------------------------------------------------------------------- /example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/nishanbende/reactnativereanimatedzoomexample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.nishanbende.reactnativereanimatedzoomexample; 2 | 3 | import android.os.Build; 4 | import android.os.Bundle; 5 | 6 | import com.facebook.react.ReactActivity; 7 | import com.facebook.react.ReactActivityDelegate; 8 | import com.facebook.react.ReactRootView; 9 | 10 | import expo.modules.ReactActivityDelegateWrapper; 11 | 12 | public class MainActivity extends ReactActivity { 13 | @Override 14 | protected void onCreate(Bundle savedInstanceState) { 15 | // Set the theme to AppTheme BEFORE onCreate to support 16 | // coloring the background, status bar, and navigation bar. 17 | // This is required for expo-splash-screen. 18 | setTheme(R.style.AppTheme); 19 | super.onCreate(null); 20 | } 21 | 22 | /** 23 | * Returns the name of the main component registered from JavaScript. 24 | * This is used to schedule rendering of the component. 25 | */ 26 | @Override 27 | protected String getMainComponentName() { 28 | return "main"; 29 | } 30 | 31 | @Override 32 | protected ReactActivityDelegate createReactActivityDelegate() { 33 | return new ReactActivityDelegateWrapper(this, 34 | new ReactActivityDelegate(this, getMainComponentName()) 35 | ); 36 | } 37 | 38 | /** 39 | * Align the back button behavior with Android S 40 | * where moving root activities to background instead of finishing activities. 41 | * @see onBackPressed 42 | */ 43 | @Override 44 | public void invokeDefaultOnBackPressed() { 45 | if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.R) { 46 | if (!moveTaskToBack(false)) { 47 | // For non-root activities, use the default implementation to finish them. 48 | super.invokeDefaultOnBackPressed(); 49 | } 50 | return; 51 | } 52 | 53 | // Use the default back button implementation on Android S 54 | // because it's doing more than {@link Activity#moveTaskToBack} in fact. 55 | super.invokeDefaultOnBackPressed(); 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/nishanbende/reactnativereanimatedzoomexample/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.nishanbende.reactnativereanimatedzoomexample; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import android.content.res.Configuration; 6 | import androidx.annotation.NonNull; 7 | 8 | import com.facebook.react.PackageList; 9 | import com.facebook.react.ReactApplication; 10 | import com.facebook.react.ReactInstanceManager; 11 | import com.facebook.react.ReactNativeHost; 12 | import com.facebook.react.ReactPackage; 13 | import com.facebook.react.config.ReactFeatureFlags; 14 | import com.facebook.soloader.SoLoader; 15 | import com.nishanbende.reactnativereanimatedzoomexample.newarchitecture.MainApplicationReactNativeHost; 16 | 17 | import expo.modules.ApplicationLifecycleDispatcher; 18 | import expo.modules.ReactNativeHostWrapper; 19 | 20 | import java.lang.reflect.InvocationTargetException; 21 | import java.util.List; 22 | 23 | public class MainApplication extends Application implements ReactApplication { 24 | private final ReactNativeHost mReactNativeHost = new ReactNativeHostWrapper( 25 | this, 26 | new ReactNativeHost(this) { 27 | @Override 28 | public boolean getUseDeveloperSupport() { 29 | return BuildConfig.DEBUG; 30 | } 31 | 32 | @Override 33 | protected List getPackages() { 34 | @SuppressWarnings("UnnecessaryLocalVariable") 35 | List packages = new PackageList(this).getPackages(); 36 | // Packages that cannot be autolinked yet can be added manually here, for example: 37 | // packages.add(new MyReactNativePackage()); 38 | return packages; 39 | } 40 | 41 | @Override 42 | protected String getJSMainModuleName() { 43 | return "index"; 44 | } 45 | }); 46 | 47 | private final ReactNativeHost mNewArchitectureNativeHost = 48 | new ReactNativeHostWrapper(this, new MainApplicationReactNativeHost(this)); 49 | 50 | @Override 51 | public ReactNativeHost getReactNativeHost() { 52 | if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { 53 | return mNewArchitectureNativeHost; 54 | } else { 55 | return mReactNativeHost; 56 | } 57 | } 58 | 59 | @Override 60 | public void onCreate() { 61 | super.onCreate(); 62 | // If you opted-in for the New Architecture, we enable the TurboModule system 63 | ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 64 | SoLoader.init(this, /* native exopackage */ false); 65 | 66 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 67 | ApplicationLifecycleDispatcher.onApplicationCreate(this); 68 | } 69 | 70 | @Override 71 | public void onConfigurationChanged(@NonNull Configuration newConfig) { 72 | super.onConfigurationChanged(newConfig); 73 | ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig); 74 | } 75 | 76 | /** 77 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like 78 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 79 | * 80 | * @param context 81 | * @param reactInstanceManager 82 | */ 83 | private static void initializeFlipper( 84 | Context context, ReactInstanceManager reactInstanceManager) { 85 | if (BuildConfig.DEBUG) { 86 | try { 87 | /* 88 | We use reflection here to pick up the class that initializes Flipper, 89 | since Flipper library is not available in release mode 90 | */ 91 | Class aClass = Class.forName("com.nishanbende.reactnativereanimatedzoomexample.ReactNativeFlipper"); 92 | aClass 93 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 94 | .invoke(null, context, reactInstanceManager); 95 | } catch (ClassNotFoundException e) { 96 | e.printStackTrace(); 97 | } catch (NoSuchMethodException e) { 98 | e.printStackTrace(); 99 | } catch (IllegalAccessException e) { 100 | e.printStackTrace(); 101 | } catch (InvocationTargetException e) { 102 | e.printStackTrace(); 103 | } 104 | } 105 | } 106 | } 107 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/nishanbende/reactnativereanimatedzoomexample/newarchitecture/MainApplicationReactNativeHost.java: -------------------------------------------------------------------------------- 1 | package com.nishanbende.reactnativereanimatedzoomexample.newarchitecture; 2 | 3 | import android.app.Application; 4 | import androidx.annotation.NonNull; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactInstanceManager; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 10 | import com.facebook.react.bridge.JSIModulePackage; 11 | import com.facebook.react.bridge.JSIModuleProvider; 12 | import com.facebook.react.bridge.JSIModuleSpec; 13 | import com.facebook.react.bridge.JSIModuleType; 14 | import com.facebook.react.bridge.JavaScriptContextHolder; 15 | import com.facebook.react.bridge.ReactApplicationContext; 16 | import com.facebook.react.bridge.UIManager; 17 | import com.facebook.react.fabric.ComponentFactory; 18 | import com.facebook.react.fabric.CoreComponentsRegistry; 19 | import com.facebook.react.fabric.EmptyReactNativeConfig; 20 | import com.facebook.react.fabric.FabricJSIModuleProvider; 21 | import com.facebook.react.uimanager.ViewManagerRegistry; 22 | import com.nishanbende.reactnativereanimatedzoomexample.BuildConfig; 23 | import com.nishanbende.reactnativereanimatedzoomexample.newarchitecture.components.MainComponentsRegistry; 24 | import com.nishanbende.reactnativereanimatedzoomexample.newarchitecture.modules.MainApplicationTurboModuleManagerDelegate; 25 | import java.util.ArrayList; 26 | import java.util.List; 27 | 28 | /** 29 | * A {@link ReactNativeHost} that helps you load everything needed for the New Architecture, both 30 | * TurboModule delegates and the Fabric Renderer. 31 | * 32 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 33 | * `newArchEnabled` property). Is ignored otherwise. 34 | */ 35 | public class MainApplicationReactNativeHost extends ReactNativeHost { 36 | public MainApplicationReactNativeHost(Application application) { 37 | super(application); 38 | } 39 | 40 | @Override 41 | public boolean getUseDeveloperSupport() { 42 | return BuildConfig.DEBUG; 43 | } 44 | 45 | @Override 46 | protected List getPackages() { 47 | List packages = new PackageList(this).getPackages(); 48 | // Packages that cannot be autolinked yet can be added manually here, for example: 49 | // packages.add(new MyReactNativePackage()); 50 | // TurboModules must also be loaded here providing a valid TurboReactPackage implementation: 51 | // packages.add(new TurboReactPackage() { ... }); 52 | // If you have custom Fabric Components, their ViewManagers should also be loaded here 53 | // inside a ReactPackage. 54 | return packages; 55 | } 56 | 57 | @Override 58 | protected String getJSMainModuleName() { 59 | return "index"; 60 | } 61 | 62 | @NonNull 63 | @Override 64 | protected ReactPackageTurboModuleManagerDelegate.Builder 65 | getReactPackageTurboModuleManagerDelegateBuilder() { 66 | // Here we provide the ReactPackageTurboModuleManagerDelegate Builder. This is necessary 67 | // for the new architecture and to use TurboModules correctly. 68 | return new MainApplicationTurboModuleManagerDelegate.Builder(); 69 | } 70 | 71 | @Override 72 | protected JSIModulePackage getJSIModulePackage() { 73 | return new JSIModulePackage() { 74 | @Override 75 | public List getJSIModules( 76 | final ReactApplicationContext reactApplicationContext, 77 | final JavaScriptContextHolder jsContext) { 78 | final List specs = new ArrayList<>(); 79 | 80 | // Here we provide a new JSIModuleSpec that will be responsible of providing the 81 | // custom Fabric Components. 82 | specs.add( 83 | new JSIModuleSpec() { 84 | @Override 85 | public JSIModuleType getJSIModuleType() { 86 | return JSIModuleType.UIManager; 87 | } 88 | 89 | @Override 90 | public JSIModuleProvider getJSIModuleProvider() { 91 | final ComponentFactory componentFactory = new ComponentFactory(); 92 | CoreComponentsRegistry.register(componentFactory); 93 | 94 | // Here we register a Components Registry. 95 | // The one that is generated with the template contains no components 96 | // and just provides you the one from React Native core. 97 | MainComponentsRegistry.register(componentFactory); 98 | 99 | final ReactInstanceManager reactInstanceManager = getReactInstanceManager(); 100 | 101 | ViewManagerRegistry viewManagerRegistry = 102 | new ViewManagerRegistry( 103 | reactInstanceManager.getOrCreateViewManagers(reactApplicationContext)); 104 | 105 | return new FabricJSIModuleProvider( 106 | reactApplicationContext, 107 | componentFactory, 108 | new EmptyReactNativeConfig(), 109 | viewManagerRegistry); 110 | } 111 | }); 112 | return specs; 113 | } 114 | }; 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/nishanbende/reactnativereanimatedzoomexample/newarchitecture/components/MainComponentsRegistry.java: -------------------------------------------------------------------------------- 1 | package com.nishanbende.reactnativereanimatedzoomexample.newarchitecture.components; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.proguard.annotations.DoNotStrip; 5 | import com.facebook.react.fabric.ComponentFactory; 6 | import com.facebook.soloader.SoLoader; 7 | 8 | /** 9 | * Class responsible to load the custom Fabric Components. This class has native methods and needs a 10 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 11 | * folder for you). 12 | * 13 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 14 | * `newArchEnabled` property). Is ignored otherwise. 15 | */ 16 | @DoNotStrip 17 | public class MainComponentsRegistry { 18 | static { 19 | SoLoader.loadLibrary("fabricjni"); 20 | } 21 | 22 | @DoNotStrip private final HybridData mHybridData; 23 | 24 | @DoNotStrip 25 | private native HybridData initHybrid(ComponentFactory componentFactory); 26 | 27 | @DoNotStrip 28 | private MainComponentsRegistry(ComponentFactory componentFactory) { 29 | mHybridData = initHybrid(componentFactory); 30 | } 31 | 32 | @DoNotStrip 33 | public static MainComponentsRegistry register(ComponentFactory componentFactory) { 34 | return new MainComponentsRegistry(componentFactory); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/nishanbende/reactnativereanimatedzoomexample/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate.java: -------------------------------------------------------------------------------- 1 | package com.nishanbende.reactnativereanimatedzoomexample.newarchitecture.modules; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.react.ReactPackage; 5 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 6 | import com.facebook.react.bridge.ReactApplicationContext; 7 | import com.facebook.soloader.SoLoader; 8 | import java.util.List; 9 | 10 | /** 11 | * Class responsible to load the TurboModules. This class has native methods and needs a 12 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 13 | * folder for you). 14 | * 15 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 16 | * `newArchEnabled` property). Is ignored otherwise. 17 | */ 18 | public class MainApplicationTurboModuleManagerDelegate 19 | extends ReactPackageTurboModuleManagerDelegate { 20 | 21 | private static volatile boolean sIsSoLibraryLoaded; 22 | 23 | protected MainApplicationTurboModuleManagerDelegate( 24 | ReactApplicationContext reactApplicationContext, List packages) { 25 | super(reactApplicationContext, packages); 26 | } 27 | 28 | protected native HybridData initHybrid(); 29 | 30 | native boolean canCreateTurboModule(String moduleName); 31 | 32 | public static class Builder extends ReactPackageTurboModuleManagerDelegate.Builder { 33 | protected MainApplicationTurboModuleManagerDelegate build( 34 | ReactApplicationContext context, List packages) { 35 | return new MainApplicationTurboModuleManagerDelegate(context, packages); 36 | } 37 | } 38 | 39 | @Override 40 | protected synchronized void maybeLoadOtherSoLibraries() { 41 | if (!sIsSoLibraryLoaded) { 42 | // If you change the name of your application .so file in the Android.mk file, 43 | // make sure you update the name here as well. 44 | SoLoader.loadLibrary("reactnativereanimatedzoomexample_appmodules"); 45 | sIsSoLibraryLoaded = true; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/Android.mk: -------------------------------------------------------------------------------- 1 | THIS_DIR := $(call my-dir) 2 | 3 | include $(REACT_ANDROID_DIR)/Android-prebuilt.mk 4 | 5 | # If you wish to add a custom TurboModule or Fabric component in your app you 6 | # will have to include the following autogenerated makefile. 7 | # include $(GENERATED_SRC_DIR)/codegen/jni/Android.mk 8 | include $(CLEAR_VARS) 9 | 10 | LOCAL_PATH := $(THIS_DIR) 11 | 12 | # You can customize the name of your application .so file here. 13 | LOCAL_MODULE := reactnativereanimatedzoomexample_appmodules 14 | 15 | LOCAL_C_INCLUDES := $(LOCAL_PATH) 16 | LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp) 17 | LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH) 18 | 19 | # If you wish to add a custom TurboModule or Fabric component in your app you 20 | # will have to uncomment those lines to include the generated source 21 | # files from the codegen (placed in $(GENERATED_SRC_DIR)/codegen/jni) 22 | # 23 | # LOCAL_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 24 | # LOCAL_SRC_FILES += $(wildcard $(GENERATED_SRC_DIR)/codegen/jni/*.cpp) 25 | # LOCAL_EXPORT_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 26 | 27 | # Here you should add any native library you wish to depend on. 28 | LOCAL_SHARED_LIBRARIES := \ 29 | libfabricjni \ 30 | libfbjni \ 31 | libfolly_futures \ 32 | libfolly_json \ 33 | libglog \ 34 | libjsi \ 35 | libreact_codegen_rncore \ 36 | libreact_debug \ 37 | libreact_nativemodule_core \ 38 | libreact_render_componentregistry \ 39 | libreact_render_core \ 40 | libreact_render_debug \ 41 | libreact_render_graphics \ 42 | librrc_view \ 43 | libruntimeexecutor \ 44 | libturbomodulejsijni \ 45 | libyoga 46 | 47 | LOCAL_CFLAGS := -DLOG_TAG=\"ReactNative\" -fexceptions -frtti -std=c++17 -Wall 48 | 49 | include $(BUILD_SHARED_LIBRARY) 50 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationModuleProvider.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationModuleProvider.h" 2 | 3 | #include 4 | 5 | namespace facebook { 6 | namespace react { 7 | 8 | std::shared_ptr MainApplicationModuleProvider( 9 | const std::string moduleName, 10 | const JavaTurboModule::InitParams ¶ms) { 11 | // Here you can provide your own module provider for TurboModules coming from 12 | // either your application or from external libraries. The approach to follow 13 | // is similar to the following (for a library called `samplelibrary`: 14 | // 15 | // auto module = samplelibrary_ModuleProvider(moduleName, params); 16 | // if (module != nullptr) { 17 | // return module; 18 | // } 19 | // return rncore_ModuleProvider(moduleName, params); 20 | return rncore_ModuleProvider(moduleName, params); 21 | } 22 | 23 | } // namespace react 24 | } // namespace facebook 25 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationModuleProvider.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | std::shared_ptr MainApplicationModuleProvider( 12 | const std::string moduleName, 13 | const JavaTurboModule::InitParams ¶ms); 14 | 15 | } // namespace react 16 | } // namespace facebook 17 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationTurboModuleManagerDelegate.h" 2 | #include "MainApplicationModuleProvider.h" 3 | 4 | namespace facebook { 5 | namespace react { 6 | 7 | jni::local_ref 8 | MainApplicationTurboModuleManagerDelegate::initHybrid( 9 | jni::alias_ref) { 10 | return makeCxxInstance(); 11 | } 12 | 13 | void MainApplicationTurboModuleManagerDelegate::registerNatives() { 14 | registerHybrid({ 15 | makeNativeMethod( 16 | "initHybrid", MainApplicationTurboModuleManagerDelegate::initHybrid), 17 | makeNativeMethod( 18 | "canCreateTurboModule", 19 | MainApplicationTurboModuleManagerDelegate::canCreateTurboModule), 20 | }); 21 | } 22 | 23 | std::shared_ptr 24 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 25 | const std::string name, 26 | const std::shared_ptr jsInvoker) { 27 | // Not implemented yet: provide pure-C++ NativeModules here. 28 | return nullptr; 29 | } 30 | 31 | std::shared_ptr 32 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 33 | const std::string name, 34 | const JavaTurboModule::InitParams ¶ms) { 35 | return MainApplicationModuleProvider(name, params); 36 | } 37 | 38 | bool MainApplicationTurboModuleManagerDelegate::canCreateTurboModule( 39 | std::string name) { 40 | return getTurboModule(name, nullptr) != nullptr || 41 | getTurboModule(name, {.moduleName = name}) != nullptr; 42 | } 43 | 44 | } // namespace react 45 | } // namespace facebook 46 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.h: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | 4 | #include 5 | #include 6 | 7 | namespace facebook { 8 | namespace react { 9 | 10 | class MainApplicationTurboModuleManagerDelegate 11 | : public jni::HybridClass< 12 | MainApplicationTurboModuleManagerDelegate, 13 | TurboModuleManagerDelegate> { 14 | public: 15 | // Adapt it to the package you used for your Java class. 16 | static constexpr auto kJavaDescriptor = 17 | "Lcom/nishanbende/reactnativereanimatedzoomexample/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate;"; 18 | 19 | static jni::local_ref initHybrid(jni::alias_ref); 20 | 21 | static void registerNatives(); 22 | 23 | std::shared_ptr getTurboModule( 24 | const std::string name, 25 | const std::shared_ptr jsInvoker) override; 26 | std::shared_ptr getTurboModule( 27 | const std::string name, 28 | const JavaTurboModule::InitParams ¶ms) override; 29 | 30 | /** 31 | * Test-only method. Allows user to verify whether a TurboModule can be 32 | * created by instances of this class. 33 | */ 34 | bool canCreateTurboModule(std::string name); 35 | }; 36 | 37 | } // namespace react 38 | } // namespace facebook 39 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainComponentsRegistry.cpp: -------------------------------------------------------------------------------- 1 | #include "MainComponentsRegistry.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | MainComponentsRegistry::MainComponentsRegistry(ComponentFactory *delegate) {} 12 | 13 | std::shared_ptr 14 | MainComponentsRegistry::sharedProviderRegistry() { 15 | auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry(); 16 | 17 | // Custom Fabric Components go here. You can register custom 18 | // components coming from your App or from 3rd party libraries here. 19 | // 20 | // providerRegistry->add(concreteComponentDescriptorProvider< 21 | // AocViewerComponentDescriptor>()); 22 | return providerRegistry; 23 | } 24 | 25 | jni::local_ref 26 | MainComponentsRegistry::initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate) { 29 | auto instance = makeCxxInstance(delegate); 30 | 31 | auto buildRegistryFunction = 32 | [](EventDispatcher::Weak const &eventDispatcher, 33 | ContextContainer::Shared const &contextContainer) 34 | -> ComponentDescriptorRegistry::Shared { 35 | auto registry = MainComponentsRegistry::sharedProviderRegistry() 36 | ->createComponentDescriptorRegistry( 37 | {eventDispatcher, contextContainer}); 38 | 39 | auto mutableRegistry = 40 | std::const_pointer_cast(registry); 41 | 42 | mutableRegistry->setFallbackComponentDescriptor( 43 | std::make_shared( 44 | ComponentDescriptorParameters{ 45 | eventDispatcher, contextContainer, nullptr})); 46 | 47 | return registry; 48 | }; 49 | 50 | delegate->buildRegistryFunction = buildRegistryFunction; 51 | return instance; 52 | } 53 | 54 | void MainComponentsRegistry::registerNatives() { 55 | registerHybrid({ 56 | makeNativeMethod("initHybrid", MainComponentsRegistry::initHybrid), 57 | }); 58 | } 59 | 60 | } // namespace react 61 | } // namespace facebook 62 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainComponentsRegistry.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | class MainComponentsRegistry 12 | : public facebook::jni::HybridClass { 13 | public: 14 | // Adapt it to the package you used for your Java class. 15 | constexpr static auto kJavaDescriptor = 16 | "Lcom/nishanbende/reactnativereanimatedzoomexample/newarchitecture/components/MainComponentsRegistry;"; 17 | 18 | static void registerNatives(); 19 | 20 | MainComponentsRegistry(ComponentFactory *delegate); 21 | 22 | private: 23 | static std::shared_ptr 24 | sharedProviderRegistry(); 25 | 26 | static jni::local_ref initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate); 29 | }; 30 | 31 | } // namespace react 32 | } // namespace facebook 33 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/OnLoad.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include "MainApplicationTurboModuleManagerDelegate.h" 3 | #include "MainComponentsRegistry.h" 4 | 5 | JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) { 6 | return facebook::jni::initialize(vm, [] { 7 | facebook::react::MainApplicationTurboModuleManagerDelegate:: 8 | registerNatives(); 9 | facebook::react::MainComponentsRegistry::registerNatives(); 10 | }); 11 | } 12 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/drawable/rn_edit_text_material.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 21 | 22 | 23 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/drawable/splashscreen.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values-night/colors.xml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | #023c69 3 | #ffffff 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | react-native-reanimated-zoom-example 3 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 14 | 17 | -------------------------------------------------------------------------------- /example/android/build.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 4 | 5 | buildscript { 6 | ext { 7 | buildToolsVersion = findProperty('android.buildToolsVersion') ?: '31.0.0' 8 | minSdkVersion = Integer.parseInt(findProperty('android.minSdkVersion') ?: '21') 9 | compileSdkVersion = Integer.parseInt(findProperty('android.compileSdkVersion') ?: '31') 10 | targetSdkVersion = Integer.parseInt(findProperty('android.targetSdkVersion') ?: '31') 11 | if (findProperty('android.kotlinVersion')) { 12 | kotlinVersion = findProperty('android.kotlinVersion') 13 | } 14 | frescoVersion = findProperty('expo.frescoVersion') ?: '2.5.0' 15 | 16 | if (System.properties['os.arch'] == 'aarch64') { 17 | // For M1 Users we need to use the NDK 24 which added support for aarch64 18 | ndkVersion = '24.0.8215888' 19 | } else { 20 | // Otherwise we default to the side-by-side NDK version from AGP. 21 | ndkVersion = '21.4.7075529' 22 | } 23 | } 24 | repositories { 25 | google() 26 | mavenCentral() 27 | } 28 | dependencies { 29 | classpath('com.android.tools.build:gradle:7.0.4') 30 | classpath('com.facebook.react:react-native-gradle-plugin') 31 | classpath('de.undercouch:gradle-download-task:4.1.2') 32 | // NOTE: Do not place your application dependencies here; they belong 33 | // in the individual module build.gradle files 34 | } 35 | } 36 | 37 | allprojects { 38 | repositories { 39 | mavenLocal() 40 | maven { 41 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 42 | url(new File(['node', '--print', "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), '../android')) 43 | } 44 | maven { 45 | // Android JSC is installed from npm 46 | url(new File(['node', '--print', "require.resolve('jsc-android/package.json')"].execute(null, rootDir).text.trim(), '../dist')) 47 | } 48 | 49 | google() 50 | mavenCentral { 51 | // We don't want to fetch react-native from Maven Central as there are 52 | // older versions over there. 53 | content { 54 | excludeGroup 'com.facebook.react' 55 | } 56 | } 57 | maven { url 'https://www.jitpack.io' } 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /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: -Xmx512m -XX:MaxMetaspaceSize=256m 13 | org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m 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 | 25 | # Automatically convert third-party libraries to use AndroidX 26 | android.enableJetifier=true 27 | 28 | # Version of flipper SDK to use with React Native 29 | FLIPPER_VERSION=0.125.0 30 | 31 | # Use this property to specify which architecture you want to build. 32 | # You can also override it from the CLI using 33 | # ./gradlew -PreactNativeArchitectures=x86_64 34 | reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 35 | 36 | # Use this property to enable support to the new architecture. 37 | # This will allow you to use TurboModules and the Fabric render in 38 | # your application. You should enable this flag either if you want 39 | # to write custom TurboModules/Fabric components OR use libraries that 40 | # are providing them. 41 | newArchEnabled=false 42 | 43 | # The hosted JavaScript engine 44 | # Supported values: expo.jsEngine = "hermes" | "jsc" 45 | expo.jsEngine=jsc 46 | 47 | # Enable GIF support in React Native images (~200 B increase) 48 | expo.gif.enabled=true 49 | # Enable webp support in React Native images (~85 KB increase) 50 | expo.webp.enabled=true 51 | # Enable animated webp support (~3.4 MB increase) 52 | # Disabled by default because iOS doesn't support animated webp 53 | expo.webp.animated=false 54 | -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/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.3.3-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | # 4 | # Copyright © 2015-2021 the original 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 POSIX generated by Gradle. 22 | # 23 | # Important for running: 24 | # 25 | # (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is 26 | # noncompliant, but you have some other compliant shell such as ksh or 27 | # bash, then to run this script, type that shell name before the whole 28 | # command line, like: 29 | # 30 | # ksh Gradle 31 | # 32 | # Busybox and similar reduced shells will NOT work, because this script 33 | # requires all of these POSIX shell features: 34 | # * functions; 35 | # * expansions «$var», «${var}», «${var:-default}», «${var+SET}», 36 | # «${var#prefix}», «${var%suffix}», and «$( cmd )»; 37 | # * compound commands having a testable exit status, especially «case»; 38 | # * various built-in commands including «command», «set», and «ulimit». 39 | # 40 | # Important for patching: 41 | # 42 | # (2) This script targets any POSIX shell, so it avoids extensions provided 43 | # by Bash, Ksh, etc; in particular arrays are avoided. 44 | # 45 | # The "traditional" practice of packing multiple parameters into a 46 | # space-separated string is a well documented source of bugs and security 47 | # problems, so this is (mostly) avoided, by progressively accumulating 48 | # options in "$@", and eventually passing that to Java. 49 | # 50 | # Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, 51 | # and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; 52 | # see the in-line comments for details. 53 | # 54 | # There are tweaks for specific operating systems such as AIX, CygWin, 55 | # Darwin, MinGW, and NonStop. 56 | # 57 | # (3) This script is generated from the Groovy template 58 | # https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt 59 | # within the Gradle project. 60 | # 61 | # You can find Gradle at https://github.com/gradle/gradle/. 62 | # 63 | ############################################################################## 64 | 65 | # Attempt to set APP_HOME 66 | 67 | # Resolve links: $0 may be a link 68 | app_path=$0 69 | 70 | # Need this for daisy-chained symlinks. 71 | while 72 | APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path 73 | [ -h "$app_path" ] 74 | do 75 | ls=$( ls -ld "$app_path" ) 76 | link=${ls#*' -> '} 77 | case $link in #( 78 | /*) app_path=$link ;; #( 79 | *) app_path=$APP_HOME$link ;; 80 | esac 81 | done 82 | 83 | APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit 84 | 85 | APP_NAME="Gradle" 86 | APP_BASE_NAME=${0##*/} 87 | 88 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 89 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 90 | 91 | # Use the maximum available, or set MAX_FD != -1 to use that value. 92 | MAX_FD=maximum 93 | 94 | warn () { 95 | echo "$*" 96 | } >&2 97 | 98 | die () { 99 | echo 100 | echo "$*" 101 | echo 102 | exit 1 103 | } >&2 104 | 105 | # OS specific support (must be 'true' or 'false'). 106 | cygwin=false 107 | msys=false 108 | darwin=false 109 | nonstop=false 110 | case "$( uname )" in #( 111 | CYGWIN* ) cygwin=true ;; #( 112 | Darwin* ) darwin=true ;; #( 113 | MSYS* | MINGW* ) msys=true ;; #( 114 | NONSTOP* ) nonstop=true ;; 115 | esac 116 | 117 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 118 | 119 | 120 | # Determine the Java command to use to start the JVM. 121 | if [ -n "$JAVA_HOME" ] ; then 122 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 123 | # IBM's JDK on AIX uses strange locations for the executables 124 | JAVACMD=$JAVA_HOME/jre/sh/java 125 | else 126 | JAVACMD=$JAVA_HOME/bin/java 127 | fi 128 | if [ ! -x "$JAVACMD" ] ; then 129 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 130 | 131 | Please set the JAVA_HOME variable in your environment to match the 132 | location of your Java installation." 133 | fi 134 | else 135 | JAVACMD=java 136 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 137 | 138 | Please set the JAVA_HOME variable in your environment to match the 139 | location of your Java installation." 140 | fi 141 | 142 | # Increase the maximum file descriptors if we can. 143 | if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then 144 | case $MAX_FD in #( 145 | max*) 146 | MAX_FD=$( ulimit -H -n ) || 147 | warn "Could not query maximum file descriptor limit" 148 | esac 149 | case $MAX_FD in #( 150 | '' | soft) :;; #( 151 | *) 152 | ulimit -n "$MAX_FD" || 153 | warn "Could not set maximum file descriptor limit to $MAX_FD" 154 | esac 155 | fi 156 | 157 | # Collect all arguments for the java command, stacking in reverse order: 158 | # * args from the command line 159 | # * the main class name 160 | # * -classpath 161 | # * -D...appname settings 162 | # * --module-path (only if needed) 163 | # * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. 164 | 165 | # For Cygwin or MSYS, switch paths to Windows format before running java 166 | if "$cygwin" || "$msys" ; then 167 | APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) 168 | CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) 169 | 170 | JAVACMD=$( cygpath --unix "$JAVACMD" ) 171 | 172 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 173 | for arg do 174 | if 175 | case $arg in #( 176 | -*) false ;; # don't mess with options #( 177 | /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath 178 | [ -e "$t" ] ;; #( 179 | *) false ;; 180 | esac 181 | then 182 | arg=$( cygpath --path --ignore --mixed "$arg" ) 183 | fi 184 | # Roll the args list around exactly as many times as the number of 185 | # args, so each arg winds up back in the position where it started, but 186 | # possibly modified. 187 | # 188 | # NB: a `for` loop captures its iteration list before it begins, so 189 | # changing the positional parameters here affects neither the number of 190 | # iterations, nor the values presented in `arg`. 191 | shift # remove old arg 192 | set -- "$@" "$arg" # push replacement arg 193 | done 194 | fi 195 | 196 | # Collect all arguments for the java command; 197 | # * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of 198 | # shell script including quotes and variable substitutions, so put them in 199 | # double quotes to make sure that they get re-expanded; and 200 | # * put everything else in single quotes, so that it's not re-expanded. 201 | 202 | set -- \ 203 | "-Dorg.gradle.appname=$APP_BASE_NAME" \ 204 | -classpath "$CLASSPATH" \ 205 | org.gradle.wrapper.GradleWrapperMain \ 206 | "$@" 207 | 208 | # Use "xargs" to parse quoted args. 209 | # 210 | # With -n1 it outputs one arg per line, with the quotes and backslashes removed. 211 | # 212 | # In Bash we could simply go: 213 | # 214 | # readarray ARGS < <( xargs -n1 <<<"$var" ) && 215 | # set -- "${ARGS[@]}" "$@" 216 | # 217 | # but POSIX shell has neither arrays nor command substitution, so instead we 218 | # post-process each arg (as a line of input to sed) to backslash-escape any 219 | # character that might be a shell metacharacter, then use eval to reverse 220 | # that process (while maintaining the separation between arguments), and wrap 221 | # the whole thing up as a single "set" statement. 222 | # 223 | # This will of course break if any of these variables contains a newline or 224 | # an unmatched quote. 225 | # 226 | 227 | eval "set -- $( 228 | printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | 229 | xargs -n1 | 230 | sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | 231 | tr '\n' ' ' 232 | )" '"$@"' 233 | 234 | exec "$JAVACMD" "$@" 235 | -------------------------------------------------------------------------------- /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 = 'react-native-reanimated-zoom-example' 2 | 3 | apply from: new File(["node", "--print", "require.resolve('expo/package.json')"].execute(null, rootDir).text.trim(), "../scripts/autolinking.gradle"); 4 | useExpoModules() 5 | 6 | apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json')"].execute(null, rootDir).text.trim(), "../native_modules.gradle"); 7 | applyNativeModulesSettingsGradle(settings) 8 | 9 | include ':app' 10 | includeBuild(new File(["node", "--print", "require.resolve('react-native-gradle-plugin/package.json')"].execute(null, rootDir).text.trim()).getParentFile()) 11 | 12 | if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") { 13 | include(":ReactAndroid") 14 | project(":ReactAndroid").projectDir = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../ReactAndroid"); 15 | } 16 | -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-reanimated-zoom-example", 3 | "displayName": "ReanimatedZoom Example", 4 | "expo": { 5 | "name": "react-native-reanimated-zoom-example", 6 | "slug": "react-native-reanimated-zoom-example", 7 | "description": "Example app for react-native-reanimated-zoom", 8 | "privacy": "public", 9 | "version": "1.0.0", 10 | "platforms": [ 11 | "ios", 12 | "android", 13 | "web" 14 | ], 15 | "ios": { 16 | "supportsTablet": true, 17 | "bundleIdentifier": "com.nishanbende.reactnativereanimatedzoomexample" 18 | }, 19 | "assetBundlePatterns": [ 20 | "**/*" 21 | ], 22 | "android": { 23 | "package": "com.nishanbende.reactnativereanimatedzoomexample" 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /example/babel.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const pak = require('../package.json'); 3 | 4 | module.exports = function (api) { 5 | api.cache(true); 6 | 7 | return { 8 | presets: ['babel-preset-expo'], 9 | plugins: [ 10 | [ 11 | 'module-resolver', 12 | { 13 | extensions: ['.tsx', '.ts', '.js', '.json'], 14 | alias: { 15 | // For development, we want to alias the library to the source 16 | [pak.name]: path.join(__dirname, '..', pak.source), 17 | }, 18 | }, 19 | ], 20 | 'react-native-reanimated/plugin', 21 | ], 22 | }; 23 | }; 24 | -------------------------------------------------------------------------------- /example/index.js: -------------------------------------------------------------------------------- 1 | import { registerRootComponent } from 'expo'; 2 | 3 | import App from './src/App'; 4 | 5 | // registerRootComponent calls AppRegistry.registerComponent('main', () => App); 6 | // It also ensures that whether you load the app in the Expo client or in a native build, 7 | // the environment is set up appropriately 8 | registerRootComponent(App); 9 | -------------------------------------------------------------------------------- /example/ios/.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 | .xcode.env.local 25 | 26 | # Bundle artifacts 27 | *.jsbundle 28 | 29 | # CocoaPods 30 | /Pods/ 31 | -------------------------------------------------------------------------------- /example/ios/.xcode.env: -------------------------------------------------------------------------------- 1 | # This `.xcode.env` file is versioned and is used to source the environment 2 | # used when running script phases inside Xcode. 3 | # To customize your local environment, you can create an `.xcode.env.local` 4 | # file that is not versioned. 5 | 6 | # NODE_BINARY variable contains the PATH to the node executable. 7 | # 8 | # Customize the NODE_BINARY variable here. 9 | # For example, to use nvm with brew, add the following line 10 | # . "$(brew --prefix nvm)/nvm.sh" --no-use 11 | export NODE_BINARY=$(command -v node) 12 | -------------------------------------------------------------------------------- /example/ios/Podfile: -------------------------------------------------------------------------------- 1 | require File.join(File.dirname(`node --print "require.resolve('expo/package.json')"`), "scripts/autolinking") 2 | require File.join(File.dirname(`node --print "require.resolve('react-native/package.json')"`), "scripts/react_native_pods") 3 | require File.join(File.dirname(`node --print "require.resolve('@react-native-community/cli-platform-ios/package.json')"`), "native_modules") 4 | 5 | require 'json' 6 | podfile_properties = JSON.parse(File.read(File.join(__dir__, 'Podfile.properties.json'))) rescue {} 7 | 8 | platform :ios, podfile_properties['ios.deploymentTarget'] || '12.4' 9 | install! 'cocoapods', 10 | :deterministic_uuids => false 11 | 12 | target 'reactnativereanimatedzoomexample' do 13 | use_expo_modules! 14 | config = use_native_modules! 15 | 16 | use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks'] 17 | 18 | # Flags change depending on the env values. 19 | flags = get_default_flags() 20 | 21 | use_react_native!( 22 | :path => config[:reactNativePath], 23 | :hermes_enabled => flags[:hermes_enabled] || podfile_properties['expo.jsEngine'] == 'hermes', 24 | :fabric_enabled => flags[:fabric_enabled], 25 | # An absolute path to your application root. 26 | :app_path => "#{Dir.pwd}/.." 27 | ) 28 | 29 | # Uncomment to opt-in to using Flipper 30 | # Note that if you have use_frameworks! enabled, Flipper will not work 31 | # 32 | # if !ENV['CI'] 33 | # use_flipper!() 34 | # end 35 | 36 | post_install do |installer| 37 | react_native_post_install(installer) 38 | __apply_Xcode_12_5_M1_post_install_workaround(installer) 39 | end 40 | 41 | post_integrate do |installer| 42 | begin 43 | expo_patch_react_imports!(installer) 44 | rescue => e 45 | Pod::UI.warn e 46 | end 47 | end 48 | 49 | end 50 | -------------------------------------------------------------------------------- /example/ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - boost (1.76.0) 3 | - DoubleConversion (1.1.6) 4 | - EXApplication (4.2.2): 5 | - ExpoModulesCore 6 | - EXConstants (13.2.4): 7 | - ExpoModulesCore 8 | - EXFileSystem (14.1.0): 9 | - ExpoModulesCore 10 | - EXFont (10.2.0): 11 | - ExpoModulesCore 12 | - EXJSONUtils (0.3.0) 13 | - EXManifests (0.3.0): 14 | - EXJSONUtils 15 | - Expo (46.0.10): 16 | - ExpoModulesCore 17 | - expo-dev-client (1.2.1): 18 | - EXManifests 19 | - expo-dev-launcher 20 | - expo-dev-menu 21 | - expo-dev-menu-interface 22 | - EXUpdatesInterface 23 | - expo-dev-launcher (1.2.1): 24 | - EXManifests 25 | - expo-dev-launcher/Main (= 1.2.1) 26 | - expo-dev-menu 27 | - expo-dev-menu-interface 28 | - ExpoModulesCore 29 | - EXUpdatesInterface 30 | - React-Core 31 | - expo-dev-launcher/Main (1.2.1): 32 | - EXManifests 33 | - expo-dev-launcher/Unsafe 34 | - expo-dev-menu 35 | - expo-dev-menu-interface 36 | - ExpoModulesCore 37 | - EXUpdatesInterface 38 | - React-Core 39 | - expo-dev-launcher/Unsafe (1.2.1): 40 | - EXManifests 41 | - expo-dev-menu 42 | - expo-dev-menu-interface 43 | - ExpoModulesCore 44 | - EXUpdatesInterface 45 | - React-Core 46 | - expo-dev-menu (1.2.1): 47 | - expo-dev-menu/Main (= 1.2.1) 48 | - expo-dev-menu-interface (0.7.2) 49 | - expo-dev-menu/GestureHandler (1.2.1) 50 | - expo-dev-menu/Main (1.2.1): 51 | - EXManifests 52 | - expo-dev-menu-interface 53 | - expo-dev-menu/Vendored 54 | - ExpoModulesCore 55 | - React-Core 56 | - expo-dev-menu/Reanimated (1.2.1): 57 | - DoubleConversion 58 | - FBLazyVector 59 | - FBReactNativeSpec 60 | - glog 61 | - RCT-Folly 62 | - RCTRequired 63 | - RCTTypeSafety 64 | - React-callinvoker 65 | - React-Core 66 | - React-Core/DevSupport 67 | - React-Core/RCTWebSocket 68 | - React-CoreModules 69 | - React-cxxreact 70 | - React-jsi 71 | - React-jsiexecutor 72 | - React-jsinspector 73 | - React-RCTActionSheet 74 | - React-RCTAnimation 75 | - React-RCTBlob 76 | - React-RCTImage 77 | - React-RCTLinking 78 | - React-RCTNetwork 79 | - React-RCTSettings 80 | - React-RCTText 81 | - React-RCTVibration 82 | - ReactCommon/turbomodule/core 83 | - Yoga 84 | - expo-dev-menu/SafeAreaView (1.2.1) 85 | - expo-dev-menu/Vendored (1.2.1): 86 | - expo-dev-menu/GestureHandler 87 | - expo-dev-menu/Reanimated 88 | - expo-dev-menu/SafeAreaView 89 | - ExpoKeepAwake (10.2.0): 90 | - ExpoModulesCore 91 | - ExpoModulesCore (0.11.5): 92 | - React-Core 93 | - ReactCommon/turbomodule/core 94 | - EXSplashScreen (0.16.2): 95 | - ExpoModulesCore 96 | - React-Core 97 | - EXUpdatesInterface (0.7.0) 98 | - FBLazyVector (0.69.5) 99 | - FBReactNativeSpec (0.69.5): 100 | - RCT-Folly (= 2021.06.28.00-v2) 101 | - RCTRequired (= 0.69.5) 102 | - RCTTypeSafety (= 0.69.5) 103 | - React-Core (= 0.69.5) 104 | - React-jsi (= 0.69.5) 105 | - ReactCommon/turbomodule/core (= 0.69.5) 106 | - fmt (6.2.1) 107 | - glog (0.3.5) 108 | - RCT-Folly (2021.06.28.00-v2): 109 | - boost 110 | - DoubleConversion 111 | - fmt (~> 6.2.1) 112 | - glog 113 | - RCT-Folly/Default (= 2021.06.28.00-v2) 114 | - RCT-Folly/Default (2021.06.28.00-v2): 115 | - boost 116 | - DoubleConversion 117 | - fmt (~> 6.2.1) 118 | - glog 119 | - RCTRequired (0.69.5) 120 | - RCTTypeSafety (0.69.5): 121 | - FBLazyVector (= 0.69.5) 122 | - RCTRequired (= 0.69.5) 123 | - React-Core (= 0.69.5) 124 | - React (0.69.5): 125 | - React-Core (= 0.69.5) 126 | - React-Core/DevSupport (= 0.69.5) 127 | - React-Core/RCTWebSocket (= 0.69.5) 128 | - React-RCTActionSheet (= 0.69.5) 129 | - React-RCTAnimation (= 0.69.5) 130 | - React-RCTBlob (= 0.69.5) 131 | - React-RCTImage (= 0.69.5) 132 | - React-RCTLinking (= 0.69.5) 133 | - React-RCTNetwork (= 0.69.5) 134 | - React-RCTSettings (= 0.69.5) 135 | - React-RCTText (= 0.69.5) 136 | - React-RCTVibration (= 0.69.5) 137 | - React-bridging (0.69.5): 138 | - RCT-Folly (= 2021.06.28.00-v2) 139 | - React-jsi (= 0.69.5) 140 | - React-callinvoker (0.69.5) 141 | - React-Codegen (0.69.5): 142 | - FBReactNativeSpec (= 0.69.5) 143 | - RCT-Folly (= 2021.06.28.00-v2) 144 | - RCTRequired (= 0.69.5) 145 | - RCTTypeSafety (= 0.69.5) 146 | - React-Core (= 0.69.5) 147 | - React-jsi (= 0.69.5) 148 | - React-jsiexecutor (= 0.69.5) 149 | - ReactCommon/turbomodule/core (= 0.69.5) 150 | - React-Core (0.69.5): 151 | - glog 152 | - RCT-Folly (= 2021.06.28.00-v2) 153 | - React-Core/Default (= 0.69.5) 154 | - React-cxxreact (= 0.69.5) 155 | - React-jsi (= 0.69.5) 156 | - React-jsiexecutor (= 0.69.5) 157 | - React-perflogger (= 0.69.5) 158 | - Yoga 159 | - React-Core/CoreModulesHeaders (0.69.5): 160 | - glog 161 | - RCT-Folly (= 2021.06.28.00-v2) 162 | - React-Core/Default 163 | - React-cxxreact (= 0.69.5) 164 | - React-jsi (= 0.69.5) 165 | - React-jsiexecutor (= 0.69.5) 166 | - React-perflogger (= 0.69.5) 167 | - Yoga 168 | - React-Core/Default (0.69.5): 169 | - glog 170 | - RCT-Folly (= 2021.06.28.00-v2) 171 | - React-cxxreact (= 0.69.5) 172 | - React-jsi (= 0.69.5) 173 | - React-jsiexecutor (= 0.69.5) 174 | - React-perflogger (= 0.69.5) 175 | - Yoga 176 | - React-Core/DevSupport (0.69.5): 177 | - glog 178 | - RCT-Folly (= 2021.06.28.00-v2) 179 | - React-Core/Default (= 0.69.5) 180 | - React-Core/RCTWebSocket (= 0.69.5) 181 | - React-cxxreact (= 0.69.5) 182 | - React-jsi (= 0.69.5) 183 | - React-jsiexecutor (= 0.69.5) 184 | - React-jsinspector (= 0.69.5) 185 | - React-perflogger (= 0.69.5) 186 | - Yoga 187 | - React-Core/RCTActionSheetHeaders (0.69.5): 188 | - glog 189 | - RCT-Folly (= 2021.06.28.00-v2) 190 | - React-Core/Default 191 | - React-cxxreact (= 0.69.5) 192 | - React-jsi (= 0.69.5) 193 | - React-jsiexecutor (= 0.69.5) 194 | - React-perflogger (= 0.69.5) 195 | - Yoga 196 | - React-Core/RCTAnimationHeaders (0.69.5): 197 | - glog 198 | - RCT-Folly (= 2021.06.28.00-v2) 199 | - React-Core/Default 200 | - React-cxxreact (= 0.69.5) 201 | - React-jsi (= 0.69.5) 202 | - React-jsiexecutor (= 0.69.5) 203 | - React-perflogger (= 0.69.5) 204 | - Yoga 205 | - React-Core/RCTBlobHeaders (0.69.5): 206 | - glog 207 | - RCT-Folly (= 2021.06.28.00-v2) 208 | - React-Core/Default 209 | - React-cxxreact (= 0.69.5) 210 | - React-jsi (= 0.69.5) 211 | - React-jsiexecutor (= 0.69.5) 212 | - React-perflogger (= 0.69.5) 213 | - Yoga 214 | - React-Core/RCTImageHeaders (0.69.5): 215 | - glog 216 | - RCT-Folly (= 2021.06.28.00-v2) 217 | - React-Core/Default 218 | - React-cxxreact (= 0.69.5) 219 | - React-jsi (= 0.69.5) 220 | - React-jsiexecutor (= 0.69.5) 221 | - React-perflogger (= 0.69.5) 222 | - Yoga 223 | - React-Core/RCTLinkingHeaders (0.69.5): 224 | - glog 225 | - RCT-Folly (= 2021.06.28.00-v2) 226 | - React-Core/Default 227 | - React-cxxreact (= 0.69.5) 228 | - React-jsi (= 0.69.5) 229 | - React-jsiexecutor (= 0.69.5) 230 | - React-perflogger (= 0.69.5) 231 | - Yoga 232 | - React-Core/RCTNetworkHeaders (0.69.5): 233 | - glog 234 | - RCT-Folly (= 2021.06.28.00-v2) 235 | - React-Core/Default 236 | - React-cxxreact (= 0.69.5) 237 | - React-jsi (= 0.69.5) 238 | - React-jsiexecutor (= 0.69.5) 239 | - React-perflogger (= 0.69.5) 240 | - Yoga 241 | - React-Core/RCTSettingsHeaders (0.69.5): 242 | - glog 243 | - RCT-Folly (= 2021.06.28.00-v2) 244 | - React-Core/Default 245 | - React-cxxreact (= 0.69.5) 246 | - React-jsi (= 0.69.5) 247 | - React-jsiexecutor (= 0.69.5) 248 | - React-perflogger (= 0.69.5) 249 | - Yoga 250 | - React-Core/RCTTextHeaders (0.69.5): 251 | - glog 252 | - RCT-Folly (= 2021.06.28.00-v2) 253 | - React-Core/Default 254 | - React-cxxreact (= 0.69.5) 255 | - React-jsi (= 0.69.5) 256 | - React-jsiexecutor (= 0.69.5) 257 | - React-perflogger (= 0.69.5) 258 | - Yoga 259 | - React-Core/RCTVibrationHeaders (0.69.5): 260 | - glog 261 | - RCT-Folly (= 2021.06.28.00-v2) 262 | - React-Core/Default 263 | - React-cxxreact (= 0.69.5) 264 | - React-jsi (= 0.69.5) 265 | - React-jsiexecutor (= 0.69.5) 266 | - React-perflogger (= 0.69.5) 267 | - Yoga 268 | - React-Core/RCTWebSocket (0.69.5): 269 | - glog 270 | - RCT-Folly (= 2021.06.28.00-v2) 271 | - React-Core/Default (= 0.69.5) 272 | - React-cxxreact (= 0.69.5) 273 | - React-jsi (= 0.69.5) 274 | - React-jsiexecutor (= 0.69.5) 275 | - React-perflogger (= 0.69.5) 276 | - Yoga 277 | - React-CoreModules (0.69.5): 278 | - RCT-Folly (= 2021.06.28.00-v2) 279 | - RCTTypeSafety (= 0.69.5) 280 | - React-Codegen (= 0.69.5) 281 | - React-Core/CoreModulesHeaders (= 0.69.5) 282 | - React-jsi (= 0.69.5) 283 | - React-RCTImage (= 0.69.5) 284 | - ReactCommon/turbomodule/core (= 0.69.5) 285 | - React-cxxreact (0.69.5): 286 | - boost (= 1.76.0) 287 | - DoubleConversion 288 | - glog 289 | - RCT-Folly (= 2021.06.28.00-v2) 290 | - React-callinvoker (= 0.69.5) 291 | - React-jsi (= 0.69.5) 292 | - React-jsinspector (= 0.69.5) 293 | - React-logger (= 0.69.5) 294 | - React-perflogger (= 0.69.5) 295 | - React-runtimeexecutor (= 0.69.5) 296 | - React-jsi (0.69.5): 297 | - boost (= 1.76.0) 298 | - DoubleConversion 299 | - glog 300 | - RCT-Folly (= 2021.06.28.00-v2) 301 | - React-jsi/Default (= 0.69.5) 302 | - React-jsi/Default (0.69.5): 303 | - boost (= 1.76.0) 304 | - DoubleConversion 305 | - glog 306 | - RCT-Folly (= 2021.06.28.00-v2) 307 | - React-jsiexecutor (0.69.5): 308 | - DoubleConversion 309 | - glog 310 | - RCT-Folly (= 2021.06.28.00-v2) 311 | - React-cxxreact (= 0.69.5) 312 | - React-jsi (= 0.69.5) 313 | - React-perflogger (= 0.69.5) 314 | - React-jsinspector (0.69.5) 315 | - React-logger (0.69.5): 316 | - glog 317 | - React-perflogger (0.69.5) 318 | - React-RCTActionSheet (0.69.5): 319 | - React-Core/RCTActionSheetHeaders (= 0.69.5) 320 | - React-RCTAnimation (0.69.5): 321 | - RCT-Folly (= 2021.06.28.00-v2) 322 | - RCTTypeSafety (= 0.69.5) 323 | - React-Codegen (= 0.69.5) 324 | - React-Core/RCTAnimationHeaders (= 0.69.5) 325 | - React-jsi (= 0.69.5) 326 | - ReactCommon/turbomodule/core (= 0.69.5) 327 | - React-RCTBlob (0.69.5): 328 | - RCT-Folly (= 2021.06.28.00-v2) 329 | - React-Codegen (= 0.69.5) 330 | - React-Core/RCTBlobHeaders (= 0.69.5) 331 | - React-Core/RCTWebSocket (= 0.69.5) 332 | - React-jsi (= 0.69.5) 333 | - React-RCTNetwork (= 0.69.5) 334 | - ReactCommon/turbomodule/core (= 0.69.5) 335 | - React-RCTImage (0.69.5): 336 | - RCT-Folly (= 2021.06.28.00-v2) 337 | - RCTTypeSafety (= 0.69.5) 338 | - React-Codegen (= 0.69.5) 339 | - React-Core/RCTImageHeaders (= 0.69.5) 340 | - React-jsi (= 0.69.5) 341 | - React-RCTNetwork (= 0.69.5) 342 | - ReactCommon/turbomodule/core (= 0.69.5) 343 | - React-RCTLinking (0.69.5): 344 | - React-Codegen (= 0.69.5) 345 | - React-Core/RCTLinkingHeaders (= 0.69.5) 346 | - React-jsi (= 0.69.5) 347 | - ReactCommon/turbomodule/core (= 0.69.5) 348 | - React-RCTNetwork (0.69.5): 349 | - RCT-Folly (= 2021.06.28.00-v2) 350 | - RCTTypeSafety (= 0.69.5) 351 | - React-Codegen (= 0.69.5) 352 | - React-Core/RCTNetworkHeaders (= 0.69.5) 353 | - React-jsi (= 0.69.5) 354 | - ReactCommon/turbomodule/core (= 0.69.5) 355 | - React-RCTSettings (0.69.5): 356 | - RCT-Folly (= 2021.06.28.00-v2) 357 | - RCTTypeSafety (= 0.69.5) 358 | - React-Codegen (= 0.69.5) 359 | - React-Core/RCTSettingsHeaders (= 0.69.5) 360 | - React-jsi (= 0.69.5) 361 | - ReactCommon/turbomodule/core (= 0.69.5) 362 | - React-RCTText (0.69.5): 363 | - React-Core/RCTTextHeaders (= 0.69.5) 364 | - React-RCTVibration (0.69.5): 365 | - RCT-Folly (= 2021.06.28.00-v2) 366 | - React-Codegen (= 0.69.5) 367 | - React-Core/RCTVibrationHeaders (= 0.69.5) 368 | - React-jsi (= 0.69.5) 369 | - ReactCommon/turbomodule/core (= 0.69.5) 370 | - React-runtimeexecutor (0.69.5): 371 | - React-jsi (= 0.69.5) 372 | - ReactCommon/turbomodule/core (0.69.5): 373 | - DoubleConversion 374 | - glog 375 | - RCT-Folly (= 2021.06.28.00-v2) 376 | - React-bridging (= 0.69.5) 377 | - React-callinvoker (= 0.69.5) 378 | - React-Core (= 0.69.5) 379 | - React-cxxreact (= 0.69.5) 380 | - React-jsi (= 0.69.5) 381 | - React-logger (= 0.69.5) 382 | - React-perflogger (= 0.69.5) 383 | - RNGestureHandler (2.5.0): 384 | - React-Core 385 | - RNReanimated (2.9.1): 386 | - DoubleConversion 387 | - FBLazyVector 388 | - FBReactNativeSpec 389 | - glog 390 | - RCT-Folly 391 | - RCTRequired 392 | - RCTTypeSafety 393 | - React-callinvoker 394 | - React-Core 395 | - React-Core/DevSupport 396 | - React-Core/RCTWebSocket 397 | - React-CoreModules 398 | - React-cxxreact 399 | - React-jsi 400 | - React-jsiexecutor 401 | - React-jsinspector 402 | - React-RCTActionSheet 403 | - React-RCTAnimation 404 | - React-RCTBlob 405 | - React-RCTImage 406 | - React-RCTLinking 407 | - React-RCTNetwork 408 | - React-RCTSettings 409 | - React-RCTText 410 | - ReactCommon/turbomodule/core 411 | - Yoga 412 | - Yoga (1.14.0) 413 | 414 | DEPENDENCIES: 415 | - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`) 416 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`) 417 | - EXApplication (from `../node_modules/expo-application/ios`) 418 | - EXConstants (from `../node_modules/expo-constants/ios`) 419 | - EXFileSystem (from `../node_modules/expo-file-system/ios`) 420 | - EXFont (from `../node_modules/expo-font/ios`) 421 | - EXJSONUtils (from `../node_modules/expo-json-utils/ios`) 422 | - EXManifests (from `../node_modules/expo-manifests/ios`) 423 | - Expo (from `../node_modules/expo`) 424 | - expo-dev-client (from `../node_modules/expo-dev-client/ios`) 425 | - expo-dev-launcher (from `../node_modules/expo-dev-launcher`) 426 | - expo-dev-menu (from `../node_modules/expo-dev-menu`) 427 | - expo-dev-menu-interface (from `../node_modules/expo-dev-menu-interface/ios`) 428 | - ExpoKeepAwake (from `../node_modules/expo-keep-awake/ios`) 429 | - ExpoModulesCore (from `../node_modules/expo-modules-core/ios`) 430 | - EXSplashScreen (from `../node_modules/expo-splash-screen/ios`) 431 | - EXUpdatesInterface (from `../node_modules/expo-updates-interface/ios`) 432 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`) 433 | - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`) 434 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`) 435 | - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`) 436 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`) 437 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`) 438 | - React (from `../node_modules/react-native/`) 439 | - React-bridging (from `../node_modules/react-native/ReactCommon`) 440 | - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`) 441 | - React-Codegen (from `build/generated/ios`) 442 | - React-Core (from `../node_modules/react-native/`) 443 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`) 444 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`) 445 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`) 446 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`) 447 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 448 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 449 | - React-logger (from `../node_modules/react-native/ReactCommon/logger`) 450 | - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`) 451 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 452 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 453 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`) 454 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`) 455 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`) 456 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`) 457 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`) 458 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`) 459 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 460 | - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`) 461 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 462 | - RNGestureHandler (from `../node_modules/react-native-gesture-handler`) 463 | - RNReanimated (from `../node_modules/react-native-reanimated`) 464 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 465 | 466 | SPEC REPOS: 467 | trunk: 468 | - fmt 469 | 470 | EXTERNAL SOURCES: 471 | boost: 472 | :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec" 473 | DoubleConversion: 474 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec" 475 | EXApplication: 476 | :path: "../node_modules/expo-application/ios" 477 | EXConstants: 478 | :path: "../node_modules/expo-constants/ios" 479 | EXFileSystem: 480 | :path: "../node_modules/expo-file-system/ios" 481 | EXFont: 482 | :path: "../node_modules/expo-font/ios" 483 | EXJSONUtils: 484 | :path: "../node_modules/expo-json-utils/ios" 485 | EXManifests: 486 | :path: "../node_modules/expo-manifests/ios" 487 | Expo: 488 | :path: "../node_modules/expo" 489 | expo-dev-client: 490 | :path: "../node_modules/expo-dev-client/ios" 491 | expo-dev-launcher: 492 | :path: "../node_modules/expo-dev-launcher" 493 | expo-dev-menu: 494 | :path: "../node_modules/expo-dev-menu" 495 | expo-dev-menu-interface: 496 | :path: "../node_modules/expo-dev-menu-interface/ios" 497 | ExpoKeepAwake: 498 | :path: "../node_modules/expo-keep-awake/ios" 499 | ExpoModulesCore: 500 | :path: "../node_modules/expo-modules-core/ios" 501 | EXSplashScreen: 502 | :path: "../node_modules/expo-splash-screen/ios" 503 | EXUpdatesInterface: 504 | :path: "../node_modules/expo-updates-interface/ios" 505 | FBLazyVector: 506 | :path: "../node_modules/react-native/Libraries/FBLazyVector" 507 | FBReactNativeSpec: 508 | :path: "../node_modules/react-native/React/FBReactNativeSpec" 509 | glog: 510 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec" 511 | RCT-Folly: 512 | :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec" 513 | RCTRequired: 514 | :path: "../node_modules/react-native/Libraries/RCTRequired" 515 | RCTTypeSafety: 516 | :path: "../node_modules/react-native/Libraries/TypeSafety" 517 | React: 518 | :path: "../node_modules/react-native/" 519 | React-bridging: 520 | :path: "../node_modules/react-native/ReactCommon" 521 | React-callinvoker: 522 | :path: "../node_modules/react-native/ReactCommon/callinvoker" 523 | React-Codegen: 524 | :path: build/generated/ios 525 | React-Core: 526 | :path: "../node_modules/react-native/" 527 | React-CoreModules: 528 | :path: "../node_modules/react-native/React/CoreModules" 529 | React-cxxreact: 530 | :path: "../node_modules/react-native/ReactCommon/cxxreact" 531 | React-jsi: 532 | :path: "../node_modules/react-native/ReactCommon/jsi" 533 | React-jsiexecutor: 534 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor" 535 | React-jsinspector: 536 | :path: "../node_modules/react-native/ReactCommon/jsinspector" 537 | React-logger: 538 | :path: "../node_modules/react-native/ReactCommon/logger" 539 | React-perflogger: 540 | :path: "../node_modules/react-native/ReactCommon/reactperflogger" 541 | React-RCTActionSheet: 542 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS" 543 | React-RCTAnimation: 544 | :path: "../node_modules/react-native/Libraries/NativeAnimation" 545 | React-RCTBlob: 546 | :path: "../node_modules/react-native/Libraries/Blob" 547 | React-RCTImage: 548 | :path: "../node_modules/react-native/Libraries/Image" 549 | React-RCTLinking: 550 | :path: "../node_modules/react-native/Libraries/LinkingIOS" 551 | React-RCTNetwork: 552 | :path: "../node_modules/react-native/Libraries/Network" 553 | React-RCTSettings: 554 | :path: "../node_modules/react-native/Libraries/Settings" 555 | React-RCTText: 556 | :path: "../node_modules/react-native/Libraries/Text" 557 | React-RCTVibration: 558 | :path: "../node_modules/react-native/Libraries/Vibration" 559 | React-runtimeexecutor: 560 | :path: "../node_modules/react-native/ReactCommon/runtimeexecutor" 561 | ReactCommon: 562 | :path: "../node_modules/react-native/ReactCommon" 563 | RNGestureHandler: 564 | :path: "../node_modules/react-native-gesture-handler" 565 | RNReanimated: 566 | :path: "../node_modules/react-native-reanimated" 567 | Yoga: 568 | :path: "../node_modules/react-native/ReactCommon/yoga" 569 | 570 | SPEC CHECKSUMS: 571 | boost: a7c83b31436843459a1961bfd74b96033dc77234 572 | DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54 573 | EXApplication: e418d737a036e788510f2c4ad6c10a7d54d18586 574 | EXConstants: 7c44785d41d8e959d527d23d29444277a4d1ee73 575 | EXFileSystem: 927e0a8885aa9c49e50fc38eaba2c2389f2f1019 576 | EXFont: a5d80bd9b3452b2d5abbce2487da89b0150e6487 577 | EXJSONUtils: 2a74b8f40f1523cc3f92af99c91aa78201737a77 578 | EXManifests: 0c6134b7b6f3236a93a778c3f44ba1cfb3f9fa3d 579 | Expo: fcdb32274e2ca9c7638d3b21b30fb665c6869219 580 | expo-dev-client: 258dd6da471e23b8671a3634003e4c0ff55aaeda 581 | expo-dev-launcher: c0c466fe8fbda8a2e34e1c69e1b87df237698599 582 | expo-dev-menu: ab1e9353dbc761d5b62b1fc909f38e866857feba 583 | expo-dev-menu-interface: 27047461614aee1dc082cacc0e0f5b4c7b8edd1b 584 | ExpoKeepAwake: 0e8f18142e71bbf2c7f6aa66ebed249ba1420320 585 | ExpoModulesCore: 5a973701f4400d70254bc836305228731c829010 586 | EXSplashScreen: 799bece80089219b2c989c1082d70f3b00995cda 587 | EXUpdatesInterface: 2bbc11815dfa2ec3fc02e5534c7592c6b42b5327 588 | FBLazyVector: 0045cf98ca4a48af3bf7108d85b1c243740fa289 589 | FBReactNativeSpec: 82e74141263f8c962e288f5cd6b5d149cdc8afe1 590 | fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9 591 | glog: 3d02b25ca00c2d456734d0bcff864cbc62f6ae1a 592 | RCT-Folly: b9d9fe1fc70114b751c076104e52f3b1b5e5a95a 593 | RCTRequired: 85c60c4bde8241278be2c93420de4c65475a2151 594 | RCTTypeSafety: 15990f289215eb0fc65c5eb6e2610faeeda8d5e1 595 | React: 6cfa9367042a85f6235740420df017d51efc6494 596 | React-bridging: bf49ea3fa02446c647748d33cc9cbc0f5509bba7 597 | React-callinvoker: 6b98a94d1f5063afe211379d061b01f40707394a 598 | React-Codegen: 2fe0ade7442acce0b729a228a2d9111b6ef294e2 599 | React-Core: ad82eacbe769f918b0d199df3cb7c780cd3f46ff 600 | React-CoreModules: 72b07fed89ab0e7f2600f9275ec9642130aa920c 601 | React-cxxreact: 2bba16be9eb4116bee86e3dfd85aeb67b2795eca 602 | React-jsi: 013de11039e08ae5d67868a72f1012794d34e72f 603 | React-jsiexecutor: e42f0b46de293a026c2fb20e524d4fe09f81f575 604 | React-jsinspector: e385fb7a1440ae3f3b2cd1a139ca5aadaab43c10 605 | React-logger: 15c734997c06fe9c9b88e528fb7757601e7a56df 606 | React-perflogger: 367418425c5e4a9f0f80385ee1eaacd2a7348f8e 607 | React-RCTActionSheet: e4885e7136f98ded1137cd3daccc05eaed97d5a6 608 | React-RCTAnimation: 7c5a74f301c9b763343ba98a3dd776ed2676993f 609 | React-RCTBlob: 5c294e0415b290b1b3b72ec454c43e3afcfab444 610 | React-RCTImage: e82034ab64dfbadd3e0b42d830a810702f59f758 611 | React-RCTLinking: f007e2b4094e1fd364f3bde8bbd94113d4e1e70f 612 | React-RCTNetwork: 72eaf2f4cbcb5105b2ef4ac6a987b51047d8835f 613 | React-RCTSettings: 61949292107ca7b6cf9601679e952b1b5a3546a7 614 | React-RCTText: 307181243987b73aaefc22afd0b57b10ef970429 615 | React-RCTVibration: 42b34fde72e42446d9b08d2b9a3ddc2fa9ac6189 616 | React-runtimeexecutor: c778439c3c430a5719d027d3c67423b390a221fe 617 | ReactCommon: ab1003b81be740fecd82509c370a45b1a7dda0c1 618 | RNGestureHandler: bad495418bcbd3ab47017a38d93d290ebd406f50 619 | RNReanimated: 2cf7451318bb9cc430abeec8d67693f9cf4e039c 620 | Yoga: c2b1f2494060865ac1f27e49639e72371b1205fa 621 | 622 | PODFILE CHECKSUM: 2ac008879dcd51baef2e7f3d3d7a188d2fd357fc 623 | 624 | COCOAPODS: 1.11.3 625 | -------------------------------------------------------------------------------- /example/ios/Podfile.properties.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo.jsEngine": "jsc" 3 | } 4 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; }; 11 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 12 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 13 | 3E461D99554A48A4959DE609 /* SplashScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */; }; 14 | 96905EF65AED1B983A6B3ABC /* libPods-reactnativereanimatedzoomexample.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 58EEBF8E8E6FB1BC6CAF49B5 /* libPods-reactnativereanimatedzoomexample.a */; }; 15 | B18059E884C0ABDD17F3DC3D /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = FAC715A2D49A985799AEE119 /* ExpoModulesProvider.swift */; }; 16 | BB2F792D24A3F905000567C9 /* Expo.plist in Resources */ = {isa = PBXBuildFile; fileRef = BB2F792C24A3F905000567C9 /* Expo.plist */; }; 17 | C36D1A672EF84CD79713C4C9 /* noop-file.swift in Sources */ = {isa = PBXBuildFile; fileRef = 960EA79C05B04A8B9AB8032D /* noop-file.swift */; }; 18 | /* End PBXBuildFile section */ 19 | 20 | /* Begin PBXFileReference section */ 21 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 22 | 13B07F961A680F5B00A75B9A /* reactnativereanimatedzoomexample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = reactnativereanimatedzoomexample.app; sourceTree = BUILT_PRODUCTS_DIR; }; 23 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = reactnativereanimatedzoomexample/AppDelegate.h; sourceTree = ""; }; 24 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = reactnativereanimatedzoomexample/AppDelegate.mm; sourceTree = ""; }; 25 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = reactnativereanimatedzoomexample/Images.xcassets; sourceTree = ""; }; 26 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = reactnativereanimatedzoomexample/Info.plist; sourceTree = ""; }; 27 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = reactnativereanimatedzoomexample/main.m; sourceTree = ""; }; 28 | 58EEBF8E8E6FB1BC6CAF49B5 /* libPods-reactnativereanimatedzoomexample.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-reactnativereanimatedzoomexample.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 29 | 6C2E3173556A471DD304B334 /* Pods-reactnativereanimatedzoomexample.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-reactnativereanimatedzoomexample.debug.xcconfig"; path = "Target Support Files/Pods-reactnativereanimatedzoomexample/Pods-reactnativereanimatedzoomexample.debug.xcconfig"; sourceTree = ""; }; 30 | 7A4D352CD337FB3A3BF06240 /* Pods-reactnativereanimatedzoomexample.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-reactnativereanimatedzoomexample.release.xcconfig"; path = "Target Support Files/Pods-reactnativereanimatedzoomexample/Pods-reactnativereanimatedzoomexample.release.xcconfig"; sourceTree = ""; }; 31 | 960EA79C05B04A8B9AB8032D /* noop-file.swift */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 4; includeInIndex = 0; lastKnownFileType = sourcecode.swift; name = "noop-file.swift"; path = "reactnativereanimatedzoomexample/noop-file.swift"; sourceTree = ""; }; 32 | AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = SplashScreen.storyboard; path = reactnativereanimatedzoomexample/SplashScreen.storyboard; sourceTree = ""; }; 33 | BB2F792C24A3F905000567C9 /* Expo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = Expo.plist; sourceTree = ""; }; 34 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 35 | FAC715A2D49A985799AEE119 /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-reactnativereanimatedzoomexample/ExpoModulesProvider.swift"; sourceTree = ""; }; 36 | /* End PBXFileReference section */ 37 | 38 | /* Begin PBXFrameworksBuildPhase section */ 39 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 40 | isa = PBXFrameworksBuildPhase; 41 | buildActionMask = 2147483647; 42 | files = ( 43 | 96905EF65AED1B983A6B3ABC /* libPods-reactnativereanimatedzoomexample.a in Frameworks */, 44 | ); 45 | runOnlyForDeploymentPostprocessing = 0; 46 | }; 47 | /* End PBXFrameworksBuildPhase section */ 48 | 49 | /* Begin PBXGroup section */ 50 | 13B07FAE1A68108700A75B9A /* reactnativereanimatedzoomexample */ = { 51 | isa = PBXGroup; 52 | children = ( 53 | BB2F792B24A3F905000567C9 /* Supporting */, 54 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 55 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 56 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */, 57 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 58 | 13B07FB61A68108700A75B9A /* Info.plist */, 59 | 13B07FB71A68108700A75B9A /* main.m */, 60 | AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */, 61 | 960EA79C05B04A8B9AB8032D /* noop-file.swift */, 62 | ); 63 | name = reactnativereanimatedzoomexample; 64 | sourceTree = ""; 65 | }; 66 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 67 | isa = PBXGroup; 68 | children = ( 69 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 70 | 58EEBF8E8E6FB1BC6CAF49B5 /* libPods-reactnativereanimatedzoomexample.a */, 71 | ); 72 | name = Frameworks; 73 | sourceTree = ""; 74 | }; 75 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 76 | isa = PBXGroup; 77 | children = ( 78 | ); 79 | name = Libraries; 80 | sourceTree = ""; 81 | }; 82 | 83CBB9F61A601CBA00E9B192 = { 83 | isa = PBXGroup; 84 | children = ( 85 | 13B07FAE1A68108700A75B9A /* reactnativereanimatedzoomexample */, 86 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 87 | 83CBBA001A601CBA00E9B192 /* Products */, 88 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 89 | D65327D7A22EEC0BE12398D9 /* Pods */, 90 | D7E4C46ADA2E9064B798F356 /* ExpoModulesProviders */, 91 | ); 92 | indentWidth = 2; 93 | sourceTree = ""; 94 | tabWidth = 2; 95 | usesTabs = 0; 96 | }; 97 | 83CBBA001A601CBA00E9B192 /* Products */ = { 98 | isa = PBXGroup; 99 | children = ( 100 | 13B07F961A680F5B00A75B9A /* reactnativereanimatedzoomexample.app */, 101 | ); 102 | name = Products; 103 | sourceTree = ""; 104 | }; 105 | 92DBD88DE9BF7D494EA9DA96 /* reactnativereanimatedzoomexample */ = { 106 | isa = PBXGroup; 107 | children = ( 108 | FAC715A2D49A985799AEE119 /* ExpoModulesProvider.swift */, 109 | ); 110 | name = reactnativereanimatedzoomexample; 111 | sourceTree = ""; 112 | }; 113 | BB2F792B24A3F905000567C9 /* Supporting */ = { 114 | isa = PBXGroup; 115 | children = ( 116 | BB2F792C24A3F905000567C9 /* Expo.plist */, 117 | ); 118 | name = Supporting; 119 | path = reactnativereanimatedzoomexample/Supporting; 120 | sourceTree = ""; 121 | }; 122 | D65327D7A22EEC0BE12398D9 /* Pods */ = { 123 | isa = PBXGroup; 124 | children = ( 125 | 6C2E3173556A471DD304B334 /* Pods-reactnativereanimatedzoomexample.debug.xcconfig */, 126 | 7A4D352CD337FB3A3BF06240 /* Pods-reactnativereanimatedzoomexample.release.xcconfig */, 127 | ); 128 | path = Pods; 129 | sourceTree = ""; 130 | }; 131 | D7E4C46ADA2E9064B798F356 /* ExpoModulesProviders */ = { 132 | isa = PBXGroup; 133 | children = ( 134 | 92DBD88DE9BF7D494EA9DA96 /* reactnativereanimatedzoomexample */, 135 | ); 136 | name = ExpoModulesProviders; 137 | sourceTree = ""; 138 | }; 139 | /* End PBXGroup section */ 140 | 141 | /* Begin PBXNativeTarget section */ 142 | 13B07F861A680F5B00A75B9A /* reactnativereanimatedzoomexample */ = { 143 | isa = PBXNativeTarget; 144 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "reactnativereanimatedzoomexample" */; 145 | buildPhases = ( 146 | 08A4A3CD28434E44B6B9DE2E /* [CP] Check Pods Manifest.lock */, 147 | FD10A7F022414F080027D42C /* Start Packager */, 148 | 13B07F871A680F5B00A75B9A /* Sources */, 149 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 150 | 13B07F8E1A680F5B00A75B9A /* Resources */, 151 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 152 | 800E24972A6A228C8D4807E9 /* [CP] Copy Pods Resources */, 153 | ); 154 | buildRules = ( 155 | ); 156 | dependencies = ( 157 | ); 158 | name = reactnativereanimatedzoomexample; 159 | productName = reactnativereanimatedzoomexample; 160 | productReference = 13B07F961A680F5B00A75B9A /* reactnativereanimatedzoomexample.app */; 161 | productType = "com.apple.product-type.application"; 162 | }; 163 | /* End PBXNativeTarget section */ 164 | 165 | /* Begin PBXProject section */ 166 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 167 | isa = PBXProject; 168 | attributes = { 169 | LastUpgradeCheck = 1130; 170 | TargetAttributes = { 171 | 13B07F861A680F5B00A75B9A = { 172 | LastSwiftMigration = 1250; 173 | }; 174 | }; 175 | }; 176 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "reactnativereanimatedzoomexample" */; 177 | compatibilityVersion = "Xcode 3.2"; 178 | developmentRegion = en; 179 | hasScannedForEncodings = 0; 180 | knownRegions = ( 181 | en, 182 | Base, 183 | ); 184 | mainGroup = 83CBB9F61A601CBA00E9B192; 185 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 186 | projectDirPath = ""; 187 | projectRoot = ""; 188 | targets = ( 189 | 13B07F861A680F5B00A75B9A /* reactnativereanimatedzoomexample */, 190 | ); 191 | }; 192 | /* End PBXProject section */ 193 | 194 | /* Begin PBXResourcesBuildPhase section */ 195 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 196 | isa = PBXResourcesBuildPhase; 197 | buildActionMask = 2147483647; 198 | files = ( 199 | BB2F792D24A3F905000567C9 /* Expo.plist in Resources */, 200 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 201 | 3E461D99554A48A4959DE609 /* SplashScreen.storyboard in Resources */, 202 | ); 203 | runOnlyForDeploymentPostprocessing = 0; 204 | }; 205 | /* End PBXResourcesBuildPhase section */ 206 | 207 | /* Begin PBXShellScriptBuildPhase section */ 208 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 209 | isa = PBXShellScriptBuildPhase; 210 | buildActionMask = 2147483647; 211 | files = ( 212 | ); 213 | inputPaths = ( 214 | ); 215 | name = "Bundle React Native code and images"; 216 | outputPaths = ( 217 | ); 218 | runOnlyForDeploymentPostprocessing = 0; 219 | shellPath = /bin/sh; 220 | shellScript = "if [[ -f \"$PODS_ROOT/../.xcode.env\" ]]; then\n source \"$PODS_ROOT/../.xcode.env\"\nfi\nif [[ -f \"$PODS_ROOT/../.xcode.env.local\" ]]; then\n source \"$PODS_ROOT/../.xcode.env.local\"\nfi\n\n# The project root by default is one level up from the ios directory\nexport PROJECT_ROOT=\"$PROJECT_DIR\"/..\n\nif [[ \"$CONFIGURATION\" = *Debug* ]]; then\n export SKIP_BUNDLING=1\nfi\n`\"$NODE_BINARY\" --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/react-native-xcode.sh'\"`\n\n"; 221 | }; 222 | 08A4A3CD28434E44B6B9DE2E /* [CP] Check Pods Manifest.lock */ = { 223 | isa = PBXShellScriptBuildPhase; 224 | buildActionMask = 2147483647; 225 | files = ( 226 | ); 227 | inputFileListPaths = ( 228 | ); 229 | inputPaths = ( 230 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 231 | "${PODS_ROOT}/Manifest.lock", 232 | ); 233 | name = "[CP] Check Pods Manifest.lock"; 234 | outputFileListPaths = ( 235 | ); 236 | outputPaths = ( 237 | "$(DERIVED_FILE_DIR)/Pods-reactnativereanimatedzoomexample-checkManifestLockResult.txt", 238 | ); 239 | runOnlyForDeploymentPostprocessing = 0; 240 | shellPath = /bin/sh; 241 | 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"; 242 | showEnvVarsInLog = 0; 243 | }; 244 | 800E24972A6A228C8D4807E9 /* [CP] Copy Pods Resources */ = { 245 | isa = PBXShellScriptBuildPhase; 246 | buildActionMask = 2147483647; 247 | files = ( 248 | ); 249 | inputPaths = ( 250 | "${PODS_ROOT}/Target Support Files/Pods-reactnativereanimatedzoomexample/Pods-reactnativereanimatedzoomexample-resources.sh", 251 | "${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/EXConstants.bundle", 252 | "${PODS_CONFIGURATION_BUILD_DIR}/React-Core/AccessibilityResources.bundle", 253 | "${PODS_CONFIGURATION_BUILD_DIR}/expo-dev-launcher/EXDevLauncher.bundle", 254 | "${PODS_CONFIGURATION_BUILD_DIR}/expo-dev-menu/EXDevMenu.bundle", 255 | ); 256 | name = "[CP] Copy Pods Resources"; 257 | outputPaths = ( 258 | "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXConstants.bundle", 259 | "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AccessibilityResources.bundle", 260 | "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXDevLauncher.bundle", 261 | "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXDevMenu.bundle", 262 | ); 263 | runOnlyForDeploymentPostprocessing = 0; 264 | shellPath = /bin/sh; 265 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-reactnativereanimatedzoomexample/Pods-reactnativereanimatedzoomexample-resources.sh\"\n"; 266 | showEnvVarsInLog = 0; 267 | }; 268 | FD10A7F022414F080027D42C /* Start Packager */ = { 269 | isa = PBXShellScriptBuildPhase; 270 | buildActionMask = 2147483647; 271 | files = ( 272 | ); 273 | inputFileListPaths = ( 274 | ); 275 | inputPaths = ( 276 | ); 277 | name = "Start Packager"; 278 | outputFileListPaths = ( 279 | ); 280 | outputPaths = ( 281 | ); 282 | runOnlyForDeploymentPostprocessing = 0; 283 | shellPath = /bin/sh; 284 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > `node --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/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 `node --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/launchPackager.command'\"` || echo \"Can't start packager automatically\"\n fi\nfi\n"; 285 | showEnvVarsInLog = 0; 286 | }; 287 | /* End PBXShellScriptBuildPhase section */ 288 | 289 | /* Begin PBXSourcesBuildPhase section */ 290 | 13B07F871A680F5B00A75B9A /* Sources */ = { 291 | isa = PBXSourcesBuildPhase; 292 | buildActionMask = 2147483647; 293 | files = ( 294 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */, 295 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 296 | B18059E884C0ABDD17F3DC3D /* ExpoModulesProvider.swift in Sources */, 297 | C36D1A672EF84CD79713C4C9 /* noop-file.swift in Sources */, 298 | ); 299 | runOnlyForDeploymentPostprocessing = 0; 300 | }; 301 | /* End PBXSourcesBuildPhase section */ 302 | 303 | /* Begin XCBuildConfiguration section */ 304 | 13B07F941A680F5B00A75B9A /* Debug */ = { 305 | isa = XCBuildConfiguration; 306 | baseConfigurationReference = 6C2E3173556A471DD304B334 /* Pods-reactnativereanimatedzoomexample.debug.xcconfig */; 307 | buildSettings = { 308 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 309 | CLANG_ENABLE_MODULES = YES; 310 | CODE_SIGN_ENTITLEMENTS = reactnativereanimatedzoomexample/reactnativereanimatedzoomexample.entitlements; 311 | CURRENT_PROJECT_VERSION = 1; 312 | ENABLE_BITCODE = NO; 313 | GCC_PREPROCESSOR_DEFINITIONS = ( 314 | "$(inherited)", 315 | "FB_SONARKIT_ENABLED=1", 316 | ); 317 | INFOPLIST_FILE = reactnativereanimatedzoomexample/Info.plist; 318 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 319 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 320 | OTHER_LDFLAGS = ( 321 | "$(inherited)", 322 | "-ObjC", 323 | "-lc++", 324 | ); 325 | OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_DEBUG"; 326 | PRODUCT_BUNDLE_IDENTIFIER = com.nishanbende.reactnativereanimatedzoomexample; 327 | PRODUCT_NAME = reactnativereanimatedzoomexample; 328 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 329 | SWIFT_VERSION = 5.0; 330 | TARGETED_DEVICE_FAMILY = "1,2"; 331 | VERSIONING_SYSTEM = "apple-generic"; 332 | }; 333 | name = Debug; 334 | }; 335 | 13B07F951A680F5B00A75B9A /* Release */ = { 336 | isa = XCBuildConfiguration; 337 | baseConfigurationReference = 7A4D352CD337FB3A3BF06240 /* Pods-reactnativereanimatedzoomexample.release.xcconfig */; 338 | buildSettings = { 339 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 340 | CLANG_ENABLE_MODULES = YES; 341 | CODE_SIGN_ENTITLEMENTS = reactnativereanimatedzoomexample/reactnativereanimatedzoomexample.entitlements; 342 | CURRENT_PROJECT_VERSION = 1; 343 | INFOPLIST_FILE = reactnativereanimatedzoomexample/Info.plist; 344 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 345 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 346 | OTHER_LDFLAGS = ( 347 | "$(inherited)", 348 | "-ObjC", 349 | "-lc++", 350 | ); 351 | OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE"; 352 | PRODUCT_BUNDLE_IDENTIFIER = com.nishanbende.reactnativereanimatedzoomexample; 353 | PRODUCT_NAME = reactnativereanimatedzoomexample; 354 | SWIFT_VERSION = 5.0; 355 | TARGETED_DEVICE_FAMILY = "1,2"; 356 | VERSIONING_SYSTEM = "apple-generic"; 357 | }; 358 | name = Release; 359 | }; 360 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 361 | isa = XCBuildConfiguration; 362 | buildSettings = { 363 | ALWAYS_SEARCH_USER_PATHS = NO; 364 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 365 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 366 | CLANG_CXX_LIBRARY = "libc++"; 367 | CLANG_ENABLE_MODULES = YES; 368 | CLANG_ENABLE_OBJC_ARC = YES; 369 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 370 | CLANG_WARN_BOOL_CONVERSION = YES; 371 | CLANG_WARN_COMMA = YES; 372 | CLANG_WARN_CONSTANT_CONVERSION = YES; 373 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 374 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 375 | CLANG_WARN_EMPTY_BODY = YES; 376 | CLANG_WARN_ENUM_CONVERSION = YES; 377 | CLANG_WARN_INFINITE_RECURSION = YES; 378 | CLANG_WARN_INT_CONVERSION = YES; 379 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 380 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 381 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 382 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 383 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 384 | CLANG_WARN_STRICT_PROTOTYPES = YES; 385 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 386 | CLANG_WARN_UNREACHABLE_CODE = YES; 387 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 388 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 389 | COPY_PHASE_STRIP = NO; 390 | ENABLE_STRICT_OBJC_MSGSEND = YES; 391 | ENABLE_TESTABILITY = YES; 392 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 393 | GCC_C_LANGUAGE_STANDARD = gnu99; 394 | GCC_DYNAMIC_NO_PIC = NO; 395 | GCC_NO_COMMON_BLOCKS = YES; 396 | GCC_OPTIMIZATION_LEVEL = 0; 397 | GCC_PREPROCESSOR_DEFINITIONS = ( 398 | "DEBUG=1", 399 | "$(inherited)", 400 | ); 401 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 402 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 403 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 404 | GCC_WARN_UNDECLARED_SELECTOR = YES; 405 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 406 | GCC_WARN_UNUSED_FUNCTION = YES; 407 | GCC_WARN_UNUSED_VARIABLE = YES; 408 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 409 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)"; 410 | LIBRARY_SEARCH_PATHS = "\"$(inherited)\""; 411 | MTL_ENABLE_DEBUG_INFO = YES; 412 | ONLY_ACTIVE_ARCH = YES; 413 | REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; 414 | SDKROOT = iphoneos; 415 | }; 416 | name = Debug; 417 | }; 418 | 83CBBA211A601CBA00E9B192 /* Release */ = { 419 | isa = XCBuildConfiguration; 420 | buildSettings = { 421 | ALWAYS_SEARCH_USER_PATHS = NO; 422 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 423 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 424 | CLANG_CXX_LIBRARY = "libc++"; 425 | CLANG_ENABLE_MODULES = YES; 426 | CLANG_ENABLE_OBJC_ARC = YES; 427 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 428 | CLANG_WARN_BOOL_CONVERSION = YES; 429 | CLANG_WARN_COMMA = YES; 430 | CLANG_WARN_CONSTANT_CONVERSION = YES; 431 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 432 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 433 | CLANG_WARN_EMPTY_BODY = YES; 434 | CLANG_WARN_ENUM_CONVERSION = YES; 435 | CLANG_WARN_INFINITE_RECURSION = YES; 436 | CLANG_WARN_INT_CONVERSION = YES; 437 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 438 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 439 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 440 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 441 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 442 | CLANG_WARN_STRICT_PROTOTYPES = YES; 443 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 444 | CLANG_WARN_UNREACHABLE_CODE = YES; 445 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 446 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 447 | COPY_PHASE_STRIP = YES; 448 | ENABLE_NS_ASSERTIONS = NO; 449 | ENABLE_STRICT_OBJC_MSGSEND = YES; 450 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 451 | GCC_C_LANGUAGE_STANDARD = gnu99; 452 | GCC_NO_COMMON_BLOCKS = YES; 453 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 454 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 455 | GCC_WARN_UNDECLARED_SELECTOR = YES; 456 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 457 | GCC_WARN_UNUSED_FUNCTION = YES; 458 | GCC_WARN_UNUSED_VARIABLE = YES; 459 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 460 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)"; 461 | LIBRARY_SEARCH_PATHS = "\"$(inherited)\""; 462 | MTL_ENABLE_DEBUG_INFO = NO; 463 | REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; 464 | SDKROOT = iphoneos; 465 | VALIDATE_PRODUCT = YES; 466 | }; 467 | name = Release; 468 | }; 469 | /* End XCBuildConfiguration section */ 470 | 471 | /* Begin XCConfigurationList section */ 472 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "reactnativereanimatedzoomexample" */ = { 473 | isa = XCConfigurationList; 474 | buildConfigurations = ( 475 | 13B07F941A680F5B00A75B9A /* Debug */, 476 | 13B07F951A680F5B00A75B9A /* Release */, 477 | ); 478 | defaultConfigurationIsVisible = 0; 479 | defaultConfigurationName = Release; 480 | }; 481 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "reactnativereanimatedzoomexample" */ = { 482 | isa = XCConfigurationList; 483 | buildConfigurations = ( 484 | 83CBBA201A601CBA00E9B192 /* Debug */, 485 | 83CBBA211A601CBA00E9B192 /* Release */, 486 | ); 487 | defaultConfigurationIsVisible = 0; 488 | defaultConfigurationName = Release; 489 | }; 490 | /* End XCConfigurationList section */ 491 | }; 492 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 493 | } 494 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample.xcodeproj/xcshareddata/xcschemes/reactnativereanimatedzoomexample.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/reactnativereanimatedzoomexample.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | #import 4 | 5 | #import 6 | 7 | @interface AppDelegate : EXAppDelegateWrapper 8 | 9 | @end 10 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/AppDelegate.mm: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | #import 7 | #import 8 | 9 | #import 10 | 11 | #if RCT_NEW_ARCH_ENABLED 12 | #import 13 | #import 14 | #import 15 | #import 16 | #import 17 | #import 18 | 19 | #import 20 | 21 | static NSString *const kRNConcurrentRoot = @"concurrentRoot"; 22 | 23 | @interface AppDelegate () { 24 | RCTTurboModuleManager *_turboModuleManager; 25 | RCTSurfacePresenterBridgeAdapter *_bridgeAdapter; 26 | std::shared_ptr _reactNativeConfig; 27 | facebook::react::ContextContainer::Shared _contextContainer; 28 | } 29 | @end 30 | #endif 31 | 32 | @implementation AppDelegate 33 | 34 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 35 | { 36 | RCTAppSetupPrepareApp(application); 37 | 38 | RCTBridge *bridge = [self.reactDelegate createBridgeWithDelegate:self launchOptions:launchOptions]; 39 | 40 | #if RCT_NEW_ARCH_ENABLED 41 | _contextContainer = std::make_shared(); 42 | _reactNativeConfig = std::make_shared(); 43 | _contextContainer->insert("ReactNativeConfig", _reactNativeConfig); 44 | _bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:bridge contextContainer:_contextContainer]; 45 | bridge.surfacePresenter = _bridgeAdapter.surfacePresenter; 46 | #endif 47 | 48 | NSDictionary *initProps = [self prepareInitialProps]; 49 | UIView *rootView = [self.reactDelegate createRootViewWithBridge:bridge moduleName:@"main" initialProperties:initProps]; 50 | 51 | rootView.backgroundColor = [UIColor whiteColor]; 52 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 53 | UIViewController *rootViewController = [self.reactDelegate createRootViewController]; 54 | rootViewController.view = rootView; 55 | self.window.rootViewController = rootViewController; 56 | [self.window makeKeyAndVisible]; 57 | 58 | [super application:application didFinishLaunchingWithOptions:launchOptions]; 59 | 60 | return YES; 61 | } 62 | 63 | - (NSArray> *)extraModulesForBridge:(RCTBridge *)bridge 64 | { 65 | // If you'd like to export some custom RCTBridgeModules, add them here! 66 | return @[]; 67 | } 68 | 69 | /// This method controls whether the `concurrentRoot`feature of React18 is turned on or off. 70 | /// 71 | /// @see: https://reactjs.org/blog/2022/03/29/react-v18.html 72 | /// @note: This requires to be rendering on Fabric (i.e. on the New Architecture). 73 | /// @return: `true` if the `concurrentRoot` feture is enabled. Otherwise, it returns `false`. 74 | - (BOOL)concurrentRootEnabled 75 | { 76 | // Switch this bool to turn on and off the concurrent root 77 | return true; 78 | } 79 | 80 | - (NSDictionary *)prepareInitialProps 81 | { 82 | NSMutableDictionary *initProps = [NSMutableDictionary new]; 83 | #if RCT_NEW_ARCH_ENABLED 84 | initProps[kRNConcurrentRoot] = @([self concurrentRootEnabled]); 85 | #endif 86 | return initProps; 87 | } 88 | 89 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 90 | { 91 | #if DEBUG 92 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"]; 93 | #else 94 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 95 | #endif 96 | } 97 | 98 | // Linking API 99 | - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary *)options { 100 | return [super application:application openURL:url options:options] || [RCTLinkingManager application:application openURL:url options:options]; 101 | } 102 | 103 | // Universal Links 104 | - (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity restorationHandler:(nonnull void (^)(NSArray> * _Nullable))restorationHandler { 105 | BOOL result = [RCTLinkingManager application:application continueUserActivity:userActivity restorationHandler:restorationHandler]; 106 | return [super application:application continueUserActivity:userActivity restorationHandler:restorationHandler] || result; 107 | } 108 | 109 | // Explicitly define remote notification delegates to ensure compatibility with some third-party libraries 110 | - (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken 111 | { 112 | return [super application:application didRegisterForRemoteNotificationsWithDeviceToken:deviceToken]; 113 | } 114 | 115 | // Explicitly define remote notification delegates to ensure compatibility with some third-party libraries 116 | - (void)application:(UIApplication *)application didFailToRegisterForRemoteNotificationsWithError:(NSError *)error 117 | { 118 | return [super application:application didFailToRegisterForRemoteNotificationsWithError:error]; 119 | } 120 | 121 | // Explicitly define remote notification delegates to ensure compatibility with some third-party libraries 122 | - (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler 123 | { 124 | return [super application:application didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler]; 125 | } 126 | 127 | #if RCT_NEW_ARCH_ENABLED 128 | 129 | #pragma mark - RCTCxxBridgeDelegate 130 | 131 | - (std::unique_ptr)jsExecutorFactoryForBridge:(RCTBridge *)bridge 132 | { 133 | _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge 134 | delegate:self 135 | jsInvoker:bridge.jsCallInvoker]; 136 | return RCTAppSetupDefaultJsExecutorFactory(bridge, _turboModuleManager); 137 | } 138 | 139 | #pragma mark RCTTurboModuleManagerDelegate 140 | 141 | - (Class)getModuleClassFromName:(const char *)name 142 | { 143 | return RCTCoreModulesClassProvider(name); 144 | } 145 | 146 | - (std::shared_ptr)getTurboModule:(const std::string &)name 147 | jsInvoker:(std::shared_ptr)jsInvoker 148 | { 149 | return nullptr; 150 | } 151 | 152 | - (std::shared_ptr)getTurboModule:(const std::string &)name 153 | initParams: 154 | (const facebook::react::ObjCTurboModule::InitParams &)params 155 | { 156 | return nullptr; 157 | } 158 | 159 | - (id)getModuleInstanceFromClass:(Class)moduleClass 160 | { 161 | return RCTAppSetupDefaultModuleFromClass(moduleClass); 162 | } 163 | 164 | #endif 165 | 166 | @end 167 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/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" : "expo" 37 | } 38 | } -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "expo" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/Images.xcassets/SplashScreenBackground.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images": [ 3 | { 4 | "idiom": "universal", 5 | "filename": "image.png", 6 | "scale": "1x" 7 | }, 8 | { 9 | "idiom": "universal", 10 | "scale": "2x" 11 | }, 12 | { 13 | "idiom": "universal", 14 | "scale": "3x" 15 | } 16 | ], 17 | "info": { 18 | "version": 1, 19 | "author": "expo" 20 | } 21 | } -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/Images.xcassets/SplashScreenBackground.imageset/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/intergalacticspacehighway/react-native-reanimated-zoom/031dd943448730d0ff846fad40c2c06373371d12/example/ios/reactnativereanimatedzoomexample/Images.xcassets/SplashScreenBackground.imageset/image.png -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleDisplayName 8 | react-native-reanimated-zoom-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 | $(PRODUCT_BUNDLE_PACKAGE_TYPE) 19 | CFBundleShortVersionString 20 | 1.0.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleURLTypes 24 | 25 | 26 | CFBundleURLSchemes 27 | 28 | com.nishanbende.reactnativereanimatedzoomexample 29 | 30 | 31 | 32 | CFBundleURLSchemes 33 | 34 | exp+react-native-reanimated-zoom-example 35 | 36 | 37 | 38 | CFBundleVersion 39 | 1 40 | LSRequiresIPhoneOS 41 | 42 | NSAppTransportSecurity 43 | 44 | NSAllowsArbitraryLoads 45 | 46 | NSExceptionDomains 47 | 48 | localhost 49 | 50 | NSExceptionAllowsInsecureHTTPLoads 51 | 52 | 53 | 54 | 55 | UILaunchStoryboardName 56 | SplashScreen 57 | UIRequiredDeviceCapabilities 58 | 59 | armv7 60 | 61 | UIRequiresFullScreen 62 | 63 | UIStatusBarStyle 64 | UIStatusBarStyleDefault 65 | UISupportedInterfaceOrientations 66 | 67 | UIInterfaceOrientationPortrait 68 | UIInterfaceOrientationPortraitUpsideDown 69 | UIInterfaceOrientationLandscapeLeft 70 | UIInterfaceOrientationLandscapeRight 71 | 72 | UISupportedInterfaceOrientations~ipad 73 | 74 | UIInterfaceOrientationPortrait 75 | UIInterfaceOrientationPortraitUpsideDown 76 | UIInterfaceOrientationLandscapeLeft 77 | UIInterfaceOrientationLandscapeRight 78 | 79 | UIUserInterfaceStyle 80 | Light 81 | UIViewControllerBasedStatusBarAppearance 82 | 83 | 84 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/SplashScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/Supporting/Expo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | EXUpdatesCheckOnLaunch 6 | ALWAYS 7 | EXUpdatesEnabled 8 | 9 | EXUpdatesLaunchWaitMs 10 | 0 11 | EXUpdatesSDKVersion 12 | 46.0.0 13 | EXUpdatesURL 14 | https://exp.host/@nishanbende/react-native-reanimated-zoom-example 15 | 16 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/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 | 11 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/noop-file.swift: -------------------------------------------------------------------------------- 1 | // 2 | // @generated 3 | // A blank Swift file must be created for native modules with Swift files to work correctly. 4 | // 5 | -------------------------------------------------------------------------------- /example/ios/reactnativereanimatedzoomexample/reactnativereanimatedzoomexample.entitlements: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | aps-environment 6 | development 7 | 8 | -------------------------------------------------------------------------------- /example/metro.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const blacklist = require('metro-config/src/defaults/blacklist'); 3 | const escape = require('escape-string-regexp'); 4 | const pak = require('../package.json'); 5 | 6 | const root = path.resolve(__dirname, '..'); 7 | 8 | const modules = Object.keys({ 9 | ...pak.peerDependencies, 10 | }); 11 | 12 | module.exports = { 13 | projectRoot: __dirname, 14 | watchFolders: [root], 15 | 16 | // We need to make sure that only one version is loaded for peerDependencies 17 | // So we blacklist them at the root, and alias them to the versions in example's node_modules 18 | resolver: { 19 | blacklistRE: blacklist( 20 | modules.map( 21 | (m) => 22 | new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`) 23 | ) 24 | ), 25 | 26 | extraNodeModules: modules.reduce((acc, name) => { 27 | acc[name] = path.join(__dirname, 'node_modules', name); 28 | return acc; 29 | }, {}), 30 | }, 31 | 32 | transformer: { 33 | getTransformOptions: async () => ({ 34 | transform: { 35 | experimentalImportSupport: false, 36 | inlineRequires: true, 37 | }, 38 | }), 39 | }, 40 | }; 41 | -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-reanimated-zoom-example", 3 | "description": "Example app for react-native-reanimated-zoom", 4 | "version": "0.0.1", 5 | "private": true, 6 | "main": "index", 7 | "scripts": { 8 | "android": "expo run:android", 9 | "ios": "expo run:ios", 10 | "web": "expo start --web", 11 | "start": "expo start --dev-client", 12 | "test": "jest" 13 | }, 14 | "dependencies": { 15 | "expo": "~46.0.9", 16 | "expo-dev-client": "~1.2.1", 17 | "expo-splash-screen": "~0.16.2", 18 | "expo-status-bar": "~1.4.0", 19 | "react": "18.0.0", 20 | "react-dom": "18.0.0", 21 | "react-native": "0.69.5", 22 | "react-native-gesture-handler": "~2.5.0", 23 | "react-native-reanimated": "~2.9.1", 24 | "react-native-web": "~0.18.7" 25 | }, 26 | "devDependencies": { 27 | "@babel/core": "^7.18.6", 28 | "@babel/runtime": "^7.9.6", 29 | "babel-plugin-module-resolver": "^4.0.0", 30 | "babel-preset-expo": "~9.2.0" 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /example/src/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import { 3 | Button, 4 | FlatList, 5 | Image, 6 | useWindowDimensions, 7 | View, 8 | } from 'react-native'; 9 | import Animated from "react-native-reanimated" 10 | import { GestureHandlerRootView } from 'react-native-gesture-handler'; 11 | import { Zoom, createZoomListWithReanimatedComponent } from 'react-native-reanimated-zoom'; 12 | 13 | const data = [ 14 | 'https://images.unsplash.com/photo-1536152470836-b943b246224c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1038&q=80', 15 | 'https://images.unsplash.com/photo-1469474968028-56623f02e42e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3274&q=80', 16 | 'https://images.unsplash.com/photo-1439853949127-fa647821eba0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80', 17 | 'https://images.unsplash.com/photo-1444464666168-49d633b86797?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3269&q=80', 18 | ]; 19 | 20 | const AnimatedFlatList = Animated.createAnimatedComponent(FlatList); 21 | const ZoomFlatList = createZoomListWithReanimatedComponent(AnimatedFlatList); 22 | 23 | export default function App() { 24 | const [example, setExample] = React.useState('simple'); 25 | 26 | return ( 27 | 28 | 33 | 34 | {example === 'simple' ? ( 35 | 36 | ) : ( 37 | 38 | )} 39 | 40 | 41 | 42 | 47 |