├── .eslintrc.js ├── .gitattributes ├── .github ├── actions │ └── setup │ │ └── action.yml └── workflows │ └── ci.yml ├── .gitignore ├── .nvmrc ├── .prettierrc ├── .watchmanconfig ├── .yarnrc ├── LICENSE ├── README.md ├── assets ├── long.gif ├── lottery.gif └── regular.gif ├── babel.config.js ├── bareExample ├── .bundle │ └── config ├── .gitignore ├── .node-version ├── .watchmanconfig ├── Gemfile ├── Gemfile.lock ├── android │ ├── app │ │ ├── build.gradle │ │ ├── debug.keystore │ │ ├── proguard-rules.pro │ │ └── src │ │ │ ├── debug │ │ │ ├── AndroidManifest.xml │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── bareexample │ │ │ │ └── ReactNativeFlipper.java │ │ │ ├── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ │ └── com │ │ │ │ │ └── bareexample │ │ │ │ │ ├── MainActivity.java │ │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ │ ├── drawable │ │ │ │ └── rn_edit_text_material.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 │ │ │ │ ├── strings.xml │ │ │ │ └── styles.xml │ │ │ └── release │ │ │ └── java │ │ │ └── com │ │ │ └── bareexample │ │ │ └── ReactNativeFlipper.java │ ├── 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 │ ├── .xcode.env │ ├── Podfile │ ├── Podfile.lock │ ├── bareExample.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── bareExample.xcscheme │ ├── bareExample.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ ├── bareExample │ │ ├── AppDelegate.h │ │ ├── AppDelegate.mm │ │ ├── Images.xcassets │ │ │ ├── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ ├── LaunchScreen.storyboard │ │ └── main.m │ └── bareExampleTests │ │ ├── Info.plist │ │ └── bareExampleTests.m ├── metro.config.js ├── package.json ├── src │ ├── App.tsx │ ├── OnScreenDecimalPad.tsx │ └── chevron-left-solid.png ├── tsconfig.json └── yarn.lock ├── lefthook.yml ├── package.json ├── scripts └── bootstrap.js ├── src ├── AnimatedDigit.tsx ├── AnimatedDigits.tsx ├── animations.ts ├── index.ts ├── item.ts ├── key.ts ├── useAnimatedItems.ts ├── useInitialRender.ts ├── useScaledDigits.ts └── utils.ts ├── tsconfig.build.json ├── tsconfig.json └── yarn.lock /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | parser: '@typescript-eslint/parser', 5 | plugins: ['@typescript-eslint'], 6 | rules: { 7 | 'no-shadow': 'off', 8 | '@typescript-eslint/no-shadow': 'off', 9 | 'react-native/no-inline-styles': 'off', 10 | '@typescript-eslint/quotes': [ 11 | 'error', 12 | 'single', 13 | { 14 | avoidEscape: true, 15 | allowTemplateLiterals: true, 16 | }, 17 | ], 18 | }, 19 | overrides: [ 20 | { 21 | files: ['*.ts', '*.tsx'], 22 | rules: { 23 | 'no-undef': 'off', 24 | }, 25 | }, 26 | ], 27 | }; 28 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | # specific for windows script files 3 | *.bat text eol=crlf -------------------------------------------------------------------------------- /.github/actions/setup/action.yml: -------------------------------------------------------------------------------- 1 | name: Setup 2 | description: Setup Node.js and install dependencies 3 | 4 | runs: 5 | using: composite 6 | steps: 7 | - name: Setup Node.js 8 | uses: actions/setup-node@v3 9 | with: 10 | node-version-file: .nvmrc 11 | 12 | - name: Cache dependencies 13 | id: yarn-cache 14 | uses: actions/cache@v3 15 | with: 16 | path: | 17 | **/node_modules 18 | key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }} 19 | restore-keys: | 20 | ${{ runner.os }}-yarn- 21 | 22 | - name: Install dependencies 23 | if: steps.yarn-cache.outputs.cache-hit != 'true' 24 | run: | 25 | yarn install --cwd example --frozen-lockfile 26 | yarn install --frozen-lockfile 27 | shell: bash 28 | -------------------------------------------------------------------------------- /.github/workflows/ci.yml: -------------------------------------------------------------------------------- 1 | name: CI 2 | on: 3 | push: 4 | branches: 5 | - main 6 | pull_request: 7 | branches: 8 | - main 9 | 10 | jobs: 11 | lint: 12 | runs-on: ubuntu-latest 13 | steps: 14 | - name: Checkout 15 | uses: actions/checkout@v3 16 | 17 | - name: Setup 18 | uses: ./.github/actions/setup 19 | 20 | - name: Lint files 21 | run: yarn lint 22 | 23 | - name: Typecheck files 24 | run: yarn typecheck 25 | 26 | build: 27 | runs-on: ubuntu-latest 28 | steps: 29 | - name: Checkout 30 | uses: actions/checkout@v3 31 | 32 | - name: Setup 33 | uses: ./.github/actions/setup 34 | 35 | - name: Build package 36 | run: yarn prepack 37 | -------------------------------------------------------------------------------- /.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 | # Ruby 48 | example/vendor/ 49 | 50 | # node.js 51 | # 52 | node_modules/ 53 | npm-debug.log 54 | yarn-debug.log 55 | yarn-error.log 56 | 57 | # BUCK 58 | buck-out/ 59 | \.buckd/ 60 | android/app/libs 61 | android/keystores/debug.keystore 62 | 63 | # Expo 64 | .expo/ 65 | 66 | # Turborepo 67 | .turbo/ 68 | 69 | # generated by bob 70 | lib/ 71 | -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | 16.18.1 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "tabWidth": 4, 3 | "singleQuote": true 4 | } 5 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /.yarnrc: -------------------------------------------------------------------------------- 1 | # Override Yarn command so we can automatically setup the repo on running `yarn` 2 | 3 | yarn-path "scripts/bootstrap.js" 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Kevin Li 4 | Permission is hereby granted, free of charge, to any person obtaining a copy 5 | of this software and associated documentation files (the "Software"), to deal 6 | in the Software without restriction, including without limitation the rights 7 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the Software is 9 | furnished to do so, subject to the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be included in all 12 | copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 15 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 16 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 17 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 18 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 19 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 20 | SOFTWARE. 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-animated-digits 2 | 3 | Beautifully animated digits for React Native. 4 | 5 |

6 | 7 | 8 | 9 |

10 | 11 | ## Installation 12 | 13 | ```sh 14 | npm install react-native-animated-digits 15 | ``` 16 | 17 | ## Usage 18 | 19 | ```js 20 | import { AnimatedDigits } from 'react-native-animated-digits'; 21 | 22 | // ... 23 | 24 | const [usd, setUsd] = useState('0'); 25 | 26 | return ( 27 | 28 | 29 | // ... 30 | 31 | ); 32 | ``` 33 | 34 | ## Props 35 | 36 | | name | required | default | types | description | 37 | | --------------------------- | -------- | -------------------------------------------------------- | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | 38 | | value | ✅ | | string | A number parseable string, if using the default `makeAnimatedItems` or a custom string if using a custom `makeAnimatedItems` | 39 | | prefix | ❌ | | string | The value to display in front of the digits | 40 | | prefixProps | ❌ | {} | TextStyle | Prefix text style | 41 | | suffix | ❌ | | string | The value to display after the digits | 42 | | suffixProps | ❌ | {} | TextStyle | Suffix text style | 43 | | width | ❌ | SCREEN_WIDTH\*0.9 | number | Specified animated digits width | 44 | | textProps | ❌ | {fontSize: SCREEN_WIDTH\*0.3, letterSpacing: -2} | TextStyle | Digits text style | 45 | | makeAnimatedItems | ❌ | Formats value with commas and creates the animated items | (value: string) => AnimatedItem[] | Makes the array for the animated items to display | 46 | | keyExtractor | ❌ | Each item type is given a unique key | (value: AnimatedItem) => React.Key | Gets a unique key for the given item | 47 | | initialEnterAnimationConfig | ❌ | Fade in enter animation | EnterAnimationConfig | The type of animation for the first render of the animated digits | 48 | | enterAnimationConfigCreator | ❌ | Scale-fade enter animation | EnterAnimationConfig | The type of animation for new digits added to the view | 49 | | exitAnimationConfigCreator | ❌ | Scale-fade exit animation | ExitAnimationConfig | The type of animation for digits removed from the view | 50 | | layoutAnimation | ❌ | Linear layout transition | LayoutAnimationConfig | The type of animation during transitions, ie digits being added/removed | 51 | | style | ❌ | {} | ViewStyle | Container style | 52 | 53 | ## Extending 54 | 55 | Extending animations is as simple as below. See the [example repo](https://github.com/ThasianX/react-native-animated-digits/tree/main/bareExample) for how to override the animation to achieve a lottery-like animation. 56 | 57 | ```js 58 | const lotteryEnterAnimationConfigCreator: EnterAnimationConfigCreator = (() => { 59 | return { 60 | ...defaultEnterAnimationConfigCreator, 61 | [AnimatedItemType.DIGIT]: () => 62 | makeAnimation({ 63 | translateY: { 64 | from: 10, 65 | to: 0, 66 | }, 67 | duration: 150, 68 | }), 69 | }; 70 | })(); 71 | 72 | ... 73 | 74 | return ( 75 | 79 | ) 80 | ``` 81 | 82 | ## Contributing 83 | 84 | I do not plan to maintain this repo. However, please feel free to make pull requests for any features/bugs. 85 | 86 | ## License 87 | 88 | MIT 89 | -------------------------------------------------------------------------------- /assets/long.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/assets/long.gif -------------------------------------------------------------------------------- /assets/lottery.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/assets/lottery.gif -------------------------------------------------------------------------------- /assets/regular.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/assets/regular.gif -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | plugins: ['react-native-reanimated/plugin'], 4 | }; 5 | -------------------------------------------------------------------------------- /bareExample/.bundle/config: -------------------------------------------------------------------------------- 1 | BUNDLE_PATH: "vendor/bundle" 2 | BUNDLE_FORCE_RUBY_PLATFORM: 1 3 | -------------------------------------------------------------------------------- /bareExample/.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 | ios/.xcode.env.local 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | *.hprof 33 | .cxx/ 34 | *.keystore 35 | !debug.keystore 36 | 37 | # node.js 38 | # 39 | node_modules/ 40 | npm-debug.log 41 | yarn-error.log 42 | 43 | # fastlane 44 | # 45 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 46 | # screenshots whenever they are needed. 47 | # For more information about the recommended setup visit: 48 | # https://docs.fastlane.tools/best-practices/source-control/ 49 | 50 | **/fastlane/report.xml 51 | **/fastlane/Preview.html 52 | **/fastlane/screenshots 53 | **/fastlane/test_output 54 | 55 | # Bundle artifact 56 | *.jsbundle 57 | 58 | # Ruby / CocoaPods 59 | /ios/Pods/ 60 | /vendor/bundle/ 61 | 62 | # Temporary files created by Metro to check the health of the file watcher 63 | .metro-health-check* 64 | -------------------------------------------------------------------------------- /bareExample/.node-version: -------------------------------------------------------------------------------- 1 | 18 2 | -------------------------------------------------------------------------------- /bareExample/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /bareExample/Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version 4 | ruby '>= 2.6.10' 5 | 6 | gem 'cocoapods', '>= 1.11.3' 7 | -------------------------------------------------------------------------------- /bareExample/Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | CFPropertyList (3.0.6) 5 | rexml 6 | activesupport (7.0.4.3) 7 | concurrent-ruby (~> 1.0, >= 1.0.2) 8 | i18n (>= 1.6, < 2) 9 | minitest (>= 5.1) 10 | tzinfo (~> 2.0) 11 | addressable (2.8.4) 12 | public_suffix (>= 2.0.2, < 6.0) 13 | algoliasearch (1.27.5) 14 | httpclient (~> 2.8, >= 2.8.3) 15 | json (>= 1.5.1) 16 | atomos (0.1.3) 17 | claide (1.1.0) 18 | cocoapods (1.12.1) 19 | addressable (~> 2.8) 20 | claide (>= 1.0.2, < 2.0) 21 | cocoapods-core (= 1.12.1) 22 | cocoapods-deintegrate (>= 1.0.3, < 2.0) 23 | cocoapods-downloader (>= 1.6.0, < 2.0) 24 | cocoapods-plugins (>= 1.0.0, < 2.0) 25 | cocoapods-search (>= 1.0.0, < 2.0) 26 | cocoapods-trunk (>= 1.6.0, < 2.0) 27 | cocoapods-try (>= 1.1.0, < 2.0) 28 | colored2 (~> 3.1) 29 | escape (~> 0.0.4) 30 | fourflusher (>= 2.3.0, < 3.0) 31 | gh_inspector (~> 1.0) 32 | molinillo (~> 0.8.0) 33 | nap (~> 1.0) 34 | ruby-macho (>= 2.3.0, < 3.0) 35 | xcodeproj (>= 1.21.0, < 2.0) 36 | cocoapods-core (1.12.1) 37 | activesupport (>= 5.0, < 8) 38 | addressable (~> 2.8) 39 | algoliasearch (~> 1.0) 40 | concurrent-ruby (~> 1.1) 41 | fuzzy_match (~> 2.0.4) 42 | nap (~> 1.0) 43 | netrc (~> 0.11) 44 | public_suffix (~> 4.0) 45 | typhoeus (~> 1.0) 46 | cocoapods-deintegrate (1.0.5) 47 | cocoapods-downloader (1.6.3) 48 | cocoapods-plugins (1.0.0) 49 | nap 50 | cocoapods-search (1.0.1) 51 | cocoapods-trunk (1.6.0) 52 | nap (>= 0.8, < 2.0) 53 | netrc (~> 0.11) 54 | cocoapods-try (1.2.0) 55 | colored2 (3.1.2) 56 | concurrent-ruby (1.2.2) 57 | escape (0.0.4) 58 | ethon (0.16.0) 59 | ffi (>= 1.15.0) 60 | ffi (1.15.5) 61 | fourflusher (2.3.1) 62 | fuzzy_match (2.0.4) 63 | gh_inspector (1.1.3) 64 | httpclient (2.8.3) 65 | i18n (1.13.0) 66 | concurrent-ruby (~> 1.0) 67 | json (2.6.3) 68 | minitest (5.18.0) 69 | molinillo (0.8.0) 70 | nanaimo (0.3.0) 71 | nap (1.1.0) 72 | netrc (0.11.0) 73 | public_suffix (4.0.7) 74 | rexml (3.2.5) 75 | ruby-macho (2.5.1) 76 | typhoeus (1.4.0) 77 | ethon (>= 0.9.0) 78 | tzinfo (2.0.6) 79 | concurrent-ruby (~> 1.0) 80 | xcodeproj (1.22.0) 81 | CFPropertyList (>= 2.3.3, < 4.0) 82 | atomos (~> 0.1.3) 83 | claide (>= 1.0.2, < 2.0) 84 | colored2 (~> 3.1) 85 | nanaimo (~> 0.3.0) 86 | rexml (~> 3.2.4) 87 | 88 | PLATFORMS 89 | ruby 90 | 91 | DEPENDENCIES 92 | cocoapods (>= 1.11.3) 93 | 94 | RUBY VERSION 95 | ruby 2.7.6p219 96 | 97 | BUNDLED WITH 98 | 2.1.4 99 | -------------------------------------------------------------------------------- /bareExample/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | apply plugin: "com.facebook.react" 3 | 4 | import com.android.build.OutputFile 5 | 6 | /** 7 | * This is the configuration block to customize your React Native Android app. 8 | * By default you don't need to apply any configuration, just uncomment the lines you need. 9 | */ 10 | react { 11 | /* Folders */ 12 | // The root of your project, i.e. where "package.json" lives. Default is '..' 13 | // root = file("../") 14 | // The folder where the react-native NPM package is. Default is ../node_modules/react-native 15 | // reactNativeDir = file("../node_modules/react-native") 16 | // The folder where the react-native Codegen package is. Default is ../node_modules/react-native-codegen 17 | // codegenDir = file("../node_modules/react-native-codegen") 18 | // The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js 19 | // cliFile = file("../node_modules/react-native/cli.js") 20 | 21 | /* Variants */ 22 | // The list of variants to that are debuggable. For those we're going to 23 | // skip the bundling of the JS bundle and the assets. By default is just 'debug'. 24 | // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants. 25 | // debuggableVariants = ["liteDebug", "prodDebug"] 26 | 27 | /* Bundling */ 28 | // A list containing the node command and its flags. Default is just 'node'. 29 | // nodeExecutableAndArgs = ["node"] 30 | // 31 | // The command to run when bundling. By default is 'bundle' 32 | // bundleCommand = "ram-bundle" 33 | // 34 | // The path to the CLI configuration file. Default is empty. 35 | // bundleConfig = file(../rn-cli.config.js) 36 | // 37 | // The name of the generated asset file containing your JS bundle 38 | // bundleAssetName = "MyApplication.android.bundle" 39 | // 40 | // The entry file for bundle generation. Default is 'index.android.js' or 'index.js' 41 | // entryFile = file("../js/MyApplication.android.js") 42 | // 43 | // A list of extra flags to pass to the 'bundle' commands. 44 | // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle 45 | // extraPackagerArgs = [] 46 | 47 | /* Hermes Commands */ 48 | // The hermes compiler command to run. By default it is 'hermesc' 49 | // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc" 50 | // 51 | // The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map" 52 | // hermesFlags = ["-O", "-output-source-map"] 53 | } 54 | 55 | /** 56 | * Set this to true to create four separate APKs instead of one, 57 | * one for each native architecture. This is useful if you don't 58 | * use App Bundles (https://developer.android.com/guide/app-bundle/) 59 | * and want to have separate APKs to upload to the Play Store. 60 | */ 61 | def enableSeparateBuildPerCPUArchitecture = false 62 | 63 | /** 64 | * Set this to true to Run Proguard on Release builds to minify the Java bytecode. 65 | */ 66 | def enableProguardInReleaseBuilds = false 67 | 68 | /** 69 | * The preferred build flavor of JavaScriptCore (JSC) 70 | * 71 | * For example, to use the international variant, you can use: 72 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 73 | * 74 | * The international variant includes ICU i18n library and necessary data 75 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 76 | * give correct results when using with locales other than en-US. Note that 77 | * this variant is about 6MiB larger per architecture than default. 78 | */ 79 | def jscFlavor = 'org.webkit:android-jsc:+' 80 | 81 | /** 82 | * Private function to get the list of Native Architectures you want to build. 83 | * This reads the value from reactNativeArchitectures in your gradle.properties 84 | * file and works together with the --active-arch-only flag of react-native run-android. 85 | */ 86 | def reactNativeArchitectures() { 87 | def value = project.getProperties().get("reactNativeArchitectures") 88 | return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"] 89 | } 90 | 91 | android { 92 | ndkVersion rootProject.ext.ndkVersion 93 | 94 | compileSdkVersion rootProject.ext.compileSdkVersion 95 | 96 | namespace "com.bareexample" 97 | defaultConfig { 98 | applicationId "com.bareexample" 99 | minSdkVersion rootProject.ext.minSdkVersion 100 | targetSdkVersion rootProject.ext.targetSdkVersion 101 | versionCode 1 102 | versionName "1.0" 103 | } 104 | 105 | splits { 106 | abi { 107 | reset() 108 | enable enableSeparateBuildPerCPUArchitecture 109 | universalApk false // If true, also generate a universal APK 110 | include (*reactNativeArchitectures()) 111 | } 112 | } 113 | signingConfigs { 114 | debug { 115 | storeFile file('debug.keystore') 116 | storePassword 'android' 117 | keyAlias 'androiddebugkey' 118 | keyPassword 'android' 119 | } 120 | } 121 | buildTypes { 122 | debug { 123 | signingConfig signingConfigs.debug 124 | } 125 | release { 126 | // Caution! In production, you need to generate your own keystore file. 127 | // see https://reactnative.dev/docs/signed-apk-android. 128 | signingConfig signingConfigs.debug 129 | minifyEnabled enableProguardInReleaseBuilds 130 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 131 | } 132 | } 133 | 134 | // applicationVariants are e.g. debug, release 135 | applicationVariants.all { variant -> 136 | variant.outputs.each { output -> 137 | // For each separate APK per architecture, set a unique version code as described here: 138 | // https://developer.android.com/studio/build/configure-apk-splits.html 139 | // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. 140 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 141 | def abi = output.getFilter(OutputFile.ABI) 142 | if (abi != null) { // null for the universal-debug, universal-release variants 143 | output.versionCodeOverride = 144 | defaultConfig.versionCode * 1000 + versionCodes.get(abi) 145 | } 146 | 147 | } 148 | } 149 | } 150 | 151 | dependencies { 152 | // The version of react-native is set by the React Native Gradle Plugin 153 | implementation("com.facebook.react:react-android") 154 | 155 | implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0") 156 | 157 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") 158 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 159 | exclude group:'com.squareup.okhttp3', module:'okhttp' 160 | } 161 | 162 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") 163 | if (hermesEnabled.toBoolean()) { 164 | implementation("com.facebook.react:hermes-android") 165 | } else { 166 | implementation jscFlavor 167 | } 168 | } 169 | 170 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) 171 | -------------------------------------------------------------------------------- /bareExample/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/debug.keystore -------------------------------------------------------------------------------- /bareExample/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | -------------------------------------------------------------------------------- /bareExample/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bareExample/android/app/src/debug/java/com/bareexample/ReactNativeFlipper.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Meta Platforms, Inc. and 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.bareexample; 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.sharedpreferences.SharedPreferencesFlipperPlugin; 21 | import com.facebook.react.ReactInstanceEventListener; 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 | /** 28 | * Class responsible of loading Flipper inside your React Native application. This is the debug 29 | * flavor of it. Here you can add your own plugins and customize the Flipper setup. 30 | */ 31 | public class ReactNativeFlipper { 32 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 33 | if (FlipperUtils.shouldEnableFlipper(context)) { 34 | final FlipperClient client = AndroidFlipperClient.getInstance(context); 35 | 36 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 37 | client.addPlugin(new DatabasesFlipperPlugin(context)); 38 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 39 | client.addPlugin(CrashReporterPlugin.getInstance()); 40 | 41 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 42 | NetworkingModule.setCustomClientBuilder( 43 | new NetworkingModule.CustomClientBuilder() { 44 | @Override 45 | public void apply(OkHttpClient.Builder builder) { 46 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 47 | } 48 | }); 49 | client.addPlugin(networkFlipperPlugin); 50 | client.start(); 51 | 52 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 53 | // Hence we run if after all native modules have been initialized 54 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 55 | if (reactContext == null) { 56 | reactInstanceManager.addReactInstanceEventListener( 57 | new ReactInstanceEventListener() { 58 | @Override 59 | public void onReactContextInitialized(ReactContext reactContext) { 60 | reactInstanceManager.removeReactInstanceEventListener(this); 61 | reactContext.runOnNativeModulesQueueThread( 62 | new Runnable() { 63 | @Override 64 | public void run() { 65 | client.addPlugin(new FrescoFlipperPlugin()); 66 | } 67 | }); 68 | } 69 | }); 70 | } else { 71 | client.addPlugin(new FrescoFlipperPlugin()); 72 | } 73 | } 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /bareExample/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 12 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /bareExample/android/app/src/main/java/com/bareexample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.bareexample; 2 | 3 | import com.facebook.react.ReactActivity; 4 | import com.facebook.react.ReactActivityDelegate; 5 | import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint; 6 | import com.facebook.react.defaults.DefaultReactActivityDelegate; 7 | 8 | public class MainActivity extends ReactActivity { 9 | 10 | /** 11 | * Returns the name of the main component registered from JavaScript. This is used to schedule 12 | * rendering of the component. 13 | */ 14 | @Override 15 | protected String getMainComponentName() { 16 | return "bareExample"; 17 | } 18 | 19 | /** 20 | * Returns the instance of the {@link ReactActivityDelegate}. Here we use a util class {@link 21 | * DefaultReactActivityDelegate} which allows you to easily enable Fabric and Concurrent React 22 | * (aka React 18) with two boolean flags. 23 | */ 24 | @Override 25 | protected ReactActivityDelegate createReactActivityDelegate() { 26 | return new DefaultReactActivityDelegate( 27 | this, 28 | getMainComponentName(), 29 | // If you opted-in for the New Architecture, we enable the Fabric Renderer. 30 | DefaultNewArchitectureEntryPoint.getFabricEnabled(), // fabricEnabled 31 | // If you opted-in for the New Architecture, we enable Concurrent React (i.e. React 18). 32 | DefaultNewArchitectureEntryPoint.getConcurrentReactEnabled() // concurrentRootEnabled 33 | ); 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /bareExample/android/app/src/main/java/com/bareexample/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.bareexample; 2 | 3 | import android.app.Application; 4 | import com.facebook.react.PackageList; 5 | import com.facebook.react.ReactApplication; 6 | import com.facebook.react.ReactNativeHost; 7 | import com.facebook.react.ReactPackage; 8 | import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint; 9 | import com.facebook.react.defaults.DefaultReactNativeHost; 10 | import com.facebook.soloader.SoLoader; 11 | import java.util.List; 12 | 13 | public class MainApplication extends Application implements ReactApplication { 14 | 15 | private final ReactNativeHost mReactNativeHost = 16 | new DefaultReactNativeHost(this) { 17 | @Override 18 | public boolean getUseDeveloperSupport() { 19 | return BuildConfig.DEBUG; 20 | } 21 | 22 | @Override 23 | protected List getPackages() { 24 | @SuppressWarnings("UnnecessaryLocalVariable") 25 | List packages = new PackageList(this).getPackages(); 26 | // Packages that cannot be autolinked yet can be added manually here, for example: 27 | // packages.add(new MyReactNativePackage()); 28 | return packages; 29 | } 30 | 31 | @Override 32 | protected String getJSMainModuleName() { 33 | return "index"; 34 | } 35 | 36 | @Override 37 | protected boolean isNewArchEnabled() { 38 | return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 39 | } 40 | 41 | @Override 42 | protected Boolean isHermesEnabled() { 43 | return BuildConfig.IS_HERMES_ENABLED; 44 | } 45 | }; 46 | 47 | @Override 48 | public ReactNativeHost getReactNativeHost() { 49 | return mReactNativeHost; 50 | } 51 | 52 | @Override 53 | public void onCreate() { 54 | super.onCreate(); 55 | SoLoader.init(this, /* native exopackage */ false); 56 | if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { 57 | // If you opted-in for the New Architecture, we load the native entry point for this app. 58 | DefaultNewArchitectureEntryPoint.load(); 59 | } 60 | ReactNativeFlipper.initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/drawable/rn_edit_text_material.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 21 | 22 | 23 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | bareExample 3 | 4 | -------------------------------------------------------------------------------- /bareExample/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /bareExample/android/app/src/release/java/com/bareexample/ReactNativeFlipper.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Meta Platforms, Inc. and 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.bareexample; 8 | 9 | import android.content.Context; 10 | import com.facebook.react.ReactInstanceManager; 11 | 12 | /** 13 | * Class responsible of loading Flipper inside your React Native application. This is the release 14 | * flavor of it so it's empty as we don't want to load Flipper. 15 | */ 16 | public class ReactNativeFlipper { 17 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 18 | // Do nothing as we don't want to initialize Flipper on Release. 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /bareExample/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | ext { 5 | buildToolsVersion = "33.0.0" 6 | minSdkVersion = 21 7 | compileSdkVersion = 33 8 | targetSdkVersion = 33 9 | 10 | // We use NDK 23 which has both M1 support and is the side-by-side NDK version from AGP. 11 | ndkVersion = "23.1.7779620" 12 | } 13 | repositories { 14 | google() 15 | mavenCentral() 16 | } 17 | dependencies { 18 | classpath("com.android.tools.build:gradle:7.3.1") 19 | classpath("com.facebook.react:react-native-gradle-plugin") 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /bareExample/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 | # Automatically convert third-party libraries to use AndroidX 25 | android.enableJetifier=true 26 | 27 | # Version of flipper SDK to use with React Native 28 | FLIPPER_VERSION=0.125.0 29 | 30 | # Use this property to specify which architecture you want to build. 31 | # You can also override it from the CLI using 32 | # ./gradlew -PreactNativeArchitectures=x86_64 33 | reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 34 | 35 | # Use this property to enable support to the new architecture. 36 | # This will allow you to use TurboModules and the Fabric render in 37 | # your application. You should enable this flag either if you want 38 | # to write custom TurboModules/Fabric components OR use libraries that 39 | # are providing them. 40 | newArchEnabled=false 41 | 42 | # Use this property to enable or disable the Hermes JS engine. 43 | # If set to false, you will be using JSC instead. 44 | hermesEnabled=true 45 | -------------------------------------------------------------------------------- /bareExample/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /bareExample/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.5.1-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /bareExample/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 | -------------------------------------------------------------------------------- /bareExample/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 | -------------------------------------------------------------------------------- /bareExample/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'bareExample' 2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 3 | include ':app' 4 | includeBuild('../node_modules/react-native-gradle-plugin') 5 | -------------------------------------------------------------------------------- /bareExample/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bareExample", 3 | "displayName": "bareExample" 4 | } 5 | -------------------------------------------------------------------------------- /bareExample/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: ['module:metro-react-native-babel-preset'], 9 | plugins: [ 10 | [ 11 | 'module-resolver', 12 | { 13 | extensions: ['.tsx', '.ts', '.js', '.json'], 14 | alias: { 15 | [pak.name]: path.join(__dirname, '..', pak.main), 16 | }, 17 | }, 18 | ], 19 | 'react-native-reanimated/plugin', 20 | ], 21 | }; 22 | }; 23 | -------------------------------------------------------------------------------- /bareExample/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import { AppRegistry } from 'react-native'; 6 | import App from './src/App'; 7 | import { name as appName } from './app.json'; 8 | 9 | AppRegistry.registerComponent(appName, () => App); 10 | -------------------------------------------------------------------------------- /bareExample/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 | -------------------------------------------------------------------------------- /bareExample/ios/Podfile: -------------------------------------------------------------------------------- 1 | require_relative '../node_modules/react-native/scripts/react_native_pods' 2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' 3 | 4 | platform :ios, min_ios_version_supported 5 | prepare_react_native_project! 6 | 7 | # If you are using a `react-native-flipper` your iOS build will fail when `NO_FLIPPER=1` is set. 8 | # because `react-native-flipper` depends on (FlipperKit,...) that will be excluded 9 | # 10 | # To fix this you can also exclude `react-native-flipper` using a `react-native.config.js` 11 | # ```js 12 | # module.exports = { 13 | # dependencies: { 14 | # ...(process.env.NO_FLIPPER ? { 'react-native-flipper': { platforms: { ios: null } } } : {}), 15 | # ``` 16 | flipper_config = ENV['NO_FLIPPER'] == "1" ? FlipperConfiguration.disabled : FlipperConfiguration.enabled 17 | 18 | linkage = ENV['USE_FRAMEWORKS'] 19 | if linkage != nil 20 | Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green 21 | use_frameworks! :linkage => linkage.to_sym 22 | end 23 | 24 | target 'bareExample' do 25 | config = use_native_modules! 26 | 27 | # Flags change depending on the env values. 28 | flags = get_default_flags() 29 | 30 | use_react_native!( 31 | :path => config[:reactNativePath], 32 | # Hermes is now enabled by default. Disable by setting this flag to false. 33 | # Upcoming versions of React Native may rely on get_default_flags(), but 34 | # we make it explicit here to aid in the React Native upgrade process. 35 | :hermes_enabled => flags[:hermes_enabled], 36 | :fabric_enabled => flags[:fabric_enabled], 37 | # Enables Flipper. 38 | # 39 | # Note that if you have use_frameworks! enabled, Flipper will not work and 40 | # you should disable the next line. 41 | :flipper_configuration => flipper_config, 42 | # An absolute path to your application root. 43 | :app_path => "#{Pod::Config.instance.installation_root}/.." 44 | ) 45 | 46 | target 'bareExampleTests' do 47 | inherit! :complete 48 | # Pods for testing 49 | end 50 | 51 | post_install do |installer| 52 | react_native_post_install( 53 | installer, 54 | # Set `mac_catalyst_enabled` to `true` in order to apply patches 55 | # necessary for Mac Catalyst builds 56 | :mac_catalyst_enabled => false 57 | ) 58 | __apply_Xcode_12_5_M1_post_install_workaround(installer) 59 | end 60 | end 61 | -------------------------------------------------------------------------------- /bareExample/ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - boost (1.76.0) 3 | - CocoaAsyncSocket (7.6.5) 4 | - DoubleConversion (1.1.6) 5 | - FBLazyVector (0.71.8) 6 | - FBReactNativeSpec (0.71.8): 7 | - RCT-Folly (= 2021.07.22.00) 8 | - RCTRequired (= 0.71.8) 9 | - RCTTypeSafety (= 0.71.8) 10 | - React-Core (= 0.71.8) 11 | - React-jsi (= 0.71.8) 12 | - ReactCommon/turbomodule/core (= 0.71.8) 13 | - Flipper (0.125.0): 14 | - Flipper-Folly (~> 2.6) 15 | - Flipper-RSocket (~> 1.4) 16 | - Flipper-Boost-iOSX (1.76.0.1.11) 17 | - Flipper-DoubleConversion (3.2.0.1) 18 | - Flipper-Fmt (7.1.7) 19 | - Flipper-Folly (2.6.10): 20 | - Flipper-Boost-iOSX 21 | - Flipper-DoubleConversion 22 | - Flipper-Fmt (= 7.1.7) 23 | - Flipper-Glog 24 | - libevent (~> 2.1.12) 25 | - OpenSSL-Universal (= 1.1.1100) 26 | - Flipper-Glog (0.5.0.5) 27 | - Flipper-PeerTalk (0.0.4) 28 | - Flipper-RSocket (1.4.3): 29 | - Flipper-Folly (~> 2.6) 30 | - FlipperKit (0.125.0): 31 | - FlipperKit/Core (= 0.125.0) 32 | - FlipperKit/Core (0.125.0): 33 | - Flipper (~> 0.125.0) 34 | - FlipperKit/CppBridge 35 | - FlipperKit/FBCxxFollyDynamicConvert 36 | - FlipperKit/FBDefines 37 | - FlipperKit/FKPortForwarding 38 | - SocketRocket (~> 0.6.0) 39 | - FlipperKit/CppBridge (0.125.0): 40 | - Flipper (~> 0.125.0) 41 | - FlipperKit/FBCxxFollyDynamicConvert (0.125.0): 42 | - Flipper-Folly (~> 2.6) 43 | - FlipperKit/FBDefines (0.125.0) 44 | - FlipperKit/FKPortForwarding (0.125.0): 45 | - CocoaAsyncSocket (~> 7.6) 46 | - Flipper-PeerTalk (~> 0.0.4) 47 | - FlipperKit/FlipperKitHighlightOverlay (0.125.0) 48 | - FlipperKit/FlipperKitLayoutHelpers (0.125.0): 49 | - FlipperKit/Core 50 | - FlipperKit/FlipperKitHighlightOverlay 51 | - FlipperKit/FlipperKitLayoutTextSearchable 52 | - FlipperKit/FlipperKitLayoutIOSDescriptors (0.125.0): 53 | - FlipperKit/Core 54 | - FlipperKit/FlipperKitHighlightOverlay 55 | - FlipperKit/FlipperKitLayoutHelpers 56 | - YogaKit (~> 1.18) 57 | - FlipperKit/FlipperKitLayoutPlugin (0.125.0): 58 | - FlipperKit/Core 59 | - FlipperKit/FlipperKitHighlightOverlay 60 | - FlipperKit/FlipperKitLayoutHelpers 61 | - FlipperKit/FlipperKitLayoutIOSDescriptors 62 | - FlipperKit/FlipperKitLayoutTextSearchable 63 | - YogaKit (~> 1.18) 64 | - FlipperKit/FlipperKitLayoutTextSearchable (0.125.0) 65 | - FlipperKit/FlipperKitNetworkPlugin (0.125.0): 66 | - FlipperKit/Core 67 | - FlipperKit/FlipperKitReactPlugin (0.125.0): 68 | - FlipperKit/Core 69 | - FlipperKit/FlipperKitUserDefaultsPlugin (0.125.0): 70 | - FlipperKit/Core 71 | - FlipperKit/SKIOSNetworkPlugin (0.125.0): 72 | - FlipperKit/Core 73 | - FlipperKit/FlipperKitNetworkPlugin 74 | - fmt (6.2.1) 75 | - glog (0.3.5) 76 | - hermes-engine (0.71.8): 77 | - hermes-engine/Pre-built (= 0.71.8) 78 | - hermes-engine/Pre-built (0.71.8) 79 | - libevent (2.1.12) 80 | - OpenSSL-Universal (1.1.1100) 81 | - RCT-Folly (2021.07.22.00): 82 | - boost 83 | - DoubleConversion 84 | - fmt (~> 6.2.1) 85 | - glog 86 | - RCT-Folly/Default (= 2021.07.22.00) 87 | - RCT-Folly/Default (2021.07.22.00): 88 | - boost 89 | - DoubleConversion 90 | - fmt (~> 6.2.1) 91 | - glog 92 | - RCT-Folly/Futures (2021.07.22.00): 93 | - boost 94 | - DoubleConversion 95 | - fmt (~> 6.2.1) 96 | - glog 97 | - libevent 98 | - RCTRequired (0.71.8) 99 | - RCTTypeSafety (0.71.8): 100 | - FBLazyVector (= 0.71.8) 101 | - RCTRequired (= 0.71.8) 102 | - React-Core (= 0.71.8) 103 | - React (0.71.8): 104 | - React-Core (= 0.71.8) 105 | - React-Core/DevSupport (= 0.71.8) 106 | - React-Core/RCTWebSocket (= 0.71.8) 107 | - React-RCTActionSheet (= 0.71.8) 108 | - React-RCTAnimation (= 0.71.8) 109 | - React-RCTBlob (= 0.71.8) 110 | - React-RCTImage (= 0.71.8) 111 | - React-RCTLinking (= 0.71.8) 112 | - React-RCTNetwork (= 0.71.8) 113 | - React-RCTSettings (= 0.71.8) 114 | - React-RCTText (= 0.71.8) 115 | - React-RCTVibration (= 0.71.8) 116 | - React-callinvoker (0.71.8) 117 | - React-Codegen (0.71.8): 118 | - FBReactNativeSpec 119 | - hermes-engine 120 | - RCT-Folly 121 | - RCTRequired 122 | - RCTTypeSafety 123 | - React-Core 124 | - React-jsi 125 | - React-jsiexecutor 126 | - ReactCommon/turbomodule/bridging 127 | - ReactCommon/turbomodule/core 128 | - React-Core (0.71.8): 129 | - glog 130 | - hermes-engine 131 | - RCT-Folly (= 2021.07.22.00) 132 | - React-Core/Default (= 0.71.8) 133 | - React-cxxreact (= 0.71.8) 134 | - React-hermes 135 | - React-jsi (= 0.71.8) 136 | - React-jsiexecutor (= 0.71.8) 137 | - React-perflogger (= 0.71.8) 138 | - Yoga 139 | - React-Core/CoreModulesHeaders (0.71.8): 140 | - glog 141 | - hermes-engine 142 | - RCT-Folly (= 2021.07.22.00) 143 | - React-Core/Default 144 | - React-cxxreact (= 0.71.8) 145 | - React-hermes 146 | - React-jsi (= 0.71.8) 147 | - React-jsiexecutor (= 0.71.8) 148 | - React-perflogger (= 0.71.8) 149 | - Yoga 150 | - React-Core/Default (0.71.8): 151 | - glog 152 | - hermes-engine 153 | - RCT-Folly (= 2021.07.22.00) 154 | - React-cxxreact (= 0.71.8) 155 | - React-hermes 156 | - React-jsi (= 0.71.8) 157 | - React-jsiexecutor (= 0.71.8) 158 | - React-perflogger (= 0.71.8) 159 | - Yoga 160 | - React-Core/DevSupport (0.71.8): 161 | - glog 162 | - hermes-engine 163 | - RCT-Folly (= 2021.07.22.00) 164 | - React-Core/Default (= 0.71.8) 165 | - React-Core/RCTWebSocket (= 0.71.8) 166 | - React-cxxreact (= 0.71.8) 167 | - React-hermes 168 | - React-jsi (= 0.71.8) 169 | - React-jsiexecutor (= 0.71.8) 170 | - React-jsinspector (= 0.71.8) 171 | - React-perflogger (= 0.71.8) 172 | - Yoga 173 | - React-Core/RCTActionSheetHeaders (0.71.8): 174 | - glog 175 | - hermes-engine 176 | - RCT-Folly (= 2021.07.22.00) 177 | - React-Core/Default 178 | - React-cxxreact (= 0.71.8) 179 | - React-hermes 180 | - React-jsi (= 0.71.8) 181 | - React-jsiexecutor (= 0.71.8) 182 | - React-perflogger (= 0.71.8) 183 | - Yoga 184 | - React-Core/RCTAnimationHeaders (0.71.8): 185 | - glog 186 | - hermes-engine 187 | - RCT-Folly (= 2021.07.22.00) 188 | - React-Core/Default 189 | - React-cxxreact (= 0.71.8) 190 | - React-hermes 191 | - React-jsi (= 0.71.8) 192 | - React-jsiexecutor (= 0.71.8) 193 | - React-perflogger (= 0.71.8) 194 | - Yoga 195 | - React-Core/RCTBlobHeaders (0.71.8): 196 | - glog 197 | - hermes-engine 198 | - RCT-Folly (= 2021.07.22.00) 199 | - React-Core/Default 200 | - React-cxxreact (= 0.71.8) 201 | - React-hermes 202 | - React-jsi (= 0.71.8) 203 | - React-jsiexecutor (= 0.71.8) 204 | - React-perflogger (= 0.71.8) 205 | - Yoga 206 | - React-Core/RCTImageHeaders (0.71.8): 207 | - glog 208 | - hermes-engine 209 | - RCT-Folly (= 2021.07.22.00) 210 | - React-Core/Default 211 | - React-cxxreact (= 0.71.8) 212 | - React-hermes 213 | - React-jsi (= 0.71.8) 214 | - React-jsiexecutor (= 0.71.8) 215 | - React-perflogger (= 0.71.8) 216 | - Yoga 217 | - React-Core/RCTLinkingHeaders (0.71.8): 218 | - glog 219 | - hermes-engine 220 | - RCT-Folly (= 2021.07.22.00) 221 | - React-Core/Default 222 | - React-cxxreact (= 0.71.8) 223 | - React-hermes 224 | - React-jsi (= 0.71.8) 225 | - React-jsiexecutor (= 0.71.8) 226 | - React-perflogger (= 0.71.8) 227 | - Yoga 228 | - React-Core/RCTNetworkHeaders (0.71.8): 229 | - glog 230 | - hermes-engine 231 | - RCT-Folly (= 2021.07.22.00) 232 | - React-Core/Default 233 | - React-cxxreact (= 0.71.8) 234 | - React-hermes 235 | - React-jsi (= 0.71.8) 236 | - React-jsiexecutor (= 0.71.8) 237 | - React-perflogger (= 0.71.8) 238 | - Yoga 239 | - React-Core/RCTSettingsHeaders (0.71.8): 240 | - glog 241 | - hermes-engine 242 | - RCT-Folly (= 2021.07.22.00) 243 | - React-Core/Default 244 | - React-cxxreact (= 0.71.8) 245 | - React-hermes 246 | - React-jsi (= 0.71.8) 247 | - React-jsiexecutor (= 0.71.8) 248 | - React-perflogger (= 0.71.8) 249 | - Yoga 250 | - React-Core/RCTTextHeaders (0.71.8): 251 | - glog 252 | - hermes-engine 253 | - RCT-Folly (= 2021.07.22.00) 254 | - React-Core/Default 255 | - React-cxxreact (= 0.71.8) 256 | - React-hermes 257 | - React-jsi (= 0.71.8) 258 | - React-jsiexecutor (= 0.71.8) 259 | - React-perflogger (= 0.71.8) 260 | - Yoga 261 | - React-Core/RCTVibrationHeaders (0.71.8): 262 | - glog 263 | - hermes-engine 264 | - RCT-Folly (= 2021.07.22.00) 265 | - React-Core/Default 266 | - React-cxxreact (= 0.71.8) 267 | - React-hermes 268 | - React-jsi (= 0.71.8) 269 | - React-jsiexecutor (= 0.71.8) 270 | - React-perflogger (= 0.71.8) 271 | - Yoga 272 | - React-Core/RCTWebSocket (0.71.8): 273 | - glog 274 | - hermes-engine 275 | - RCT-Folly (= 2021.07.22.00) 276 | - React-Core/Default (= 0.71.8) 277 | - React-cxxreact (= 0.71.8) 278 | - React-hermes 279 | - React-jsi (= 0.71.8) 280 | - React-jsiexecutor (= 0.71.8) 281 | - React-perflogger (= 0.71.8) 282 | - Yoga 283 | - React-CoreModules (0.71.8): 284 | - RCT-Folly (= 2021.07.22.00) 285 | - RCTTypeSafety (= 0.71.8) 286 | - React-Codegen (= 0.71.8) 287 | - React-Core/CoreModulesHeaders (= 0.71.8) 288 | - React-jsi (= 0.71.8) 289 | - React-RCTBlob 290 | - React-RCTImage (= 0.71.8) 291 | - ReactCommon/turbomodule/core (= 0.71.8) 292 | - React-cxxreact (0.71.8): 293 | - boost (= 1.76.0) 294 | - DoubleConversion 295 | - glog 296 | - hermes-engine 297 | - RCT-Folly (= 2021.07.22.00) 298 | - React-callinvoker (= 0.71.8) 299 | - React-jsi (= 0.71.8) 300 | - React-jsinspector (= 0.71.8) 301 | - React-logger (= 0.71.8) 302 | - React-perflogger (= 0.71.8) 303 | - React-runtimeexecutor (= 0.71.8) 304 | - React-hermes (0.71.8): 305 | - DoubleConversion 306 | - glog 307 | - hermes-engine 308 | - RCT-Folly (= 2021.07.22.00) 309 | - RCT-Folly/Futures (= 2021.07.22.00) 310 | - React-cxxreact (= 0.71.8) 311 | - React-jsi 312 | - React-jsiexecutor (= 0.71.8) 313 | - React-jsinspector (= 0.71.8) 314 | - React-perflogger (= 0.71.8) 315 | - React-jsi (0.71.8): 316 | - boost (= 1.76.0) 317 | - DoubleConversion 318 | - glog 319 | - hermes-engine 320 | - RCT-Folly (= 2021.07.22.00) 321 | - React-jsiexecutor (0.71.8): 322 | - DoubleConversion 323 | - glog 324 | - hermes-engine 325 | - RCT-Folly (= 2021.07.22.00) 326 | - React-cxxreact (= 0.71.8) 327 | - React-jsi (= 0.71.8) 328 | - React-perflogger (= 0.71.8) 329 | - React-jsinspector (0.71.8) 330 | - React-logger (0.71.8): 331 | - glog 332 | - React-perflogger (0.71.8) 333 | - React-RCTActionSheet (0.71.8): 334 | - React-Core/RCTActionSheetHeaders (= 0.71.8) 335 | - React-RCTAnimation (0.71.8): 336 | - RCT-Folly (= 2021.07.22.00) 337 | - RCTTypeSafety (= 0.71.8) 338 | - React-Codegen (= 0.71.8) 339 | - React-Core/RCTAnimationHeaders (= 0.71.8) 340 | - React-jsi (= 0.71.8) 341 | - ReactCommon/turbomodule/core (= 0.71.8) 342 | - React-RCTAppDelegate (0.71.8): 343 | - RCT-Folly 344 | - RCTRequired 345 | - RCTTypeSafety 346 | - React-Core 347 | - ReactCommon/turbomodule/core 348 | - React-RCTBlob (0.71.8): 349 | - hermes-engine 350 | - RCT-Folly (= 2021.07.22.00) 351 | - React-Codegen (= 0.71.8) 352 | - React-Core/RCTBlobHeaders (= 0.71.8) 353 | - React-Core/RCTWebSocket (= 0.71.8) 354 | - React-jsi (= 0.71.8) 355 | - React-RCTNetwork (= 0.71.8) 356 | - ReactCommon/turbomodule/core (= 0.71.8) 357 | - React-RCTImage (0.71.8): 358 | - RCT-Folly (= 2021.07.22.00) 359 | - RCTTypeSafety (= 0.71.8) 360 | - React-Codegen (= 0.71.8) 361 | - React-Core/RCTImageHeaders (= 0.71.8) 362 | - React-jsi (= 0.71.8) 363 | - React-RCTNetwork (= 0.71.8) 364 | - ReactCommon/turbomodule/core (= 0.71.8) 365 | - React-RCTLinking (0.71.8): 366 | - React-Codegen (= 0.71.8) 367 | - React-Core/RCTLinkingHeaders (= 0.71.8) 368 | - React-jsi (= 0.71.8) 369 | - ReactCommon/turbomodule/core (= 0.71.8) 370 | - React-RCTNetwork (0.71.8): 371 | - RCT-Folly (= 2021.07.22.00) 372 | - RCTTypeSafety (= 0.71.8) 373 | - React-Codegen (= 0.71.8) 374 | - React-Core/RCTNetworkHeaders (= 0.71.8) 375 | - React-jsi (= 0.71.8) 376 | - ReactCommon/turbomodule/core (= 0.71.8) 377 | - React-RCTSettings (0.71.8): 378 | - RCT-Folly (= 2021.07.22.00) 379 | - RCTTypeSafety (= 0.71.8) 380 | - React-Codegen (= 0.71.8) 381 | - React-Core/RCTSettingsHeaders (= 0.71.8) 382 | - React-jsi (= 0.71.8) 383 | - ReactCommon/turbomodule/core (= 0.71.8) 384 | - React-RCTText (0.71.8): 385 | - React-Core/RCTTextHeaders (= 0.71.8) 386 | - React-RCTVibration (0.71.8): 387 | - RCT-Folly (= 2021.07.22.00) 388 | - React-Codegen (= 0.71.8) 389 | - React-Core/RCTVibrationHeaders (= 0.71.8) 390 | - React-jsi (= 0.71.8) 391 | - ReactCommon/turbomodule/core (= 0.71.8) 392 | - React-runtimeexecutor (0.71.8): 393 | - React-jsi (= 0.71.8) 394 | - ReactCommon/turbomodule/bridging (0.71.8): 395 | - DoubleConversion 396 | - glog 397 | - hermes-engine 398 | - RCT-Folly (= 2021.07.22.00) 399 | - React-callinvoker (= 0.71.8) 400 | - React-Core (= 0.71.8) 401 | - React-cxxreact (= 0.71.8) 402 | - React-jsi (= 0.71.8) 403 | - React-logger (= 0.71.8) 404 | - React-perflogger (= 0.71.8) 405 | - ReactCommon/turbomodule/core (0.71.8): 406 | - DoubleConversion 407 | - glog 408 | - hermes-engine 409 | - RCT-Folly (= 2021.07.22.00) 410 | - React-callinvoker (= 0.71.8) 411 | - React-Core (= 0.71.8) 412 | - React-cxxreact (= 0.71.8) 413 | - React-jsi (= 0.71.8) 414 | - React-logger (= 0.71.8) 415 | - React-perflogger (= 0.71.8) 416 | - RNGestureHandler (2.10.1): 417 | - React-Core 418 | - RNReanimated (3.1.0): 419 | - DoubleConversion 420 | - FBLazyVector 421 | - FBReactNativeSpec 422 | - glog 423 | - RCT-Folly 424 | - RCTRequired 425 | - RCTTypeSafety 426 | - React-callinvoker 427 | - React-Core 428 | - React-Core/DevSupport 429 | - React-Core/RCTWebSocket 430 | - React-CoreModules 431 | - React-cxxreact 432 | - React-jsi 433 | - React-jsiexecutor 434 | - React-jsinspector 435 | - React-RCTActionSheet 436 | - React-RCTAnimation 437 | - React-RCTBlob 438 | - React-RCTImage 439 | - React-RCTLinking 440 | - React-RCTNetwork 441 | - React-RCTSettings 442 | - React-RCTText 443 | - ReactCommon/turbomodule/core 444 | - Yoga 445 | - SocketRocket (0.6.0) 446 | - Yoga (1.14.0) 447 | - YogaKit (1.18.1): 448 | - Yoga (~> 1.14) 449 | 450 | DEPENDENCIES: 451 | - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`) 452 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`) 453 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`) 454 | - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`) 455 | - Flipper (= 0.125.0) 456 | - Flipper-Boost-iOSX (= 1.76.0.1.11) 457 | - Flipper-DoubleConversion (= 3.2.0.1) 458 | - Flipper-Fmt (= 7.1.7) 459 | - Flipper-Folly (= 2.6.10) 460 | - Flipper-Glog (= 0.5.0.5) 461 | - Flipper-PeerTalk (= 0.0.4) 462 | - Flipper-RSocket (= 1.4.3) 463 | - FlipperKit (= 0.125.0) 464 | - FlipperKit/Core (= 0.125.0) 465 | - FlipperKit/CppBridge (= 0.125.0) 466 | - FlipperKit/FBCxxFollyDynamicConvert (= 0.125.0) 467 | - FlipperKit/FBDefines (= 0.125.0) 468 | - FlipperKit/FKPortForwarding (= 0.125.0) 469 | - FlipperKit/FlipperKitHighlightOverlay (= 0.125.0) 470 | - FlipperKit/FlipperKitLayoutPlugin (= 0.125.0) 471 | - FlipperKit/FlipperKitLayoutTextSearchable (= 0.125.0) 472 | - FlipperKit/FlipperKitNetworkPlugin (= 0.125.0) 473 | - FlipperKit/FlipperKitReactPlugin (= 0.125.0) 474 | - FlipperKit/FlipperKitUserDefaultsPlugin (= 0.125.0) 475 | - FlipperKit/SKIOSNetworkPlugin (= 0.125.0) 476 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`) 477 | - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`) 478 | - libevent (~> 2.1.12) 479 | - OpenSSL-Universal (= 1.1.1100) 480 | - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`) 481 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`) 482 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`) 483 | - React (from `../node_modules/react-native/`) 484 | - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`) 485 | - React-Codegen (from `build/generated/ios`) 486 | - React-Core (from `../node_modules/react-native/`) 487 | - React-Core/DevSupport (from `../node_modules/react-native/`) 488 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`) 489 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`) 490 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`) 491 | - React-hermes (from `../node_modules/react-native/ReactCommon/hermes`) 492 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`) 493 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 494 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 495 | - React-logger (from `../node_modules/react-native/ReactCommon/logger`) 496 | - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`) 497 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 498 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 499 | - React-RCTAppDelegate (from `../node_modules/react-native/Libraries/AppDelegate`) 500 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`) 501 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`) 502 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`) 503 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`) 504 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`) 505 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`) 506 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 507 | - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`) 508 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 509 | - RNGestureHandler (from `../node_modules/react-native-gesture-handler`) 510 | - RNReanimated (from `../node_modules/react-native-reanimated`) 511 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 512 | 513 | SPEC REPOS: 514 | trunk: 515 | - CocoaAsyncSocket 516 | - Flipper 517 | - Flipper-Boost-iOSX 518 | - Flipper-DoubleConversion 519 | - Flipper-Fmt 520 | - Flipper-Folly 521 | - Flipper-Glog 522 | - Flipper-PeerTalk 523 | - Flipper-RSocket 524 | - FlipperKit 525 | - fmt 526 | - libevent 527 | - OpenSSL-Universal 528 | - SocketRocket 529 | - YogaKit 530 | 531 | EXTERNAL SOURCES: 532 | boost: 533 | :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec" 534 | DoubleConversion: 535 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec" 536 | FBLazyVector: 537 | :path: "../node_modules/react-native/Libraries/FBLazyVector" 538 | FBReactNativeSpec: 539 | :path: "../node_modules/react-native/React/FBReactNativeSpec" 540 | glog: 541 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec" 542 | hermes-engine: 543 | :podspec: "../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec" 544 | RCT-Folly: 545 | :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec" 546 | RCTRequired: 547 | :path: "../node_modules/react-native/Libraries/RCTRequired" 548 | RCTTypeSafety: 549 | :path: "../node_modules/react-native/Libraries/TypeSafety" 550 | React: 551 | :path: "../node_modules/react-native/" 552 | React-callinvoker: 553 | :path: "../node_modules/react-native/ReactCommon/callinvoker" 554 | React-Codegen: 555 | :path: build/generated/ios 556 | React-Core: 557 | :path: "../node_modules/react-native/" 558 | React-CoreModules: 559 | :path: "../node_modules/react-native/React/CoreModules" 560 | React-cxxreact: 561 | :path: "../node_modules/react-native/ReactCommon/cxxreact" 562 | React-hermes: 563 | :path: "../node_modules/react-native/ReactCommon/hermes" 564 | React-jsi: 565 | :path: "../node_modules/react-native/ReactCommon/jsi" 566 | React-jsiexecutor: 567 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor" 568 | React-jsinspector: 569 | :path: "../node_modules/react-native/ReactCommon/jsinspector" 570 | React-logger: 571 | :path: "../node_modules/react-native/ReactCommon/logger" 572 | React-perflogger: 573 | :path: "../node_modules/react-native/ReactCommon/reactperflogger" 574 | React-RCTActionSheet: 575 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS" 576 | React-RCTAnimation: 577 | :path: "../node_modules/react-native/Libraries/NativeAnimation" 578 | React-RCTAppDelegate: 579 | :path: "../node_modules/react-native/Libraries/AppDelegate" 580 | React-RCTBlob: 581 | :path: "../node_modules/react-native/Libraries/Blob" 582 | React-RCTImage: 583 | :path: "../node_modules/react-native/Libraries/Image" 584 | React-RCTLinking: 585 | :path: "../node_modules/react-native/Libraries/LinkingIOS" 586 | React-RCTNetwork: 587 | :path: "../node_modules/react-native/Libraries/Network" 588 | React-RCTSettings: 589 | :path: "../node_modules/react-native/Libraries/Settings" 590 | React-RCTText: 591 | :path: "../node_modules/react-native/Libraries/Text" 592 | React-RCTVibration: 593 | :path: "../node_modules/react-native/Libraries/Vibration" 594 | React-runtimeexecutor: 595 | :path: "../node_modules/react-native/ReactCommon/runtimeexecutor" 596 | ReactCommon: 597 | :path: "../node_modules/react-native/ReactCommon" 598 | RNGestureHandler: 599 | :path: "../node_modules/react-native-gesture-handler" 600 | RNReanimated: 601 | :path: "../node_modules/react-native-reanimated" 602 | Yoga: 603 | :path: "../node_modules/react-native/ReactCommon/yoga" 604 | 605 | SPEC CHECKSUMS: 606 | boost: 57d2868c099736d80fcd648bf211b4431e51a558 607 | CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99 608 | DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54 609 | FBLazyVector: f637f31eacba90d4fdeff3fa41608b8f361c173b 610 | FBReactNativeSpec: 0d9a4f4de7ab614c49e98c00aedfd3bfbda33d59 611 | Flipper: 26fc4b7382499f1281eb8cb921e5c3ad6de91fe0 612 | Flipper-Boost-iOSX: fd1e2b8cbef7e662a122412d7ac5f5bea715403c 613 | Flipper-DoubleConversion: 2dc99b02f658daf147069aad9dbd29d8feb06d30 614 | Flipper-Fmt: 60cbdd92fc254826e61d669a5d87ef7015396a9b 615 | Flipper-Folly: 584845625005ff068a6ebf41f857f468decd26b3 616 | Flipper-Glog: 70c50ce58ddaf67dc35180db05f191692570f446 617 | Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9 618 | Flipper-RSocket: d9d9ade67cbecf6ac10730304bf5607266dd2541 619 | FlipperKit: cbdee19bdd4e7f05472a66ce290f1b729ba3cb86 620 | fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9 621 | glog: 04b94705f318337d7ead9e6d17c019bd9b1f6b1b 622 | hermes-engine: 47986d26692ae75ee7a17ab049caee8864f855de 623 | libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913 624 | OpenSSL-Universal: ebc357f1e6bc71fa463ccb2fe676756aff50e88c 625 | RCT-Folly: 424b8c9a7a0b9ab2886ffe9c3b041ef628fd4fb1 626 | RCTRequired: 8af6a32dfc2b65ec82193c2dee6e1011ff22ac2a 627 | RCTTypeSafety: bee9dd161c175896c680d47ef1d9eaacf2b587f4 628 | React: d850475db9ba8006a8b875d79e1e0d6ac8a0f8b6 629 | React-callinvoker: 6a0c75475ddc17c9ed54e4ff0478074a18fd7ab5 630 | React-Codegen: 786571642e87add634e7f4d299c85314ec6cc158 631 | React-Core: 1adfab153f59e4f56e09b97a153089f466d7b8aa 632 | React-CoreModules: 958d236715415d4ccdd5fa35c516cf0356637393 633 | React-cxxreact: 2e7a6283807ce8755c3d501735acd400bec3b5cd 634 | React-hermes: 8102c3112ba32207c3052619be8cfae14bf99d84 635 | React-jsi: dd29264f041a587e91f994e4be97e86c127742b2 636 | React-jsiexecutor: 747911ab5921641b4ed7e4900065896597142125 637 | React-jsinspector: c712f9e3bb9ba4122d6b82b4f906448b8a281580 638 | React-logger: 342f358b8decfbf8f272367f4eacf4b6154061be 639 | React-perflogger: d21f182895de9d1b077f8a3cd00011095c8c9100 640 | React-RCTActionSheet: 0151f83ef92d2a7139bba7dfdbc8066632a6d47b 641 | React-RCTAnimation: 5ec9c0705bb2297549c120fe6473aa3e4a01e215 642 | React-RCTAppDelegate: 9895fd1b6d1176d88c4b10ddc169b2e1300c91f0 643 | React-RCTBlob: f3634eb45b6e7480037655e1ca93d1136ac984dd 644 | React-RCTImage: 3c12cb32dec49549ae62ed6cba4018db43841ffc 645 | React-RCTLinking: 310e930ee335ef25481b4a173d9edb64b77895f9 646 | React-RCTNetwork: b6837841fe88303b0c04c1e3c01992b30f1f5498 647 | React-RCTSettings: 600d91fe25fa7c16b0ff891304082440f2904b89 648 | React-RCTText: a0a19f749088280c6def5397ed6211b811e7eef3 649 | React-RCTVibration: 43ffd976a25f6057a7cf95ea3648ba4e00287f89 650 | React-runtimeexecutor: 7c51ae9d4b3e9608a2366e39ccaa606aa551b9ed 651 | ReactCommon: 85c98ab0a509e70bf5ee5d9715cf68dbf495b84c 652 | RNGestureHandler: 42ec7c28dd02d540ed6c9159c57a98ff016492dc 653 | RNReanimated: b1220a0e5168745283ff5d53bfc7d2144b2cee1b 654 | SocketRocket: fccef3f9c5cedea1353a9ef6ada904fde10d6608 655 | Yoga: 065f0b74dba4832d6e328238de46eb72c5de9556 656 | YogaKit: f782866e155069a2cca2517aafea43200b01fd5a 657 | 658 | PODFILE CHECKSUM: b35adc6e8086a345debe228309c747189223ea45 659 | 660 | COCOAPODS: 1.12.0 661 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 54; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00E356F31AD99517003FC87E /* bareExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* bareExampleTests.m */; }; 11 | 0C80B921A6F3F58F76C31292 /* libPods-bareExample.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-bareExample.a */; }; 12 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; }; 13 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 14 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 15 | 7699B88040F8A987B510C191 /* libPods-bareExample-bareExampleTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-bareExample-bareExampleTests.a */; }; 16 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; }; 17 | /* End PBXBuildFile section */ 18 | 19 | /* Begin PBXContainerItemProxy section */ 20 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 21 | isa = PBXContainerItemProxy; 22 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 23 | proxyType = 1; 24 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 25 | remoteInfo = bareExample; 26 | }; 27 | /* End PBXContainerItemProxy section */ 28 | 29 | /* Begin PBXFileReference section */ 30 | 00E356EE1AD99517003FC87E /* bareExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = bareExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 31 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 32 | 00E356F21AD99517003FC87E /* bareExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = bareExampleTests.m; sourceTree = ""; }; 33 | 13B07F961A680F5B00A75B9A /* bareExample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = bareExample.app; sourceTree = BUILT_PRODUCTS_DIR; }; 34 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = bareExample/AppDelegate.h; sourceTree = ""; }; 35 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = bareExample/AppDelegate.mm; sourceTree = ""; }; 36 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = bareExample/Images.xcassets; sourceTree = ""; }; 37 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = bareExample/Info.plist; sourceTree = ""; }; 38 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = bareExample/main.m; sourceTree = ""; }; 39 | 19F6CBCC0A4E27FBF8BF4A61 /* libPods-bareExample-bareExampleTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-bareExample-bareExampleTests.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 40 | 3B4392A12AC88292D35C810B /* Pods-bareExample.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-bareExample.debug.xcconfig"; path = "Target Support Files/Pods-bareExample/Pods-bareExample.debug.xcconfig"; sourceTree = ""; }; 41 | 5709B34CF0A7D63546082F79 /* Pods-bareExample.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-bareExample.release.xcconfig"; path = "Target Support Files/Pods-bareExample/Pods-bareExample.release.xcconfig"; sourceTree = ""; }; 42 | 5B7EB9410499542E8C5724F5 /* Pods-bareExample-bareExampleTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-bareExample-bareExampleTests.debug.xcconfig"; path = "Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests.debug.xcconfig"; sourceTree = ""; }; 43 | 5DCACB8F33CDC322A6C60F78 /* libPods-bareExample.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-bareExample.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 44 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = bareExample/LaunchScreen.storyboard; sourceTree = ""; }; 45 | 89C6BE57DB24E9ADA2F236DE /* Pods-bareExample-bareExampleTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-bareExample-bareExampleTests.release.xcconfig"; path = "Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests.release.xcconfig"; sourceTree = ""; }; 46 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 47 | /* End PBXFileReference section */ 48 | 49 | /* Begin PBXFrameworksBuildPhase section */ 50 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 51 | isa = PBXFrameworksBuildPhase; 52 | buildActionMask = 2147483647; 53 | files = ( 54 | 7699B88040F8A987B510C191 /* libPods-bareExample-bareExampleTests.a in Frameworks */, 55 | ); 56 | runOnlyForDeploymentPostprocessing = 0; 57 | }; 58 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 59 | isa = PBXFrameworksBuildPhase; 60 | buildActionMask = 2147483647; 61 | files = ( 62 | 0C80B921A6F3F58F76C31292 /* libPods-bareExample.a in Frameworks */, 63 | ); 64 | runOnlyForDeploymentPostprocessing = 0; 65 | }; 66 | /* End PBXFrameworksBuildPhase section */ 67 | 68 | /* Begin PBXGroup section */ 69 | 00E356EF1AD99517003FC87E /* bareExampleTests */ = { 70 | isa = PBXGroup; 71 | children = ( 72 | 00E356F21AD99517003FC87E /* bareExampleTests.m */, 73 | 00E356F01AD99517003FC87E /* Supporting Files */, 74 | ); 75 | path = bareExampleTests; 76 | sourceTree = ""; 77 | }; 78 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 79 | isa = PBXGroup; 80 | children = ( 81 | 00E356F11AD99517003FC87E /* Info.plist */, 82 | ); 83 | name = "Supporting Files"; 84 | sourceTree = ""; 85 | }; 86 | 13B07FAE1A68108700A75B9A /* bareExample */ = { 87 | isa = PBXGroup; 88 | children = ( 89 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 90 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */, 91 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 92 | 13B07FB61A68108700A75B9A /* Info.plist */, 93 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */, 94 | 13B07FB71A68108700A75B9A /* main.m */, 95 | ); 96 | name = bareExample; 97 | sourceTree = ""; 98 | }; 99 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 100 | isa = PBXGroup; 101 | children = ( 102 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 103 | 5DCACB8F33CDC322A6C60F78 /* libPods-bareExample.a */, 104 | 19F6CBCC0A4E27FBF8BF4A61 /* libPods-bareExample-bareExampleTests.a */, 105 | ); 106 | name = Frameworks; 107 | sourceTree = ""; 108 | }; 109 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 110 | isa = PBXGroup; 111 | children = ( 112 | ); 113 | name = Libraries; 114 | sourceTree = ""; 115 | }; 116 | 83CBB9F61A601CBA00E9B192 = { 117 | isa = PBXGroup; 118 | children = ( 119 | 13B07FAE1A68108700A75B9A /* bareExample */, 120 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 121 | 00E356EF1AD99517003FC87E /* bareExampleTests */, 122 | 83CBBA001A601CBA00E9B192 /* Products */, 123 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 124 | BBD78D7AC51CEA395F1C20DB /* Pods */, 125 | ); 126 | indentWidth = 2; 127 | sourceTree = ""; 128 | tabWidth = 2; 129 | usesTabs = 0; 130 | }; 131 | 83CBBA001A601CBA00E9B192 /* Products */ = { 132 | isa = PBXGroup; 133 | children = ( 134 | 13B07F961A680F5B00A75B9A /* bareExample.app */, 135 | 00E356EE1AD99517003FC87E /* bareExampleTests.xctest */, 136 | ); 137 | name = Products; 138 | sourceTree = ""; 139 | }; 140 | BBD78D7AC51CEA395F1C20DB /* Pods */ = { 141 | isa = PBXGroup; 142 | children = ( 143 | 3B4392A12AC88292D35C810B /* Pods-bareExample.debug.xcconfig */, 144 | 5709B34CF0A7D63546082F79 /* Pods-bareExample.release.xcconfig */, 145 | 5B7EB9410499542E8C5724F5 /* Pods-bareExample-bareExampleTests.debug.xcconfig */, 146 | 89C6BE57DB24E9ADA2F236DE /* Pods-bareExample-bareExampleTests.release.xcconfig */, 147 | ); 148 | path = Pods; 149 | sourceTree = ""; 150 | }; 151 | /* End PBXGroup section */ 152 | 153 | /* Begin PBXNativeTarget section */ 154 | 00E356ED1AD99517003FC87E /* bareExampleTests */ = { 155 | isa = PBXNativeTarget; 156 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "bareExampleTests" */; 157 | buildPhases = ( 158 | A55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */, 159 | 00E356EA1AD99517003FC87E /* Sources */, 160 | 00E356EB1AD99517003FC87E /* Frameworks */, 161 | 00E356EC1AD99517003FC87E /* Resources */, 162 | C59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */, 163 | F6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */, 164 | ); 165 | buildRules = ( 166 | ); 167 | dependencies = ( 168 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 169 | ); 170 | name = bareExampleTests; 171 | productName = bareExampleTests; 172 | productReference = 00E356EE1AD99517003FC87E /* bareExampleTests.xctest */; 173 | productType = "com.apple.product-type.bundle.unit-test"; 174 | }; 175 | 13B07F861A680F5B00A75B9A /* bareExample */ = { 176 | isa = PBXNativeTarget; 177 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "bareExample" */; 178 | buildPhases = ( 179 | C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */, 180 | FD10A7F022414F080027D42C /* Start Packager */, 181 | 13B07F871A680F5B00A75B9A /* Sources */, 182 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 183 | 13B07F8E1A680F5B00A75B9A /* Resources */, 184 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 185 | 00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */, 186 | E235C05ADACE081382539298 /* [CP] Copy Pods Resources */, 187 | ); 188 | buildRules = ( 189 | ); 190 | dependencies = ( 191 | ); 192 | name = bareExample; 193 | productName = bareExample; 194 | productReference = 13B07F961A680F5B00A75B9A /* bareExample.app */; 195 | productType = "com.apple.product-type.application"; 196 | }; 197 | /* End PBXNativeTarget section */ 198 | 199 | /* Begin PBXProject section */ 200 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 201 | isa = PBXProject; 202 | attributes = { 203 | LastUpgradeCheck = 1210; 204 | TargetAttributes = { 205 | 00E356ED1AD99517003FC87E = { 206 | CreatedOnToolsVersion = 6.2; 207 | TestTargetID = 13B07F861A680F5B00A75B9A; 208 | }; 209 | 13B07F861A680F5B00A75B9A = { 210 | LastSwiftMigration = 1120; 211 | }; 212 | }; 213 | }; 214 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "bareExample" */; 215 | compatibilityVersion = "Xcode 12.0"; 216 | developmentRegion = en; 217 | hasScannedForEncodings = 0; 218 | knownRegions = ( 219 | en, 220 | Base, 221 | ); 222 | mainGroup = 83CBB9F61A601CBA00E9B192; 223 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 224 | projectDirPath = ""; 225 | projectRoot = ""; 226 | targets = ( 227 | 13B07F861A680F5B00A75B9A /* bareExample */, 228 | 00E356ED1AD99517003FC87E /* bareExampleTests */, 229 | ); 230 | }; 231 | /* End PBXProject section */ 232 | 233 | /* Begin PBXResourcesBuildPhase section */ 234 | 00E356EC1AD99517003FC87E /* Resources */ = { 235 | isa = PBXResourcesBuildPhase; 236 | buildActionMask = 2147483647; 237 | files = ( 238 | ); 239 | runOnlyForDeploymentPostprocessing = 0; 240 | }; 241 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 242 | isa = PBXResourcesBuildPhase; 243 | buildActionMask = 2147483647; 244 | files = ( 245 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */, 246 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 247 | ); 248 | runOnlyForDeploymentPostprocessing = 0; 249 | }; 250 | /* End PBXResourcesBuildPhase section */ 251 | 252 | /* Begin PBXShellScriptBuildPhase section */ 253 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 254 | isa = PBXShellScriptBuildPhase; 255 | buildActionMask = 2147483647; 256 | files = ( 257 | ); 258 | inputPaths = ( 259 | "$(SRCROOT)/.xcode.env.local", 260 | "$(SRCROOT)/.xcode.env", 261 | ); 262 | name = "Bundle React Native code and images"; 263 | outputPaths = ( 264 | ); 265 | runOnlyForDeploymentPostprocessing = 0; 266 | shellPath = /bin/sh; 267 | shellScript = "set -e\n\nWITH_ENVIRONMENT=\"../node_modules/react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../node_modules/react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n"; 268 | }; 269 | 00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = { 270 | isa = PBXShellScriptBuildPhase; 271 | buildActionMask = 2147483647; 272 | files = ( 273 | ); 274 | inputFileListPaths = ( 275 | "${PODS_ROOT}/Target Support Files/Pods-bareExample/Pods-bareExample-frameworks-${CONFIGURATION}-input-files.xcfilelist", 276 | ); 277 | name = "[CP] Embed Pods Frameworks"; 278 | outputFileListPaths = ( 279 | "${PODS_ROOT}/Target Support Files/Pods-bareExample/Pods-bareExample-frameworks-${CONFIGURATION}-output-files.xcfilelist", 280 | ); 281 | runOnlyForDeploymentPostprocessing = 0; 282 | shellPath = /bin/sh; 283 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-bareExample/Pods-bareExample-frameworks.sh\"\n"; 284 | showEnvVarsInLog = 0; 285 | }; 286 | A55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */ = { 287 | isa = PBXShellScriptBuildPhase; 288 | buildActionMask = 2147483647; 289 | files = ( 290 | ); 291 | inputFileListPaths = ( 292 | ); 293 | inputPaths = ( 294 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 295 | "${PODS_ROOT}/Manifest.lock", 296 | ); 297 | name = "[CP] Check Pods Manifest.lock"; 298 | outputFileListPaths = ( 299 | ); 300 | outputPaths = ( 301 | "$(DERIVED_FILE_DIR)/Pods-bareExample-bareExampleTests-checkManifestLockResult.txt", 302 | ); 303 | runOnlyForDeploymentPostprocessing = 0; 304 | shellPath = /bin/sh; 305 | 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"; 306 | showEnvVarsInLog = 0; 307 | }; 308 | C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */ = { 309 | isa = PBXShellScriptBuildPhase; 310 | buildActionMask = 2147483647; 311 | files = ( 312 | ); 313 | inputFileListPaths = ( 314 | ); 315 | inputPaths = ( 316 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 317 | "${PODS_ROOT}/Manifest.lock", 318 | ); 319 | name = "[CP] Check Pods Manifest.lock"; 320 | outputFileListPaths = ( 321 | ); 322 | outputPaths = ( 323 | "$(DERIVED_FILE_DIR)/Pods-bareExample-checkManifestLockResult.txt", 324 | ); 325 | runOnlyForDeploymentPostprocessing = 0; 326 | shellPath = /bin/sh; 327 | 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"; 328 | showEnvVarsInLog = 0; 329 | }; 330 | C59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */ = { 331 | isa = PBXShellScriptBuildPhase; 332 | buildActionMask = 2147483647; 333 | files = ( 334 | ); 335 | inputFileListPaths = ( 336 | "${PODS_ROOT}/Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests-frameworks-${CONFIGURATION}-input-files.xcfilelist", 337 | ); 338 | name = "[CP] Embed Pods Frameworks"; 339 | outputFileListPaths = ( 340 | "${PODS_ROOT}/Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests-frameworks-${CONFIGURATION}-output-files.xcfilelist", 341 | ); 342 | runOnlyForDeploymentPostprocessing = 0; 343 | shellPath = /bin/sh; 344 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests-frameworks.sh\"\n"; 345 | showEnvVarsInLog = 0; 346 | }; 347 | E235C05ADACE081382539298 /* [CP] Copy Pods Resources */ = { 348 | isa = PBXShellScriptBuildPhase; 349 | buildActionMask = 2147483647; 350 | files = ( 351 | ); 352 | inputFileListPaths = ( 353 | "${PODS_ROOT}/Target Support Files/Pods-bareExample/Pods-bareExample-resources-${CONFIGURATION}-input-files.xcfilelist", 354 | ); 355 | name = "[CP] Copy Pods Resources"; 356 | outputFileListPaths = ( 357 | "${PODS_ROOT}/Target Support Files/Pods-bareExample/Pods-bareExample-resources-${CONFIGURATION}-output-files.xcfilelist", 358 | ); 359 | runOnlyForDeploymentPostprocessing = 0; 360 | shellPath = /bin/sh; 361 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-bareExample/Pods-bareExample-resources.sh\"\n"; 362 | showEnvVarsInLog = 0; 363 | }; 364 | F6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */ = { 365 | isa = PBXShellScriptBuildPhase; 366 | buildActionMask = 2147483647; 367 | files = ( 368 | ); 369 | inputFileListPaths = ( 370 | "${PODS_ROOT}/Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests-resources-${CONFIGURATION}-input-files.xcfilelist", 371 | ); 372 | name = "[CP] Copy Pods Resources"; 373 | outputFileListPaths = ( 374 | "${PODS_ROOT}/Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests-resources-${CONFIGURATION}-output-files.xcfilelist", 375 | ); 376 | runOnlyForDeploymentPostprocessing = 0; 377 | shellPath = /bin/sh; 378 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-bareExample-bareExampleTests/Pods-bareExample-bareExampleTests-resources.sh\"\n"; 379 | showEnvVarsInLog = 0; 380 | }; 381 | FD10A7F022414F080027D42C /* Start Packager */ = { 382 | isa = PBXShellScriptBuildPhase; 383 | buildActionMask = 2147483647; 384 | files = ( 385 | ); 386 | inputFileListPaths = ( 387 | ); 388 | inputPaths = ( 389 | ); 390 | name = "Start Packager"; 391 | outputFileListPaths = ( 392 | ); 393 | outputPaths = ( 394 | ); 395 | runOnlyForDeploymentPostprocessing = 0; 396 | shellPath = /bin/sh; 397 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n"; 398 | showEnvVarsInLog = 0; 399 | }; 400 | /* End PBXShellScriptBuildPhase section */ 401 | 402 | /* Begin PBXSourcesBuildPhase section */ 403 | 00E356EA1AD99517003FC87E /* Sources */ = { 404 | isa = PBXSourcesBuildPhase; 405 | buildActionMask = 2147483647; 406 | files = ( 407 | 00E356F31AD99517003FC87E /* bareExampleTests.m in Sources */, 408 | ); 409 | runOnlyForDeploymentPostprocessing = 0; 410 | }; 411 | 13B07F871A680F5B00A75B9A /* Sources */ = { 412 | isa = PBXSourcesBuildPhase; 413 | buildActionMask = 2147483647; 414 | files = ( 415 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */, 416 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 417 | ); 418 | runOnlyForDeploymentPostprocessing = 0; 419 | }; 420 | /* End PBXSourcesBuildPhase section */ 421 | 422 | /* Begin PBXTargetDependency section */ 423 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 424 | isa = PBXTargetDependency; 425 | target = 13B07F861A680F5B00A75B9A /* bareExample */; 426 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 427 | }; 428 | /* End PBXTargetDependency section */ 429 | 430 | /* Begin XCBuildConfiguration section */ 431 | 00E356F61AD99517003FC87E /* Debug */ = { 432 | isa = XCBuildConfiguration; 433 | baseConfigurationReference = 5B7EB9410499542E8C5724F5 /* Pods-bareExample-bareExampleTests.debug.xcconfig */; 434 | buildSettings = { 435 | BUNDLE_LOADER = "$(TEST_HOST)"; 436 | GCC_PREPROCESSOR_DEFINITIONS = ( 437 | "DEBUG=1", 438 | "$(inherited)", 439 | ); 440 | INFOPLIST_FILE = bareExampleTests/Info.plist; 441 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 442 | LD_RUNPATH_SEARCH_PATHS = ( 443 | "$(inherited)", 444 | "@executable_path/Frameworks", 445 | "@loader_path/Frameworks", 446 | ); 447 | OTHER_LDFLAGS = ( 448 | "-ObjC", 449 | "-lc++", 450 | "$(inherited)", 451 | ); 452 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 453 | PRODUCT_NAME = "$(TARGET_NAME)"; 454 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/bareExample.app/bareExample"; 455 | }; 456 | name = Debug; 457 | }; 458 | 00E356F71AD99517003FC87E /* Release */ = { 459 | isa = XCBuildConfiguration; 460 | baseConfigurationReference = 89C6BE57DB24E9ADA2F236DE /* Pods-bareExample-bareExampleTests.release.xcconfig */; 461 | buildSettings = { 462 | BUNDLE_LOADER = "$(TEST_HOST)"; 463 | COPY_PHASE_STRIP = NO; 464 | INFOPLIST_FILE = bareExampleTests/Info.plist; 465 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 466 | LD_RUNPATH_SEARCH_PATHS = ( 467 | "$(inherited)", 468 | "@executable_path/Frameworks", 469 | "@loader_path/Frameworks", 470 | ); 471 | OTHER_LDFLAGS = ( 472 | "-ObjC", 473 | "-lc++", 474 | "$(inherited)", 475 | ); 476 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 477 | PRODUCT_NAME = "$(TARGET_NAME)"; 478 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/bareExample.app/bareExample"; 479 | }; 480 | name = Release; 481 | }; 482 | 13B07F941A680F5B00A75B9A /* Debug */ = { 483 | isa = XCBuildConfiguration; 484 | baseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-bareExample.debug.xcconfig */; 485 | buildSettings = { 486 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 487 | CLANG_ENABLE_MODULES = YES; 488 | CURRENT_PROJECT_VERSION = 1; 489 | ENABLE_BITCODE = NO; 490 | INFOPLIST_FILE = bareExample/Info.plist; 491 | LD_RUNPATH_SEARCH_PATHS = ( 492 | "$(inherited)", 493 | "@executable_path/Frameworks", 494 | ); 495 | MARKETING_VERSION = 1.0; 496 | OTHER_LDFLAGS = ( 497 | "$(inherited)", 498 | "-ObjC", 499 | "-lc++", 500 | ); 501 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 502 | PRODUCT_NAME = bareExample; 503 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 504 | SWIFT_VERSION = 5.0; 505 | VERSIONING_SYSTEM = "apple-generic"; 506 | }; 507 | name = Debug; 508 | }; 509 | 13B07F951A680F5B00A75B9A /* Release */ = { 510 | isa = XCBuildConfiguration; 511 | baseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-bareExample.release.xcconfig */; 512 | buildSettings = { 513 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 514 | CLANG_ENABLE_MODULES = YES; 515 | CURRENT_PROJECT_VERSION = 1; 516 | INFOPLIST_FILE = bareExample/Info.plist; 517 | LD_RUNPATH_SEARCH_PATHS = ( 518 | "$(inherited)", 519 | "@executable_path/Frameworks", 520 | ); 521 | MARKETING_VERSION = 1.0; 522 | OTHER_LDFLAGS = ( 523 | "$(inherited)", 524 | "-ObjC", 525 | "-lc++", 526 | ); 527 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 528 | PRODUCT_NAME = bareExample; 529 | SWIFT_VERSION = 5.0; 530 | VERSIONING_SYSTEM = "apple-generic"; 531 | }; 532 | name = Release; 533 | }; 534 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 535 | isa = XCBuildConfiguration; 536 | buildSettings = { 537 | ALWAYS_SEARCH_USER_PATHS = NO; 538 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 539 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 540 | CLANG_CXX_LIBRARY = "libc++"; 541 | CLANG_ENABLE_MODULES = YES; 542 | CLANG_ENABLE_OBJC_ARC = YES; 543 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 544 | CLANG_WARN_BOOL_CONVERSION = YES; 545 | CLANG_WARN_COMMA = YES; 546 | CLANG_WARN_CONSTANT_CONVERSION = YES; 547 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 548 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 549 | CLANG_WARN_EMPTY_BODY = YES; 550 | CLANG_WARN_ENUM_CONVERSION = YES; 551 | CLANG_WARN_INFINITE_RECURSION = YES; 552 | CLANG_WARN_INT_CONVERSION = YES; 553 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 554 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 555 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 556 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 557 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 558 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 559 | CLANG_WARN_STRICT_PROTOTYPES = YES; 560 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 561 | CLANG_WARN_UNREACHABLE_CODE = YES; 562 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 563 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 564 | COPY_PHASE_STRIP = NO; 565 | ENABLE_STRICT_OBJC_MSGSEND = YES; 566 | ENABLE_TESTABILITY = YES; 567 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386; 568 | GCC_C_LANGUAGE_STANDARD = gnu99; 569 | GCC_DYNAMIC_NO_PIC = NO; 570 | GCC_NO_COMMON_BLOCKS = YES; 571 | GCC_OPTIMIZATION_LEVEL = 0; 572 | GCC_PREPROCESSOR_DEFINITIONS = ( 573 | "DEBUG=1", 574 | "$(inherited)", 575 | ); 576 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 577 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 578 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 579 | GCC_WARN_UNDECLARED_SELECTOR = YES; 580 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 581 | GCC_WARN_UNUSED_FUNCTION = YES; 582 | GCC_WARN_UNUSED_VARIABLE = YES; 583 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 584 | LD_RUNPATH_SEARCH_PATHS = ( 585 | /usr/lib/swift, 586 | "$(inherited)", 587 | ); 588 | LIBRARY_SEARCH_PATHS = ( 589 | "\"$(SDKROOT)/usr/lib/swift\"", 590 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 591 | "\"$(inherited)\"", 592 | ); 593 | MTL_ENABLE_DEBUG_INFO = YES; 594 | ONLY_ACTIVE_ARCH = YES; 595 | OTHER_CPLUSPLUSFLAGS = ( 596 | "$(OTHER_CFLAGS)", 597 | "-DFOLLY_NO_CONFIG", 598 | "-DFOLLY_MOBILE=1", 599 | "-DFOLLY_USE_LIBCPP=1", 600 | ); 601 | REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; 602 | SDKROOT = iphoneos; 603 | }; 604 | name = Debug; 605 | }; 606 | 83CBBA211A601CBA00E9B192 /* Release */ = { 607 | isa = XCBuildConfiguration; 608 | buildSettings = { 609 | ALWAYS_SEARCH_USER_PATHS = NO; 610 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 611 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 612 | CLANG_CXX_LIBRARY = "libc++"; 613 | CLANG_ENABLE_MODULES = YES; 614 | CLANG_ENABLE_OBJC_ARC = YES; 615 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 616 | CLANG_WARN_BOOL_CONVERSION = YES; 617 | CLANG_WARN_COMMA = YES; 618 | CLANG_WARN_CONSTANT_CONVERSION = YES; 619 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 620 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 621 | CLANG_WARN_EMPTY_BODY = YES; 622 | CLANG_WARN_ENUM_CONVERSION = YES; 623 | CLANG_WARN_INFINITE_RECURSION = YES; 624 | CLANG_WARN_INT_CONVERSION = YES; 625 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 626 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 627 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 628 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 629 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 630 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 631 | CLANG_WARN_STRICT_PROTOTYPES = YES; 632 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 633 | CLANG_WARN_UNREACHABLE_CODE = YES; 634 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 635 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 636 | COPY_PHASE_STRIP = YES; 637 | ENABLE_NS_ASSERTIONS = NO; 638 | ENABLE_STRICT_OBJC_MSGSEND = YES; 639 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386; 640 | GCC_C_LANGUAGE_STANDARD = gnu99; 641 | GCC_NO_COMMON_BLOCKS = YES; 642 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 643 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 644 | GCC_WARN_UNDECLARED_SELECTOR = YES; 645 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 646 | GCC_WARN_UNUSED_FUNCTION = YES; 647 | GCC_WARN_UNUSED_VARIABLE = YES; 648 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 649 | LD_RUNPATH_SEARCH_PATHS = ( 650 | /usr/lib/swift, 651 | "$(inherited)", 652 | ); 653 | LIBRARY_SEARCH_PATHS = ( 654 | "\"$(SDKROOT)/usr/lib/swift\"", 655 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 656 | "\"$(inherited)\"", 657 | ); 658 | MTL_ENABLE_DEBUG_INFO = NO; 659 | OTHER_CPLUSPLUSFLAGS = ( 660 | "$(OTHER_CFLAGS)", 661 | "-DFOLLY_NO_CONFIG", 662 | "-DFOLLY_MOBILE=1", 663 | "-DFOLLY_USE_LIBCPP=1", 664 | ); 665 | REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; 666 | SDKROOT = iphoneos; 667 | VALIDATE_PRODUCT = YES; 668 | }; 669 | name = Release; 670 | }; 671 | /* End XCBuildConfiguration section */ 672 | 673 | /* Begin XCConfigurationList section */ 674 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "bareExampleTests" */ = { 675 | isa = XCConfigurationList; 676 | buildConfigurations = ( 677 | 00E356F61AD99517003FC87E /* Debug */, 678 | 00E356F71AD99517003FC87E /* Release */, 679 | ); 680 | defaultConfigurationIsVisible = 0; 681 | defaultConfigurationName = Release; 682 | }; 683 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "bareExample" */ = { 684 | isa = XCConfigurationList; 685 | buildConfigurations = ( 686 | 13B07F941A680F5B00A75B9A /* Debug */, 687 | 13B07F951A680F5B00A75B9A /* Release */, 688 | ); 689 | defaultConfigurationIsVisible = 0; 690 | defaultConfigurationName = Release; 691 | }; 692 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "bareExample" */ = { 693 | isa = XCConfigurationList; 694 | buildConfigurations = ( 695 | 83CBBA201A601CBA00E9B192 /* Debug */, 696 | 83CBBA211A601CBA00E9B192 /* Release */, 697 | ); 698 | defaultConfigurationIsVisible = 0; 699 | defaultConfigurationName = Release; 700 | }; 701 | /* End XCConfigurationList section */ 702 | }; 703 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 704 | } 705 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample.xcodeproj/xcshareddata/xcschemes/bareExample.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 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface AppDelegate : RCTAppDelegate 5 | 6 | @end 7 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample/AppDelegate.mm: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | 5 | @implementation AppDelegate 6 | 7 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 8 | { 9 | self.moduleName = @"bareExample"; 10 | // You can add your custom initial props in the dictionary below. 11 | // They will be passed down to the ViewController used by React Native. 12 | self.initialProps = @{}; 13 | 14 | return [super application:application didFinishLaunchingWithOptions:launchOptions]; 15 | } 16 | 17 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 18 | { 19 | #if DEBUG 20 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"]; 21 | #else 22 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 23 | #endif 24 | } 25 | 26 | /// This method controls whether the `concurrentRoot`feature of React18 is turned on or off. 27 | /// 28 | /// @see: https://reactjs.org/blog/2022/03/29/react-v18.html 29 | /// @note: This requires to be rendering on Fabric (i.e. on the New Architecture). 30 | /// @return: `true` if the `concurrentRoot` feature is enabled. Otherwise, it returns `false`. 31 | - (BOOL)concurrentRootEnabled 32 | { 33 | return true; 34 | } 35 | 36 | @end 37 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "scale" : "2x", 6 | "size" : "20x20" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "scale" : "3x", 11 | "size" : "20x20" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "scale" : "2x", 16 | "size" : "29x29" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "scale" : "3x", 21 | "size" : "29x29" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "scale" : "2x", 26 | "size" : "40x40" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "scale" : "3x", 31 | "size" : "40x40" 32 | }, 33 | { 34 | "idiom" : "iphone", 35 | "scale" : "2x", 36 | "size" : "60x60" 37 | }, 38 | { 39 | "idiom" : "iphone", 40 | "scale" : "3x", 41 | "size" : "60x60" 42 | }, 43 | { 44 | "idiom" : "ios-marketing", 45 | "scale" : "1x", 46 | "size" : "1024x1024" 47 | } 48 | ], 49 | "info" : { 50 | "author" : "xcode", 51 | "version" : 1 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | bareExample 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | $(MARKETING_VERSION) 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | $(CURRENT_PROJECT_VERSION) 25 | LSRequiresIPhoneOS 26 | 27 | NSAppTransportSecurity 28 | 29 | NSExceptionDomains 30 | 31 | localhost 32 | 33 | NSExceptionAllowsInsecureHTTPLoads 34 | 35 | 36 | 37 | 38 | NSLocationWhenInUseUsageDescription 39 | 40 | UILaunchStoryboardName 41 | LaunchScreen 42 | UIRequiredDeviceCapabilities 43 | 44 | armv7 45 | 46 | UISupportedInterfaceOrientations 47 | 48 | UIInterfaceOrientationPortrait 49 | UIInterfaceOrientationLandscapeLeft 50 | UIInterfaceOrientationLandscapeRight 51 | 52 | UIViewControllerBasedStatusBarAppearance 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 24 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /bareExample/ios/bareExample/main.m: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | #import "AppDelegate.h" 4 | 5 | int main(int argc, char *argv[]) 6 | { 7 | @autoreleasepool { 8 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /bareExample/ios/bareExampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /bareExample/ios/bareExampleTests/bareExampleTests.m: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | #import 5 | #import 6 | 7 | #define TIMEOUT_SECONDS 600 8 | #define TEXT_TO_LOOK_FOR @"Welcome to React" 9 | 10 | @interface bareExampleTests : XCTestCase 11 | 12 | @end 13 | 14 | @implementation bareExampleTests 15 | 16 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test 17 | { 18 | if (test(view)) { 19 | return YES; 20 | } 21 | for (UIView *subview in [view subviews]) { 22 | if ([self findSubviewInView:subview matching:test]) { 23 | return YES; 24 | } 25 | } 26 | return NO; 27 | } 28 | 29 | - (void)testRendersWelcomeScreen 30 | { 31 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 32 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 33 | BOOL foundElement = NO; 34 | 35 | __block NSString *redboxError = nil; 36 | #ifdef DEBUG 37 | RCTSetLogFunction( 38 | ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 39 | if (level >= RCTLogLevelError) { 40 | redboxError = message; 41 | } 42 | }); 43 | #endif 44 | 45 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 46 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 47 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 48 | 49 | foundElement = [self findSubviewInView:vc.view 50 | matching:^BOOL(UIView *view) { 51 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 52 | return YES; 53 | } 54 | return NO; 55 | }]; 56 | } 57 | 58 | #ifdef DEBUG 59 | RCTSetLogFunction(RCTDefaultLogFunction); 60 | #endif 61 | 62 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 63 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 64 | } 65 | 66 | @end 67 | -------------------------------------------------------------------------------- /bareExample/metro.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const blacklist = require('metro-config/src/defaults/exclusionList'); 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( 23 | `^${escape(path.join(root, 'node_modules', m))}\\/.*$` 24 | ) 25 | ) 26 | ), 27 | 28 | extraNodeModules: modules.reduce((acc, name) => { 29 | acc[name] = path.join(__dirname, 'node_modules', name); 30 | return acc; 31 | }, {}), 32 | }, 33 | 34 | transformer: { 35 | getTransformOptions: async () => ({ 36 | transform: { 37 | experimentalImportSupport: false, 38 | inlineRequires: true, 39 | }, 40 | }), 41 | }, 42 | }; 43 | -------------------------------------------------------------------------------- /bareExample/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bareExample", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "android": "react-native run-android", 7 | "ios": "react-native run-ios", 8 | "lint": "eslint .", 9 | "start": "react-native start" 10 | }, 11 | "dependencies": { 12 | "babel-plugin-module-resolver": "^5.0.0", 13 | "react": "18.2.0", 14 | "react-native": "0.71.8", 15 | "react-native-gesture-handler": "^2.10.1", 16 | "react-native-reanimated": "^3.1.0" 17 | }, 18 | "devDependencies": { 19 | "@babel/core": "^7.20.0", 20 | "@babel/preset-env": "^7.20.0", 21 | "@babel/runtime": "^7.20.0", 22 | "@react-native-community/eslint-config": "^3.2.0", 23 | "@tsconfig/react-native": "^2.0.2", 24 | "babel-jest": "^29.2.1", 25 | "eslint": "^8.19.0", 26 | "metro-react-native-babel-preset": "0.73.9", 27 | "prettier": "^2.4.1", 28 | "react-test-renderer": "18.2.0", 29 | "typescript": "4.8.4" 30 | }, 31 | "resolutions": { 32 | "@types/react": "17.0.21" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /bareExample/src/App.tsx: -------------------------------------------------------------------------------- 1 | import 'react-native-reanimated'; 2 | import 'react-native-gesture-handler'; 3 | 4 | import { 5 | Dimensions, 6 | SafeAreaView, 7 | StyleSheet, 8 | Text, 9 | TouchableOpacity, 10 | View, 11 | } from 'react-native'; 12 | import { 13 | AnimationConstants as _AnimationConstants, 14 | AnimatedDigits, 15 | AnimatedItemType, 16 | defaultEnterAnimationConfigCreator, 17 | defaultExitAnimationConfigCreator, 18 | EnterAnimationConfigCreator, 19 | ExitAnimationConfigCreator, 20 | makeAnimation, 21 | } from 'react-native-animated-digits'; 22 | import { OnScreenDecimalPad } from './OnScreenDecimalPad'; 23 | import React, { useCallback, useState } from 'react'; 24 | import { 25 | useSharedValue, 26 | withRepeat, 27 | withSequence, 28 | withTiming, 29 | } from 'react-native-reanimated'; 30 | 31 | const SCREEN_WIDTH = Dimensions.get('window').width; 32 | const SHAKE_DURATION = 40; 33 | const SHAKE_X = 10; 34 | 35 | const AnimationConstants = { 36 | ..._AnimationConstants, 37 | DIGIT_TRANSLATE_Y_RATIO: 0.1, 38 | }; 39 | 40 | const lotteryEnterAnimationConfigCreator: EnterAnimationConfigCreator = (() => { 41 | return { 42 | ...defaultEnterAnimationConfigCreator, 43 | [AnimatedItemType.DIGIT]: (width: number) => 44 | makeAnimation({ 45 | translateY: { 46 | from: Math.floor( 47 | AnimationConstants.DIGIT_TRANSLATE_Y_RATIO * width 48 | ), 49 | to: AnimationConstants.TRANSLATE_Y_BASE, 50 | }, 51 | scale: { 52 | from: AnimationConstants.SCALE_MIN, 53 | to: AnimationConstants.SCALE_MAX, 54 | }, 55 | opacity: { 56 | from: AnimationConstants.OPACITY_MIN, 57 | to: AnimationConstants.OPACITY_MAX, 58 | }, 59 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 60 | }), 61 | }; 62 | })(); 63 | 64 | const lotteryExitAnimationConfigCreator: ExitAnimationConfigCreator = (() => { 65 | return { 66 | ...defaultExitAnimationConfigCreator, 67 | [AnimatedItemType.DIGIT]: (width: number) => 68 | makeAnimation({ 69 | translateX: { 70 | from: AnimationConstants.TRANSLATE_X_BASE, 71 | to: Math.floor( 72 | AnimationConstants.DIGIT_EXIT_TRANSLATE_X_RATIO * width 73 | ), 74 | }, 75 | translateY: { 76 | from: AnimationConstants.TRANSLATE_Y_BASE, 77 | to: Math.floor( 78 | AnimationConstants.DIGIT_TRANSLATE_Y_RATIO * width 79 | ), 80 | }, 81 | scale: { 82 | from: AnimationConstants.SCALE_MAX, 83 | to: AnimationConstants.SCALE_MIN, 84 | }, 85 | opacity: { 86 | from: AnimationConstants.OPACITY_MAX, 87 | to: AnimationConstants.OPACITY_MIN, 88 | }, 89 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 90 | }), 91 | }; 92 | })(); 93 | 94 | export default function App() { 95 | const [isLottery, setIsLottery] = useState(false); 96 | 97 | const [usd, setUsd] = useState('0'); 98 | const translateX = useSharedValue(0); 99 | 100 | const shake = useCallback(() => { 101 | translateX.value = withRepeat( 102 | withSequence( 103 | withTiming(-SHAKE_X, { duration: SHAKE_DURATION }), 104 | withTiming(SHAKE_X, { duration: SHAKE_DURATION }), 105 | withTiming(0, { duration: SHAKE_DURATION }) 106 | ), 107 | 2 108 | ); 109 | }, [translateX]); 110 | 111 | return ( 112 | 113 | 114 | 130 | 131 | 132 | { 135 | const dotIndex = usd.indexOf('.'); 136 | 137 | // Error if input is greater than allowed max or over decimal limit 138 | if ( 139 | dotIndex !== -1 && 140 | (c === '.' || usd.length - dotIndex > 2) 141 | ) { 142 | return shake(); 143 | } 144 | 145 | if (usd === '0' && c !== '.') { 146 | setUsd(c); 147 | } else { 148 | setUsd(`${usd}${c}`); 149 | } 150 | }} 151 | onBackspace={() => { 152 | if (usd === '0') { 153 | return shake(); 154 | } 155 | setUsd(usd.slice(0, -1) || '0'); 156 | }} 157 | /> 158 | setIsLottery(!isLottery)} 160 | style={styles.switchButton} 161 | > 162 | 163 | Switch to {isLottery ? 'regular' : 'lottery'} 164 | 165 | 166 | 167 | 168 | ); 169 | } 170 | 171 | const styles = StyleSheet.create({ 172 | container: { 173 | flex: 1, 174 | justifyContent: 'space-between', 175 | marginBottom: 16, 176 | }, 177 | numberContainer: { 178 | flex: 1, 179 | justifyContent: 'center', 180 | }, 181 | numberText: { 182 | color: '#7501FF', 183 | fontSize: SCREEN_WIDTH * 0.3, 184 | letterSpacing: -2, 185 | }, 186 | switchButton: { 187 | backgroundColor: 'rgba(117, 1, 255, 0.1)', 188 | paddingVertical: 16, 189 | alignItems: 'center', 190 | justifyContent: 'center', 191 | borderRadius: 8, 192 | marginHorizontal: 32, 193 | }, 194 | switchButtonText: { color: '#7501FF', fontSize: 16 }, 195 | }); 196 | -------------------------------------------------------------------------------- /bareExample/src/OnScreenDecimalPad.tsx: -------------------------------------------------------------------------------- 1 | import React, { ReactNode } from 'react'; 2 | import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native'; 3 | 4 | const INTEGER_GRID = [ 5 | [1, 2, 3], 6 | [4, 5, 6], 7 | [7, 8, 9], 8 | ]; 9 | const ZERO_STR = '0'; 10 | const DECIMAL_STR = '.'; 11 | 12 | export type OnScreenDecimalPadProps = { 13 | onPress: (s: string) => void; 14 | onBackspace: () => void; 15 | showDot?: boolean; 16 | disabled?: boolean; 17 | }; 18 | 19 | const TouchableCell = ({ 20 | onPress, 21 | children, 22 | }: { 23 | onPress: () => void; 24 | children?: ReactNode; 25 | }) => { 26 | return ( 27 | 32 | {children} 33 | 34 | ); 35 | }; 36 | 37 | export const OnScreenDecimalPad = ({ 38 | disabled, 39 | onPress, 40 | onBackspace, 41 | showDot = true, 42 | }: OnScreenDecimalPadProps) => { 43 | return ( 44 | 48 | {INTEGER_GRID.map((integers) => { 49 | return ( 50 | 51 | {integers.map((integer) => { 52 | return ( 53 | { 56 | onPress(integer.toString()); 57 | }} 58 | > 59 | {integer} 60 | 61 | ); 62 | })} 63 | 64 | ); 65 | })} 66 | 67 | { 69 | if (!showDot) { 70 | return; 71 | } 72 | onPress(DECIMAL_STR); 73 | }} 74 | > 75 | 76 | {showDot ? DECIMAL_STR : ''} 77 | 78 | 79 | { 81 | onPress(ZERO_STR); 82 | }} 83 | > 84 | {ZERO_STR} 85 | 86 | { 88 | onBackspace(); 89 | }} 90 | > 91 | 95 | 96 | 97 | 98 | ); 99 | }; 100 | 101 | const styles = StyleSheet.create({ 102 | cell: { 103 | flex: 1, 104 | alignItems: 'center', 105 | justifyContent: 'center', 106 | paddingVertical: 8, 107 | }, 108 | chevronBack: { 109 | height: 16, 110 | width: 16, 111 | }, 112 | container: { 113 | alignSelf: 'center', 114 | paddingVertical: 24, 115 | width: '100%', 116 | }, 117 | row: { 118 | flexDirection: 'row', 119 | justifyContent: 'space-between', 120 | }, 121 | text: { 122 | fontSize: 28, 123 | fontWeight: '500', 124 | lineHeight: 34, 125 | }, 126 | }); 127 | -------------------------------------------------------------------------------- /bareExample/src/chevron-left-solid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThasianX/react-native-animated-digits/e38063b8a2becdb5c32487f0e996c20016411125/bareExample/src/chevron-left-solid.png -------------------------------------------------------------------------------- /bareExample/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig", 3 | "compilerOptions": { 4 | // Avoid auto-generating a tsconfig 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /lefthook.yml: -------------------------------------------------------------------------------- 1 | pre-commit: 2 | parallel: true 3 | commands: 4 | lint: 5 | files: git diff --name-only @{push} 6 | glob: "*.{js,ts,jsx,tsx}" 7 | run: npx eslint {files} 8 | types: 9 | files: git diff --name-only @{push} 10 | glob: "*.{js,ts, jsx, tsx}" 11 | run: npx tsc --noEmit 12 | commit-msg: 13 | parallel: true 14 | commands: 15 | commitlint: 16 | run: npx commitlint --edit 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-animated-digits", 3 | "version": "0.2.0", 4 | "description": "test", 5 | "main": "lib/commonjs/index", 6 | "module": "lib/module/index", 7 | "types": "lib/typescript/index.d.ts", 8 | "react-native": "src/index", 9 | "source": "src/index", 10 | "files": [ 11 | "src", 12 | "lib", 13 | "android", 14 | "ios", 15 | "cpp", 16 | "*.podspec", 17 | "!lib/typescript/example", 18 | "!ios/build", 19 | "!android/build", 20 | "!android/gradle", 21 | "!android/gradlew", 22 | "!android/gradlew.bat", 23 | "!android/local.properties", 24 | "!**/__tests__", 25 | "!**/__fixtures__", 26 | "!**/__mocks__", 27 | "!**/.*" 28 | ], 29 | "scripts": { 30 | "typecheck": "tsc --noEmit", 31 | "lint": "eslint \"**/*.{js,ts,tsx}\"", 32 | "prepack": "bob build", 33 | "release": "release-it", 34 | "bootstrap": "yarn install" 35 | }, 36 | "keywords": [ 37 | "react-native", 38 | "ios", 39 | "android" 40 | ], 41 | "repository": "https://github.com/ThasianX/react-native-animated-digits", 42 | "author": "Kevin Li (https://github.com/ThasianX)", 43 | "license": "MIT", 44 | "bugs": { 45 | "url": "https://github.com/ThasianX/react-native-animated-digits/issues" 46 | }, 47 | "homepage": "https://github.com/ThasianX/react-native-animated-digits#readme", 48 | "publishConfig": { 49 | "registry": "https://registry.npmjs.org/" 50 | }, 51 | "devDependencies": { 52 | "@babel/core": "^7.21.8", 53 | "@babel/runtime": "^7.21.5", 54 | "@commitlint/config-conventional": "^17.0.2", 55 | "@evilmartians/lefthook": "^1.2.2", 56 | "@react-native-community/eslint-config": "^3.0.2", 57 | "@release-it/conventional-changelog": "^5.0.0", 58 | "@types/react": "~17.0.21", 59 | "@types/react-native": "0.70.0", 60 | "commitlint": "^17.0.2", 61 | "del-cli": "^5.0.0", 62 | "eslint": "^8.4.1", 63 | "eslint-config-prettier": "^8.5.0", 64 | "eslint-plugin-prettier": "^4.0.0", 65 | "prettier": "^2.0.5", 66 | "react": "18.2.0", 67 | "react-native": "0.71.7", 68 | "react-native-builder-bob": "^0.20.0", 69 | "react-native-gesture-handler": "^2.10.0", 70 | "react-native-reanimated": "^3.1.0", 71 | "release-it": "^15.0.0", 72 | "typescript": "^4.5.2" 73 | }, 74 | "peerDependencies": { 75 | "react": ">=16.8.0", 76 | "react-native": ">=0.6.0", 77 | "react-native-gesture-handler": "*", 78 | "react-native-reanimated": ">=2.7.0" 79 | }, 80 | "engines": { 81 | "node": ">= 16.0.0" 82 | }, 83 | "packageManager": "^yarn@1.22.15", 84 | "commitlint": { 85 | "extends": [ 86 | "@commitlint/config-conventional" 87 | ] 88 | }, 89 | "release-it": { 90 | "git": { 91 | "commitMessage": "chore: release ${version}", 92 | "tagName": "v${version}" 93 | }, 94 | "npm": { 95 | "publish": true 96 | }, 97 | "github": { 98 | "release": true 99 | }, 100 | "plugins": { 101 | "@release-it/conventional-changelog": { 102 | "preset": "angular" 103 | } 104 | } 105 | }, 106 | "react-native-builder-bob": { 107 | "source": "src", 108 | "output": "lib", 109 | "targets": [ 110 | "commonjs", 111 | "module", 112 | [ 113 | "typescript", 114 | { 115 | "project": "tsconfig.build.json" 116 | } 117 | ] 118 | ] 119 | } 120 | } 121 | -------------------------------------------------------------------------------- /scripts/bootstrap.js: -------------------------------------------------------------------------------- 1 | const os = require('os'); 2 | const path = require('path'); 3 | const child_process = require('child_process'); 4 | 5 | const root = path.resolve(__dirname, '..'); 6 | const args = process.argv.slice(2); 7 | const options = { 8 | cwd: process.cwd(), 9 | env: process.env, 10 | stdio: 'inherit', 11 | encoding: 'utf-8', 12 | }; 13 | 14 | if (os.type() === 'Windows_NT') { 15 | options.shell = true; 16 | } 17 | 18 | let result; 19 | 20 | if (process.cwd() !== root || args.length) { 21 | // We're not in the root of the project, or additional arguments were passed 22 | // In this case, forward the command to `yarn` 23 | result = child_process.spawnSync('yarn', args, options); 24 | } else { 25 | // If `yarn` is run without arguments, perform bootstrap 26 | result = child_process.spawnSync('yarn', ['bootstrap'], options); 27 | } 28 | 29 | process.exitCode = result.status; 30 | -------------------------------------------------------------------------------- /src/AnimatedDigit.tsx: -------------------------------------------------------------------------------- 1 | import React, { useEffect } from 'react'; 2 | import Animated from 'react-native-reanimated'; 3 | import { AnimatedItem } from './item'; 4 | import { StyleProp, TextStyle } from 'react-native'; 5 | import { AnimatedItemAnimateProps } from './animations'; 6 | 7 | export type AnimatedDigitProps = { 8 | id: React.Key; 9 | item: AnimatedItem; 10 | measure: (key: React.Key, width?: number) => void; 11 | style: StyleProp; 12 | } & AnimatedItemAnimateProps; 13 | 14 | export const AnimatedDigit = ({ 15 | id, 16 | item, 17 | measure, 18 | style, 19 | ...animateProps 20 | }: AnimatedDigitProps) => { 21 | useEffect(() => { 22 | return () => { 23 | measure(id, undefined); 24 | }; 25 | // eslint-disable-next-line react-hooks/exhaustive-deps 26 | }, []); 27 | 28 | return ( 29 | measure(id, e.nativeEvent.layout.width)} 31 | style={style} 32 | {...animateProps} 33 | > 34 | {item.value} 35 | 36 | ); 37 | }; 38 | -------------------------------------------------------------------------------- /src/AnimatedDigits.tsx: -------------------------------------------------------------------------------- 1 | import React, { useMemo } from 'react'; 2 | import Animated, { useAnimatedStyle } from 'react-native-reanimated'; 3 | import { MakeAnimatedItems, defaultMakeAnimatedItems } from './item'; 4 | import { AnimatedDigit } from './AnimatedDigit'; 5 | import { AnimatedItemKeyExtractor, defaultItemKeyExtractor } from './key'; 6 | import { StyleProp, TextStyle, ViewStyle } from 'react-native'; 7 | import { 8 | EnterAnimationConfig, 9 | EnterAnimationConfigCreator, 10 | ExitAnimationConfig, 11 | ExitAnimationConfigCreator, 12 | LayoutAnimation, 13 | defaultEnterAnimationConfigCreator, 14 | defaultExitAnimationConfigCreator, 15 | defaultInitialEnterAnimationConfig, 16 | defaultLayoutAnimation, 17 | } from './animations'; 18 | import { SCREEN_WIDTH } from './utils'; 19 | import { useAnimatedItems } from './useAnimatedItems'; 20 | import { useScaledDigits } from './useScaledDigits'; 21 | import { useInitialRender } from './useInitialRender'; 22 | 23 | const DEFAULT_TEXT_PROPS = { 24 | fontSize: SCREEN_WIDTH * 0.3, 25 | letterSpacing: -2, 26 | }; 27 | const DEFAULT_WIDTH = SCREEN_WIDTH * 0.9; 28 | 29 | export type AnimatedDigitsProps = { 30 | value: string; 31 | prefix?: string; 32 | prefixProps?: StyleProp; 33 | suffix?: string; 34 | suffixProps?: StyleProp; 35 | width?: number; 36 | textProps?: StyleProp; 37 | makeAnimatedItems?: MakeAnimatedItems; 38 | keyExtractor?: AnimatedItemKeyExtractor; 39 | initialEnterAnimationConfig?: EnterAnimationConfig; 40 | enterAnimationConfigCreator?: EnterAnimationConfigCreator; 41 | exitAnimationConfigCreator?: ExitAnimationConfigCreator; 42 | layoutAnimation?: LayoutAnimation; 43 | style?: StyleProp>>; 44 | }; 45 | 46 | export const AnimatedDigits = ({ 47 | value, 48 | prefix, 49 | prefixProps, 50 | suffix, 51 | suffixProps, 52 | textProps = DEFAULT_TEXT_PROPS, 53 | width = DEFAULT_WIDTH, 54 | makeAnimatedItems = defaultMakeAnimatedItems, 55 | keyExtractor = defaultItemKeyExtractor, 56 | initialEnterAnimationConfig = defaultInitialEnterAnimationConfig, 57 | enterAnimationConfigCreator = defaultEnterAnimationConfigCreator, 58 | exitAnimationConfigCreator = defaultExitAnimationConfigCreator, 59 | layoutAnimation = defaultLayoutAnimation, 60 | style, 61 | }: AnimatedDigitsProps) => { 62 | const isInitialRender = useInitialRender(); 63 | const { items, itemsRef } = useAnimatedItems({ 64 | value, 65 | prefix, 66 | suffix, 67 | makeAnimatedItems, 68 | }); 69 | const { scale, measure } = useScaledDigits({ 70 | itemsRef, 71 | width, 72 | keyExtractor, 73 | }); 74 | const { enterAnimationConfig, exitAnimationConfig } = useMemo(() => { 75 | return { 76 | enterAnimationConfig: Object.entries( 77 | enterAnimationConfigCreator 78 | ).reduce((acc, [type, callback]) => { 79 | return { ...acc, [type]: callback(width) }; 80 | }, {} as EnterAnimationConfig), 81 | exitAnimationConfig: Object.entries( 82 | exitAnimationConfigCreator 83 | ).reduce((acc, [type, callback]) => { 84 | return { ...acc, [type]: callback(width) }; 85 | }, {} as ExitAnimationConfig), 86 | }; 87 | }, [width, enterAnimationConfigCreator, exitAnimationConfigCreator]); 88 | 89 | const innerAnimatedStyle = useAnimatedStyle(() => { 90 | return { 91 | transform: [{ scale: scale.value }], 92 | }; 93 | }, [scale]); 94 | 95 | return ( 96 | 105 | 115 | {items.map((item) => { 116 | const id = keyExtractor(item); 117 | return ( 118 | 138 | ); 139 | })} 140 | 141 | 142 | ); 143 | }; 144 | -------------------------------------------------------------------------------- /src/animations.ts: -------------------------------------------------------------------------------- 1 | import { View } from 'react-native'; 2 | import { Layout, withTiming } from 'react-native-reanimated'; 3 | import { AnimateProps } from 'react-native-reanimated'; 4 | import { AnimatedItemType } from './item'; 5 | 6 | export const AnimationConstants = { 7 | COMMA_ANIMATION_DURATION: 150, 8 | ELEMENT_ANIMATION_DURATION: 150, 9 | OPACITY_MIN: 0, 10 | OPACITY_MAX: 1, 11 | SCALE_MIN: 0.75, 12 | SCALE_MAX: 1, 13 | TRANSLATE_X_BASE: 0, 14 | TRANSLATE_Y_BASE: 0, 15 | COMMA_ENTER_TRANSLATE_X_RATIO: 0.12, 16 | COMMA_EXIT_TRANSLATE_X_RATIO: 0.08, 17 | DIGIT_EXIT_TRANSLATE_X_RATIO: 0.025, 18 | DIGIT_TRANSLATE_Y_RATIO: 0.03, 19 | }; 20 | 21 | type MakeAnimationParams = { 22 | from: number; 23 | to: number; 24 | }; 25 | 26 | export const makeAnimation = ({ 27 | translateX, 28 | translateY, 29 | scale, 30 | opacity, 31 | duration, 32 | }: { 33 | translateX?: MakeAnimationParams; 34 | translateY?: MakeAnimationParams; 35 | scale?: MakeAnimationParams; 36 | opacity?: MakeAnimationParams; 37 | duration: number; 38 | }) => { 39 | return () => { 40 | 'worklet'; 41 | 42 | return { 43 | initialValues: { 44 | transform: [ 45 | ...(translateX ? [{ translateX: translateX.from }] : []), 46 | ...(translateY ? [{ translateY: translateY.from }] : []), 47 | ...(scale ? [{ scale: scale.from }] : []), 48 | ], 49 | ...(opacity ? { opacity: opacity.from } : {}), 50 | }, 51 | animations: { 52 | transform: [ 53 | ...(translateX 54 | ? [ 55 | { 56 | translateX: withTiming(translateX.to, { 57 | duration, 58 | }), 59 | }, 60 | ] 61 | : []), 62 | ...(translateY 63 | ? [ 64 | { 65 | translateY: withTiming(translateY.to, { 66 | duration, 67 | }), 68 | }, 69 | ] 70 | : []), 71 | ...(scale 72 | ? [ 73 | { 74 | scale: withTiming(scale.to, { 75 | duration, 76 | }), 77 | }, 78 | ] 79 | : []), 80 | ], 81 | ...(opacity 82 | ? { 83 | opacity: withTiming(opacity.to, { 84 | duration, 85 | }), 86 | } 87 | : {}), 88 | }, 89 | }; 90 | }; 91 | }; 92 | 93 | export type AnimatedItemAnimateProps = Required< 94 | Pick, 'entering' | 'exiting' | 'layout'> 95 | >; 96 | 97 | export type EnterAnimationConfigCreator = { 98 | [key in AnimatedItemType]: ( 99 | width: number 100 | ) => AnimatedItemAnimateProps['entering']; 101 | }; 102 | 103 | export type EnterAnimationConfig = { 104 | [key in AnimatedItemType]: AnimatedItemAnimateProps['entering']; 105 | }; 106 | 107 | export const defaultInitialEnterAnimationConfig: EnterAnimationConfig = (() => { 108 | const makeSharedElementAnimation = () => 109 | makeAnimation({ 110 | opacity: { 111 | from: AnimationConstants.OPACITY_MIN, 112 | to: AnimationConstants.OPACITY_MAX, 113 | }, 114 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 115 | }); 116 | return { 117 | [AnimatedItemType.FIRST]: makeSharedElementAnimation(), 118 | [AnimatedItemType.COMMA]: makeSharedElementAnimation(), 119 | [AnimatedItemType.DIGIT]: makeSharedElementAnimation(), 120 | [AnimatedItemType.DOT]: makeSharedElementAnimation(), 121 | [AnimatedItemType.PREFIX]: makeSharedElementAnimation(), 122 | [AnimatedItemType.SUFFIX]: makeSharedElementAnimation(), 123 | }; 124 | })(); 125 | 126 | export const defaultEnterAnimationConfigCreator: EnterAnimationConfigCreator = 127 | (() => { 128 | const sharedSimpleAnimation = () => 129 | makeAnimation({ 130 | scale: { 131 | from: AnimationConstants.SCALE_MIN, 132 | to: AnimationConstants.SCALE_MAX, 133 | }, 134 | opacity: { 135 | from: AnimationConstants.OPACITY_MIN, 136 | to: AnimationConstants.OPACITY_MAX, 137 | }, 138 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 139 | }); 140 | const sharedComplexAnimation = (width: number) => 141 | makeAnimation({ 142 | translateY: { 143 | from: Math.floor( 144 | AnimationConstants.DIGIT_TRANSLATE_Y_RATIO * width 145 | ), 146 | to: AnimationConstants.TRANSLATE_Y_BASE, 147 | }, 148 | scale: { 149 | from: AnimationConstants.SCALE_MIN, 150 | to: AnimationConstants.SCALE_MAX, 151 | }, 152 | opacity: { 153 | from: AnimationConstants.OPACITY_MIN, 154 | to: AnimationConstants.OPACITY_MAX, 155 | }, 156 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 157 | }); 158 | return { 159 | [AnimatedItemType.FIRST]: sharedSimpleAnimation, 160 | [AnimatedItemType.PREFIX]: sharedSimpleAnimation, 161 | [AnimatedItemType.SUFFIX]: sharedSimpleAnimation, 162 | [AnimatedItemType.DOT]: sharedComplexAnimation, 163 | [AnimatedItemType.DIGIT]: sharedComplexAnimation, 164 | [AnimatedItemType.COMMA]: (width: number) => 165 | makeAnimation({ 166 | translateX: { 167 | from: Math.floor( 168 | AnimationConstants.COMMA_ENTER_TRANSLATE_X_RATIO * 169 | width 170 | ), 171 | to: AnimationConstants.TRANSLATE_X_BASE, 172 | }, 173 | opacity: { 174 | from: AnimationConstants.OPACITY_MIN, 175 | to: AnimationConstants.OPACITY_MAX, 176 | }, 177 | duration: AnimationConstants.COMMA_ANIMATION_DURATION, 178 | }), 179 | }; 180 | })(); 181 | 182 | export type ExitAnimationConfigCreator = { 183 | [key in AnimatedItemType]: ( 184 | width: number 185 | ) => AnimatedItemAnimateProps['exiting']; 186 | }; 187 | 188 | export type ExitAnimationConfig = { 189 | [key in AnimatedItemType]: AnimatedItemAnimateProps['exiting']; 190 | }; 191 | 192 | export const defaultExitAnimationConfigCreator: ExitAnimationConfigCreator = 193 | (() => { 194 | const sharedSimpleAnimation = () => 195 | makeAnimation({ 196 | scale: { 197 | from: AnimationConstants.SCALE_MAX, 198 | to: AnimationConstants.SCALE_MIN, 199 | }, 200 | opacity: { 201 | from: AnimationConstants.OPACITY_MAX, 202 | to: AnimationConstants.OPACITY_MIN, 203 | }, 204 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 205 | }); 206 | const sharedComplexAnimation = (width: number) => 207 | makeAnimation({ 208 | translateX: { 209 | from: AnimationConstants.TRANSLATE_X_BASE, 210 | to: Math.floor( 211 | AnimationConstants.DIGIT_EXIT_TRANSLATE_X_RATIO * width 212 | ), 213 | }, 214 | translateY: { 215 | from: AnimationConstants.TRANSLATE_Y_BASE, 216 | to: Math.floor( 217 | AnimationConstants.DIGIT_TRANSLATE_Y_RATIO * width 218 | ), 219 | }, 220 | scale: { 221 | from: AnimationConstants.SCALE_MAX, 222 | to: AnimationConstants.SCALE_MIN, 223 | }, 224 | opacity: { 225 | from: AnimationConstants.OPACITY_MAX, 226 | to: AnimationConstants.OPACITY_MIN, 227 | }, 228 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 229 | }); 230 | return { 231 | [AnimatedItemType.FIRST]: sharedSimpleAnimation, 232 | [AnimatedItemType.PREFIX]: sharedSimpleAnimation, 233 | [AnimatedItemType.SUFFIX]: sharedSimpleAnimation, 234 | [AnimatedItemType.DOT]: sharedComplexAnimation, 235 | [AnimatedItemType.DIGIT]: sharedComplexAnimation, 236 | [AnimatedItemType.COMMA]: (width: number) => 237 | makeAnimation({ 238 | translateX: { 239 | from: AnimationConstants.TRANSLATE_X_BASE, 240 | to: Math.floor( 241 | AnimationConstants.COMMA_EXIT_TRANSLATE_X_RATIO * 242 | width 243 | ), 244 | }, 245 | opacity: { 246 | from: AnimationConstants.OPACITY_MAX, 247 | to: AnimationConstants.OPACITY_MIN, 248 | }, 249 | duration: AnimationConstants.COMMA_ANIMATION_DURATION, 250 | }), 251 | }; 252 | })(); 253 | 254 | export type LayoutAnimation = AnimatedItemAnimateProps['layout']; 255 | export const defaultLayoutAnimation: LayoutAnimation = Layout.duration( 256 | AnimationConstants.ELEMENT_ANIMATION_DURATION 257 | ); 258 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | export * from './AnimatedDigits'; 2 | export * from './animations'; 3 | export { AnimatedItem, AnimatedItemType, MakeAnimatedItems } from './item'; 4 | export { AnimatedItemKeyExtractor } from './key'; 5 | -------------------------------------------------------------------------------- /src/item.ts: -------------------------------------------------------------------------------- 1 | import { exactNumberWithCommas } from './utils'; 2 | 3 | export enum AnimatedItemType { 4 | COMMA = 'comma', 5 | DIGIT = 'digit', 6 | DOT = 'dot', 7 | FIRST = 'first', 8 | PREFIX = 'prefix', 9 | SUFFIX = 'suffix', 10 | } 11 | 12 | export type AnimatedItem = ( 13 | | { 14 | type: 15 | | AnimatedItemType.PREFIX 16 | | AnimatedItemType.SUFFIX 17 | | AnimatedItemType.DOT 18 | | AnimatedItemType.FIRST; 19 | } 20 | | { 21 | type: AnimatedItemType.DIGIT | AnimatedItemType.COMMA; 22 | count: number; 23 | } 24 | ) & { value: string }; 25 | 26 | export type MakeAnimatedItems = (value: string) => AnimatedItem[]; 27 | 28 | export const defaultMakeAnimatedItems: MakeAnimatedItems = (value) => { 29 | const valueChars = exactNumberWithCommas(value).split(''); 30 | 31 | if (!valueChars.length) { 32 | return []; 33 | } 34 | 35 | let digitCount = 0; 36 | let commaCount = 0; 37 | return [ 38 | { type: AnimatedItemType.FIRST, value: valueChars[0]! }, 39 | ...valueChars.slice(1).map((c) => { 40 | // There can only be 1 dot 41 | if (c === '.') { 42 | return { type: AnimatedItemType.DOT, value: '.' }; 43 | } 44 | // Commas are identified by ascending order 45 | if (c === ',') { 46 | commaCount += 1; 47 | return { 48 | type: AnimatedItemType.COMMA, 49 | value: ',', 50 | count: commaCount, 51 | }; 52 | } 53 | // Digits are identified by ascending order 54 | digitCount += 1; 55 | return { 56 | type: AnimatedItemType.DIGIT, 57 | value: c, 58 | count: digitCount, 59 | }; 60 | }), 61 | ]; 62 | }; 63 | -------------------------------------------------------------------------------- /src/key.ts: -------------------------------------------------------------------------------- 1 | import { AnimatedItem, AnimatedItemType } from './item'; 2 | 3 | export type AnimatedItemKeyExtractor = (item: AnimatedItem) => React.Key; 4 | 5 | export const defaultItemKeyExtractor: AnimatedItemKeyExtractor = (item) => { 6 | switch (item.type) { 7 | case AnimatedItemType.FIRST: { 8 | return `first-${item.value}`; 9 | } 10 | case AnimatedItemType.COMMA: { 11 | return `comma-${item.count}`; 12 | } 13 | case AnimatedItemType.DIGIT: { 14 | return `digit-${item.count}`; 15 | } 16 | case AnimatedItemType.DOT: { 17 | return 'dot'; 18 | } 19 | case AnimatedItemType.PREFIX: { 20 | return `prefix-${item.value}`; 21 | } 22 | case AnimatedItemType.SUFFIX: { 23 | return `suffix-${item.value}`; 24 | } 25 | } 26 | }; 27 | -------------------------------------------------------------------------------- /src/useAnimatedItems.ts: -------------------------------------------------------------------------------- 1 | import { useMemo, useRef } from 'react'; 2 | import { AnimatedItem, MakeAnimatedItems } from './item'; 3 | 4 | export type AnimatedDigitsProps = { 5 | value: string; 6 | prefix?: string; 7 | suffix?: string; 8 | makeAnimatedItems: MakeAnimatedItems; 9 | }; 10 | 11 | export const useAnimatedItems = ({ 12 | value, 13 | prefix, 14 | suffix, 15 | makeAnimatedItems, 16 | }: AnimatedDigitsProps) => { 17 | const itemsRef = useRef([]); 18 | const items = useMemo(() => { 19 | const items = [ 20 | ...(prefix 21 | ? [ 22 | { 23 | type: 'prefix', 24 | value: prefix, 25 | } as AnimatedItem, 26 | ] 27 | : []), 28 | ...makeAnimatedItems(value), 29 | ...(suffix 30 | ? [ 31 | { 32 | type: 'suffix', 33 | value: suffix, 34 | } as AnimatedItem, 35 | ] 36 | : []), 37 | ]; 38 | itemsRef.current = items; 39 | return items; 40 | }, [makeAnimatedItems, prefix, suffix, value]); 41 | 42 | return { items, itemsRef }; 43 | }; 44 | -------------------------------------------------------------------------------- /src/useInitialRender.ts: -------------------------------------------------------------------------------- 1 | import { useRef, useEffect } from 'react'; 2 | 3 | export const useInitialRender = () => { 4 | const isInitialRender = useRef(true); 5 | 6 | useEffect(() => { 7 | isInitialRender.current = false; 8 | }, []); 9 | 10 | return isInitialRender; 11 | }; 12 | -------------------------------------------------------------------------------- /src/useScaledDigits.ts: -------------------------------------------------------------------------------- 1 | import React, { useRef } from 'react'; 2 | import { useSharedValue, withTiming } from 'react-native-reanimated'; 3 | import { AnimatedItem } from './item'; 4 | import { AnimatedItemKeyExtractor } from './key'; 5 | import { AnimationConstants } from './animations'; 6 | 7 | export type AnimatedDigitsProps = { 8 | itemsRef: React.MutableRefObject; 9 | width: number; 10 | keyExtractor: AnimatedItemKeyExtractor; 11 | }; 12 | 13 | export const useScaledDigits = ({ 14 | itemsRef, 15 | width, 16 | keyExtractor, 17 | }: AnimatedDigitsProps) => { 18 | const sizes = useRef<{ [key: React.Key]: number }>({}); 19 | const scale = useSharedValue(1); 20 | const scales = useRef([]); 21 | 22 | // Measures width of current digits and scales it appropriately to fit max width 23 | const measure = (key: React.Key, digitWidth?: number) => { 24 | // Measure visible digits 25 | if (digitWidth) { 26 | if (sizes.current[key]) { 27 | return; 28 | } 29 | sizes.current[key] = digitWidth; 30 | } else { 31 | delete sizes.current[key]; 32 | } 33 | 34 | // Wait for all new digits to be rendered and measured 35 | if ( 36 | itemsRef.current.length === Object.keys(sizes.current).length && 37 | itemsRef.current.every( 38 | (item) => !!sizes.current[keyExtractor(item)] 39 | ) 40 | ) { 41 | // Calculate the scaled width 42 | const unscaledWidth = itemsRef.current.reduce( 43 | (acc, item) => acc + sizes.current[keyExtractor(item)]!, 44 | 0 45 | ); 46 | const scaledWidth = unscaledWidth * scale.value; 47 | if (scaledWidth > width) { 48 | // Scale the digits down if over the max specified width. The current scale is 49 | // appended to the stack to cache the scale up 50 | scales.current.push(scale.value); 51 | const newScale = scale.value * 0.7; 52 | scale.value = withTiming(newScale, { 53 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 54 | }); 55 | } else if ( 56 | scales.current.length >= 1 && 57 | scaledWidth / 0.7 <= width 58 | ) { 59 | // Scale the digits up if under the previously max scaled width 60 | const previousScale = scales.current.pop()!; 61 | scale.value = withTiming(previousScale, { 62 | duration: AnimationConstants.ELEMENT_ANIMATION_DURATION, 63 | }); 64 | } 65 | } 66 | }; 67 | 68 | return { scale, measure }; 69 | }; 70 | -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- 1 | import { Dimensions } from 'react-native'; 2 | 3 | export const SCREEN_WIDTH = Dimensions.get('window').width; 4 | 5 | export const exactNumberWithCommas = (x: string) => { 6 | 'worklet'; 7 | 8 | const hasDot = x.indexOf('.') !== -1; 9 | const parts = x.split('.'); 10 | 11 | return ( 12 | (parts?.[0]?.replace(/\B(?=(\d{3})+(?!\d))/g, ',') || '') + 13 | (hasDot ? `.${parts[1] ? parts[1] : ''}` : '') 14 | ); 15 | }; 16 | -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "exclude": ["exampleBare"] 4 | } 5 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "./", 4 | "paths": { 5 | "react-native-animated-digits": ["./src/index"] 6 | }, 7 | "allowUnreachableCode": false, 8 | "allowUnusedLabels": false, 9 | "esModuleInterop": true, 10 | "forceConsistentCasingInFileNames": true, 11 | "jsx": "react", 12 | "lib": ["esnext"], 13 | "module": "esnext", 14 | "moduleResolution": "node", 15 | "noFallthroughCasesInSwitch": true, 16 | "noImplicitReturns": true, 17 | "noImplicitUseStrict": false, 18 | "noStrictGenericChecks": false, 19 | "noUncheckedIndexedAccess": true, 20 | "noUnusedLocals": true, 21 | "noUnusedParameters": true, 22 | "resolveJsonModule": true, 23 | "skipLibCheck": true, 24 | "strict": true, 25 | "target": "esnext" 26 | }, 27 | "exclude": ["exampleBare"] 28 | } 29 | --------------------------------------------------------------------------------