├── .buckconfig ├── .bundle └── config ├── .eslintrc.js ├── .github └── workflows │ └── npm-publish.yml ├── .gitignore ├── .prettierrc.js ├── .ruby-version ├── .watchmanconfig ├── App.tsx ├── Gemfile ├── README.md ├── __tests__ └── App-test.tsx ├── android ├── app │ ├── BUCK │ ├── build.gradle │ ├── build_defs.bzl │ ├── debug.keystore │ ├── proguard-rules.pro │ └── src │ │ ├── debug │ │ ├── AndroidManifest.xml │ │ └── java │ │ │ └── com │ │ │ └── gradientborder │ │ │ └── ReactNativeFlipper.java │ │ └── main │ │ ├── AndroidManifest.xml │ │ ├── java │ │ └── com │ │ │ └── gradientborder │ │ │ ├── MainActivity.java │ │ │ ├── MainApplication.java │ │ │ └── newarchitecture │ │ │ ├── MainApplicationReactNativeHost.java │ │ │ ├── components │ │ │ └── MainComponentsRegistry.java │ │ │ └── modules │ │ │ └── MainApplicationTurboModuleManagerDelegate.java │ │ ├── jni │ │ ├── Android.mk │ │ ├── MainApplicationModuleProvider.cpp │ │ ├── MainApplicationModuleProvider.h │ │ ├── MainApplicationTurboModuleManagerDelegate.cpp │ │ ├── MainApplicationTurboModuleManagerDelegate.h │ │ ├── MainComponentsRegistry.cpp │ │ ├── MainComponentsRegistry.h │ │ └── OnLoad.cpp │ │ └── res │ │ ├── drawable │ │ └── rn_edit_text_material.xml │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ └── values │ │ ├── strings.xml │ │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle ├── app.json ├── babel.config.js ├── background.jpg ├── example1.png ├── giraffe.png ├── index.js ├── ios ├── .xcode.env ├── GradientBorder.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ │ └── xcschemes │ │ └── GradientBorder.xcscheme ├── GradientBorder.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ └── IDEWorkspaceChecks.plist ├── GradientBorder │ ├── AppDelegate.h │ ├── AppDelegate.mm │ ├── Images.xcassets │ │ ├── AppIcon.appiconset │ │ │ └── Contents.json │ │ └── Contents.json │ ├── Info.plist │ ├── LaunchScreen.storyboard │ └── main.m ├── GradientBorderTests │ ├── GradientBorderTests.m │ └── Info.plist ├── Podfile └── Podfile.lock ├── metro.config.js ├── package.json ├── package ├── .npmignore ├── README.md ├── index.ts ├── package.json ├── src │ └── components │ │ ├── GradientBorder.tsx │ │ └── GradientBorderView.tsx └── yarn.lock ├── tsconfig.json └── yarn.lock /.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /.bundle/config: -------------------------------------------------------------------------------- 1 | BUNDLE_PATH: "vendor/bundle" 2 | BUNDLE_FORCE_RUBY_PLATFORM: 1 3 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | parser: '@typescript-eslint/parser', 5 | plugins: ['@typescript-eslint'], 6 | overrides: [ 7 | { 8 | files: ['*.ts', '*.tsx'], 9 | rules: { 10 | '@typescript-eslint/no-shadow': ['error'], 11 | 'no-shadow': 'off', 12 | 'no-undef': 'off', 13 | }, 14 | }, 15 | ], 16 | }; 17 | -------------------------------------------------------------------------------- /.github/workflows/npm-publish.yml: -------------------------------------------------------------------------------- 1 | name: Publish NPM Package 2 | 3 | on: 4 | release: 5 | types: [published] 6 | 7 | jobs: 8 | publish-npm: 9 | runs-on: ubuntu-latest 10 | steps: 11 | - uses: actions/checkout@v3 12 | - uses: actions/setup-node@v3 13 | with: 14 | node-version: 16 15 | registry-url: https://registry.npmjs.org/ 16 | - name: Setup git config 17 | run: | 18 | git config user.name "GitHub Actions Bot" 19 | git config user.email "<>" 20 | - name: Publish with yarn 21 | run: yarn publish package --new-version ${{ github.event.release.tag_name }} 22 | env: 23 | NODE_AUTH_TOKEN: ${{secrets.npm_token}} 24 | -------------------------------------------------------------------------------- /.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 | 34 | # node.js 35 | # 36 | node_modules/ 37 | npm-debug.log 38 | yarn-error.log 39 | 40 | # BUCK 41 | buck-out/ 42 | \.buckd/ 43 | *.keystore 44 | !debug.keystore 45 | 46 | # fastlane 47 | # 48 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 49 | # screenshots whenever they are needed. 50 | # For more information about the recommended setup visit: 51 | # https://docs.fastlane.tools/best-practices/source-control/ 52 | 53 | **/fastlane/report.xml 54 | **/fastlane/Preview.html 55 | **/fastlane/screenshots 56 | **/fastlane/test_output 57 | 58 | # Bundle artifact 59 | *.jsbundle 60 | 61 | # Ruby / CocoaPods 62 | /ios/Pods/ 63 | /vendor/bundle/ 64 | 65 | # Dev 66 | .vscode/ 67 | push 68 | .npmrc 69 | # @generated expo-cli sync-e7dcf75f4e856f7b6f3239b3f3a7dd614ee755a8 70 | # The following patterns were generated by expo-cli 71 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | arrowParens: 'avoid', 3 | bracketSameLine: true, 4 | bracketSpacing: false, 5 | singleQuote: true, 6 | trailingComma: 'all', 7 | }; 8 | -------------------------------------------------------------------------------- /.ruby-version: -------------------------------------------------------------------------------- 1 | 2.7.5 2 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /App.tsx: -------------------------------------------------------------------------------- 1 | import MaskedView from '@react-native-masked-view/masked-view'; 2 | import {LinearGradient} from 'react-native-linear-gradient'; 3 | import {range} from 'lodash'; 4 | import React from 'react'; 5 | import { 6 | ImageBackground, 7 | ScrollView, 8 | StyleSheet, 9 | Text, 10 | View, 11 | ViewProps, 12 | } from 'react-native'; 13 | import {GradientBorderView} from './package/index'; 14 | 15 | function Giraffe() { 16 | return ( 17 | 21 | 26 | 27 | }> 28 | 33 | 34 | ); 35 | } 36 | export function FadeOutTopView({ 37 | fadeHeight = 100, 38 | ...props 39 | }: ViewProps & {fadeHeight?: number}) { 40 | return ( 41 | 45 | 55 | 65 | 66 | } 67 | {...props} 68 | /> 69 | ); 70 | } 71 | 72 | function FadeOut() { 73 | return ( 74 | 75 | 82 | A Fade Effect 83 | 84 | 85 | 86 | {range(10).map(e => ( 87 | 98 | 103 | Title 104 | 105 | 106 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 107 | eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut 108 | enim ad minim veniam, quis nostrud exercitation ullamco laboris 109 | nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor 110 | in reprehenderit in voluptate velit esse cillum dolore eu fugiat 111 | nulla pariatur. 112 | 113 | 114 | ))} 115 | 116 | 117 | 118 | ); 119 | } 120 | 121 | const App = () => { 122 | return ( 123 | 130 | {/* 133 | 138 | 141 | */} 142 | {/* */} 143 | {/* */} 154 | {/* 175 | 179 | Cool! 180 | 181 | */} 182 | 183 | 194 | {/* */} 203 | 204 | ); 205 | }; 206 | 207 | export default App; 208 | -------------------------------------------------------------------------------- /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.7.5' 5 | 6 | gem 'cocoapods', '~> 1.11', '>= 1.11.2' 7 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 🤯 Actual Gradient Borders in React Native 🤯 2 | ![banner](https://user-images.githubusercontent.com/12774588/187088570-5463dd82-6870-41a1-8b8a-6f6aa8c3f74c.png) 3 | ## Features 4 | - Easily create views with gradient borders 5 | - Supports any background (including transparent) 6 | - Uses same style properties as `` 7 | - borderWidth, borderRadius, borderLeftWidth, borderTopRightRadius etc. 8 | - Exposes `react-native-linear-gradient` props to allow full customization of gradient 9 | - Great typesafety to prevent potential usage issues 10 | 11 | [API Reference](#api-reference) 12 | 13 | ## Not Maintained 14 | This library is not being actively maintained. 15 | 16 | ## Installation 17 | Install package and peer dependencies: 18 | 19 | ```sh 20 | yarn add @good-react-native/gradient-border @react-native-masked-view/masked-view react-native-linear-gradient 21 | ``` 22 | 23 | Then install pods (iOS): 24 | 25 | ```sh 26 | cd ios && pod install 27 | ``` 28 | 29 | ## Usage 30 | `` works just like a regular view, except it has an additional required prop called `gradientProps`, which are the props that will get passed to the ``: 31 | ```jsx 32 | 43 | ``` 44 | 45 | ![Screen Shot 2022-08-28 at 10 34 13 AM](https://user-images.githubusercontent.com/12774588/187088606-53acce3f-41c2-4536-8e18-8f8c4b3506a7.png) 46 | 47 | Note we just use the views border styles to control things like border width, border radius, etc. All border styles are supported (`borderTopWidth`, `borderBottomLeftRadius`, etc). 48 | 49 | If you don't pass a border width there will be no gradient border shown. 50 | 51 | `colors` is the only required property to pass to `gradientProps`, but there are other props for customizing the gradient. If you want more information on how to modify the gradient itself, [check out the docs.](https://github.com/react-native-linear-gradient/react-native-linear-gradient/) (it's good). 52 | 53 | ### Differences with `` 54 | #### Absolute positioning 55 | One difference between the `` and a regular `` border is that when applying a border to a regular view, any absolute positioned child components will take into account the border width. It doesn't seem like there's any way to mimic this behavior in our ``. One solution is to wrap the inner view with an extra ``: 56 | 57 | ```jsx 58 | 69 | 72 | 82 | 83 | 84 | ``` 85 | 86 | #### Percentage padding 87 | `` applies its own padding internally to compensate for the border width. Since that padding is combined with the developers padding, we can't support percentage based padding. 88 | 89 | # API Reference 90 | ## `GradientBorderView` Props 91 | `` support all props that `React Native`'s view supports, but uses a modified version of the `style` prop. Specifically, the modified style prop does not accept any of the `borderColor` props, and only accepts `number` padding values. 92 | 93 | Additionally, it has the following props: 94 | | **Props** | **Description** | **Type** | **Required** | 95 | |---------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------|--------------| 96 | | gradientProps | Props to be passed to the `` from [`react-native-linear-gradient`](https://github.com/react-native-linear-gradient/react-native-linear-gradient).
Requires at least a `colors` property. Supports all `LinearGradient` props except `style` and `pointerEvents`. | GradientProps | Yes | 97 | -------------------------------------------------------------------------------- /__tests__/App-test.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import 'react-native'; 6 | import React from 'react'; 7 | import App from '../App'; 8 | 9 | // Note: test renderer must be required after react-native. 10 | import renderer from 'react-test-renderer'; 11 | 12 | it('renders correctly', () => { 13 | renderer.create(); 14 | }); 15 | -------------------------------------------------------------------------------- /android/app/BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | load(":build_defs.bzl", "create_aar_targets", "create_jar_targets") 12 | 13 | lib_deps = [] 14 | 15 | create_aar_targets(glob(["libs/*.aar"])) 16 | 17 | create_jar_targets(glob(["libs/*.jar"])) 18 | 19 | android_library( 20 | name = "all-libs", 21 | exported_deps = lib_deps, 22 | ) 23 | 24 | android_library( 25 | name = "app-code", 26 | srcs = glob([ 27 | "src/main/java/**/*.java", 28 | ]), 29 | deps = [ 30 | ":all-libs", 31 | ":build_config", 32 | ":res", 33 | ], 34 | ) 35 | 36 | android_build_config( 37 | name = "build_config", 38 | package = "com.gradientborder", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.gradientborder", 44 | res = "src/main/res", 45 | ) 46 | 47 | android_binary( 48 | name = "app", 49 | keystore = "//android/keystores:debug", 50 | manifest = "src/main/AndroidManifest.xml", 51 | package_type = "debug", 52 | deps = [ 53 | ":app-code", 54 | ], 55 | ) 56 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation. If none specified and 19 | * // "index.android.js" exists, it will be used. Otherwise "index.js" is 20 | * // default. Can be overridden with ENTRY_FILE environment variable. 21 | * entryFile: "index.android.js", 22 | * 23 | * // https://reactnative.dev/docs/performance#enable-the-ram-format 24 | * bundleCommand: "ram-bundle", 25 | * 26 | * // whether to bundle JS and assets in debug mode 27 | * bundleInDebug: false, 28 | * 29 | * // whether to bundle JS and assets in release mode 30 | * bundleInRelease: true, 31 | * 32 | * // whether to bundle JS and assets in another build variant (if configured). 33 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 34 | * // The configuration property can be in the following formats 35 | * // 'bundleIn${productFlavor}${buildType}' 36 | * // 'bundleIn${buildType}' 37 | * // bundleInFreeDebug: true, 38 | * // bundleInPaidRelease: true, 39 | * // bundleInBeta: true, 40 | * 41 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 42 | * // for example: to disable dev mode in the staging build type (if configured) 43 | * devDisabledInStaging: true, 44 | * // The configuration property can be in the following formats 45 | * // 'devDisabledIn${productFlavor}${buildType}' 46 | * // 'devDisabledIn${buildType}' 47 | * 48 | * // the root of your project, i.e. where "package.json" lives 49 | * root: "../../", 50 | * 51 | * // where to put the JS bundle asset in debug mode 52 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 53 | * 54 | * // where to put the JS bundle asset in release mode 55 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 56 | * 57 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 58 | * // require('./image.png')), in debug mode 59 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 60 | * 61 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 62 | * // require('./image.png')), in release mode 63 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 64 | * 65 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 66 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 67 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 68 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 69 | * // for example, you might want to remove it from here. 70 | * inputExcludes: ["android/**", "ios/**"], 71 | * 72 | * // override which node gets called and with what additional arguments 73 | * nodeExecutableAndArgs: ["node"], 74 | * 75 | * // supply additional arguments to the packager 76 | * extraPackagerArgs: [] 77 | * ] 78 | */ 79 | 80 | project.ext.react = [ 81 | enableHermes: false, // clean and rebuild if changing 82 | ] 83 | 84 | apply from: "../../node_modules/react-native/react.gradle" 85 | 86 | /** 87 | * Set this to true to create two separate APKs instead of one: 88 | * - An APK that only works on ARM devices 89 | * - An APK that only works on x86 devices 90 | * The advantage is the size of the APK is reduced by about 4MB. 91 | * Upload all the APKs to the Play Store and people will download 92 | * the correct one based on the CPU architecture of their device. 93 | */ 94 | def enableSeparateBuildPerCPUArchitecture = false 95 | 96 | /** 97 | * Run Proguard to shrink the Java bytecode in release builds. 98 | */ 99 | def enableProguardInReleaseBuilds = false 100 | 101 | /** 102 | * The preferred build flavor of JavaScriptCore. 103 | * 104 | * For example, to use the international variant, you can use: 105 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 106 | * 107 | * The international variant includes ICU i18n library and necessary data 108 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 109 | * give correct results when using with locales other than en-US. Note that 110 | * this variant is about 6MiB larger per architecture than default. 111 | */ 112 | def jscFlavor = 'org.webkit:android-jsc:+' 113 | 114 | /** 115 | * Whether to enable the Hermes VM. 116 | * 117 | * This should be set on project.ext.react and that value will be read here. If it is not set 118 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 119 | * and the benefits of using Hermes will therefore be sharply reduced. 120 | */ 121 | def enableHermes = project.ext.react.get("enableHermes", false); 122 | 123 | /** 124 | * Architectures to build native code for. 125 | */ 126 | def reactNativeArchitectures() { 127 | def value = project.getProperties().get("reactNativeArchitectures") 128 | return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"] 129 | } 130 | 131 | android { 132 | ndkVersion rootProject.ext.ndkVersion 133 | 134 | compileSdkVersion rootProject.ext.compileSdkVersion 135 | 136 | defaultConfig { 137 | applicationId "com.gradientborder" 138 | minSdkVersion rootProject.ext.minSdkVersion 139 | targetSdkVersion rootProject.ext.targetSdkVersion 140 | versionCode 1 141 | versionName "1.0" 142 | buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString() 143 | 144 | if (isNewArchitectureEnabled()) { 145 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 146 | externalNativeBuild { 147 | ndkBuild { 148 | arguments "APP_PLATFORM=android-21", 149 | "APP_STL=c++_shared", 150 | "NDK_TOOLCHAIN_VERSION=clang", 151 | "GENERATED_SRC_DIR=$buildDir/generated/source", 152 | "PROJECT_BUILD_DIR=$buildDir", 153 | "REACT_ANDROID_DIR=$rootDir/../node_modules/react-native/ReactAndroid", 154 | "REACT_ANDROID_BUILD_DIR=$rootDir/../node_modules/react-native/ReactAndroid/build", 155 | "NODE_MODULES_DIR=$rootDir/../node_modules" 156 | cFlags "-Wall", "-Werror", "-fexceptions", "-frtti", "-DWITH_INSPECTOR=1" 157 | cppFlags "-std=c++17" 158 | // Make sure this target name is the same you specify inside the 159 | // src/main/jni/Android.mk file for the `LOCAL_MODULE` variable. 160 | targets "gradientborder_appmodules" 161 | } 162 | } 163 | if (!enableSeparateBuildPerCPUArchitecture) { 164 | ndk { 165 | abiFilters (*reactNativeArchitectures()) 166 | } 167 | } 168 | } 169 | } 170 | 171 | if (isNewArchitectureEnabled()) { 172 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 173 | externalNativeBuild { 174 | ndkBuild { 175 | path "$projectDir/src/main/jni/Android.mk" 176 | } 177 | } 178 | def reactAndroidProjectDir = project(':ReactAndroid').projectDir 179 | def packageReactNdkDebugLibs = tasks.register("packageReactNdkDebugLibs", Copy) { 180 | dependsOn(":ReactAndroid:packageReactNdkDebugLibsForBuck") 181 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 182 | into("$buildDir/react-ndk/exported") 183 | } 184 | def packageReactNdkReleaseLibs = tasks.register("packageReactNdkReleaseLibs", Copy) { 185 | dependsOn(":ReactAndroid:packageReactNdkReleaseLibsForBuck") 186 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 187 | into("$buildDir/react-ndk/exported") 188 | } 189 | afterEvaluate { 190 | // If you wish to add a custom TurboModule or component locally, 191 | // you should uncomment this line. 192 | // preBuild.dependsOn("generateCodegenArtifactsFromSchema") 193 | preDebugBuild.dependsOn(packageReactNdkDebugLibs) 194 | preReleaseBuild.dependsOn(packageReactNdkReleaseLibs) 195 | 196 | // Due to a bug inside AGP, we have to explicitly set a dependency 197 | // between configureNdkBuild* tasks and the preBuild tasks. 198 | // This can be removed once this is solved: https://issuetracker.google.com/issues/207403732 199 | configureNdkBuildRelease.dependsOn(preReleaseBuild) 200 | configureNdkBuildDebug.dependsOn(preDebugBuild) 201 | reactNativeArchitectures().each { architecture -> 202 | tasks.findByName("configureNdkBuildDebug[${architecture}]")?.configure { 203 | dependsOn("preDebugBuild") 204 | } 205 | tasks.findByName("configureNdkBuildRelease[${architecture}]")?.configure { 206 | dependsOn("preReleaseBuild") 207 | } 208 | } 209 | } 210 | } 211 | 212 | splits { 213 | abi { 214 | reset() 215 | enable enableSeparateBuildPerCPUArchitecture 216 | universalApk false // If true, also generate a universal APK 217 | include (*reactNativeArchitectures()) 218 | } 219 | } 220 | signingConfigs { 221 | debug { 222 | storeFile file('debug.keystore') 223 | storePassword 'android' 224 | keyAlias 'androiddebugkey' 225 | keyPassword 'android' 226 | } 227 | } 228 | buildTypes { 229 | debug { 230 | signingConfig signingConfigs.debug 231 | } 232 | release { 233 | // Caution! In production, you need to generate your own keystore file. 234 | // see https://reactnative.dev/docs/signed-apk-android. 235 | signingConfig signingConfigs.debug 236 | minifyEnabled enableProguardInReleaseBuilds 237 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 238 | } 239 | } 240 | 241 | // applicationVariants are e.g. debug, release 242 | applicationVariants.all { variant -> 243 | variant.outputs.each { output -> 244 | // For each separate APK per architecture, set a unique version code as described here: 245 | // https://developer.android.com/studio/build/configure-apk-splits.html 246 | // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. 247 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 248 | def abi = output.getFilter(OutputFile.ABI) 249 | if (abi != null) { // null for the universal-debug, universal-release variants 250 | output.versionCodeOverride = 251 | defaultConfig.versionCode * 1000 + versionCodes.get(abi) 252 | } 253 | 254 | } 255 | } 256 | } 257 | 258 | dependencies { 259 | implementation fileTree(dir: "libs", include: ["*.jar"]) 260 | 261 | //noinspection GradleDynamicVersion 262 | implementation "com.facebook.react:react-native:+" // From node_modules 263 | 264 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" 265 | 266 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 267 | exclude group:'com.facebook.fbjni' 268 | } 269 | 270 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 271 | exclude group:'com.facebook.flipper' 272 | exclude group:'com.squareup.okhttp3', module:'okhttp' 273 | } 274 | 275 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 276 | exclude group:'com.facebook.flipper' 277 | } 278 | 279 | if (enableHermes) { 280 | //noinspection GradleDynamicVersion 281 | implementation("com.facebook.react:hermes-engine:+") { // From node_modules 282 | exclude group:'com.facebook.fbjni' 283 | } 284 | } else { 285 | implementation jscFlavor 286 | } 287 | } 288 | 289 | if (isNewArchitectureEnabled()) { 290 | // If new architecture is enabled, we let you build RN from source 291 | // Otherwise we fallback to a prebuilt .aar bundled in the NPM package. 292 | // This will be applied to all the imported transtitive dependency. 293 | configurations.all { 294 | resolutionStrategy.dependencySubstitution { 295 | substitute(module("com.facebook.react:react-native")) 296 | .using(project(":ReactAndroid")) 297 | .because("On New Architecture we're building React Native from source") 298 | substitute(module("com.facebook.react:hermes-engine")) 299 | .using(project(":ReactAndroid:hermes-engine")) 300 | .because("On New Architecture we're building Hermes from source") 301 | } 302 | } 303 | } 304 | 305 | // Run this once to be able to run the application with BUCK 306 | // puts all compile dependencies into folder libs for BUCK to use 307 | task copyDownloadableDepsToLibs(type: Copy) { 308 | from configurations.implementation 309 | into 'libs' 310 | } 311 | 312 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) 313 | 314 | def isNewArchitectureEnabled() { 315 | // To opt-in for the New Architecture, you can either: 316 | // - Set `newArchEnabled` to true inside the `gradle.properties` file 317 | // - Invoke gradle with `-newArchEnabled=true` 318 | // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true` 319 | return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true" 320 | } 321 | -------------------------------------------------------------------------------- /android/app/build_defs.bzl: -------------------------------------------------------------------------------- 1 | """Helper definitions to glob .aar and .jar targets""" 2 | 3 | def create_aar_targets(aarfiles): 4 | for aarfile in aarfiles: 5 | name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")] 6 | lib_deps.append(":" + name) 7 | android_prebuilt_aar( 8 | name = name, 9 | aar = aarfile, 10 | ) 11 | 12 | def create_jar_targets(jarfiles): 13 | for jarfile in jarfiles: 14 | name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")] 15 | lib_deps.append(":" + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | -------------------------------------------------------------------------------- /android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/debug.keystore -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /android/app/src/debug/java/com/gradientborder/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.gradientborder; 8 | 9 | import android.content.Context; 10 | import com.facebook.flipper.android.AndroidFlipperClient; 11 | import com.facebook.flipper.android.utils.FlipperUtils; 12 | import com.facebook.flipper.core.FlipperClient; 13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin; 14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin; 15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin; 16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping; 17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin; 18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor; 19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin; 20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin; 21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin; 22 | import com.facebook.react.ReactInstanceEventListener; 23 | import com.facebook.react.ReactInstanceManager; 24 | import com.facebook.react.bridge.ReactContext; 25 | import com.facebook.react.modules.network.NetworkingModule; 26 | import okhttp3.OkHttpClient; 27 | 28 | public class ReactNativeFlipper { 29 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 30 | if (FlipperUtils.shouldEnableFlipper(context)) { 31 | final FlipperClient client = AndroidFlipperClient.getInstance(context); 32 | 33 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 34 | client.addPlugin(new ReactFlipperPlugin()); 35 | client.addPlugin(new DatabasesFlipperPlugin(context)); 36 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 37 | client.addPlugin(CrashReporterPlugin.getInstance()); 38 | 39 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 40 | NetworkingModule.setCustomClientBuilder( 41 | new NetworkingModule.CustomClientBuilder() { 42 | @Override 43 | public void apply(OkHttpClient.Builder builder) { 44 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 45 | } 46 | }); 47 | client.addPlugin(networkFlipperPlugin); 48 | client.start(); 49 | 50 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 51 | // Hence we run if after all native modules have been initialized 52 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 53 | if (reactContext == null) { 54 | reactInstanceManager.addReactInstanceEventListener( 55 | new ReactInstanceEventListener() { 56 | @Override 57 | public void onReactContextInitialized(ReactContext reactContext) { 58 | reactInstanceManager.removeReactInstanceEventListener(this); 59 | reactContext.runOnNativeModulesQueueThread( 60 | new Runnable() { 61 | @Override 62 | public void run() { 63 | client.addPlugin(new FrescoFlipperPlugin()); 64 | } 65 | }); 66 | } 67 | }); 68 | } else { 69 | client.addPlugin(new FrescoFlipperPlugin()); 70 | } 71 | } 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 13 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /android/app/src/main/java/com/gradientborder/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.gradientborder; 2 | 3 | import com.facebook.react.ReactActivity; 4 | import com.facebook.react.ReactActivityDelegate; 5 | import com.facebook.react.ReactRootView; 6 | 7 | public class MainActivity extends ReactActivity { 8 | 9 | /** 10 | * Returns the name of the main component registered from JavaScript. This is used to schedule 11 | * rendering of the component. 12 | */ 13 | @Override 14 | protected String getMainComponentName() { 15 | return "GradientBorder"; 16 | } 17 | 18 | /** 19 | * Returns the instance of the {@link ReactActivityDelegate}. There the RootView is created and 20 | * you can specify the renderer you wish to use - the new renderer (Fabric) or the old renderer 21 | * (Paper). 22 | */ 23 | @Override 24 | protected ReactActivityDelegate createReactActivityDelegate() { 25 | return new MainActivityDelegate(this, getMainComponentName()); 26 | } 27 | 28 | public static class MainActivityDelegate extends ReactActivityDelegate { 29 | public MainActivityDelegate(ReactActivity activity, String mainComponentName) { 30 | super(activity, mainComponentName); 31 | } 32 | 33 | @Override 34 | protected ReactRootView createRootView() { 35 | ReactRootView reactRootView = new ReactRootView(getContext()); 36 | // If you opted-in for the New Architecture, we enable the Fabric Renderer. 37 | reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED); 38 | return reactRootView; 39 | } 40 | 41 | @Override 42 | protected boolean isConcurrentRootEnabled() { 43 | // If you opted-in for the New Architecture, we enable Concurrent Root (i.e. React 18). 44 | // More on this on https://reactjs.org/blog/2022/03/29/react-v18.html 45 | return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /android/app/src/main/java/com/gradientborder/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.gradientborder; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.config.ReactFeatureFlags; 11 | import com.facebook.soloader.SoLoader; 12 | import com.gradientborder.newarchitecture.MainApplicationReactNativeHost; 13 | import java.lang.reflect.InvocationTargetException; 14 | import java.util.List; 15 | 16 | public class MainApplication extends Application implements ReactApplication { 17 | 18 | private final ReactNativeHost mReactNativeHost = 19 | new ReactNativeHost(this) { 20 | @Override 21 | public boolean getUseDeveloperSupport() { 22 | return BuildConfig.DEBUG; 23 | } 24 | 25 | @Override 26 | protected List getPackages() { 27 | @SuppressWarnings("UnnecessaryLocalVariable") 28 | List packages = new PackageList(this).getPackages(); 29 | // Packages that cannot be autolinked yet can be added manually here, for example: 30 | // packages.add(new MyReactNativePackage()); 31 | return packages; 32 | } 33 | 34 | @Override 35 | protected String getJSMainModuleName() { 36 | return "index"; 37 | } 38 | }; 39 | 40 | private final ReactNativeHost mNewArchitectureNativeHost = 41 | new MainApplicationReactNativeHost(this); 42 | 43 | @Override 44 | public ReactNativeHost getReactNativeHost() { 45 | if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { 46 | return mNewArchitectureNativeHost; 47 | } else { 48 | return mReactNativeHost; 49 | } 50 | } 51 | 52 | @Override 53 | public void onCreate() { 54 | super.onCreate(); 55 | // If you opted-in for the New Architecture, we enable the TurboModule system 56 | ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 57 | SoLoader.init(this, /* native exopackage */ false); 58 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 59 | } 60 | 61 | /** 62 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like 63 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 64 | * 65 | * @param context 66 | * @param reactInstanceManager 67 | */ 68 | private static void initializeFlipper( 69 | Context context, ReactInstanceManager reactInstanceManager) { 70 | if (BuildConfig.DEBUG) { 71 | try { 72 | /* 73 | We use reflection here to pick up the class that initializes Flipper, 74 | since Flipper library is not available in release mode 75 | */ 76 | Class aClass = Class.forName("com.gradientborder.ReactNativeFlipper"); 77 | aClass 78 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 79 | .invoke(null, context, reactInstanceManager); 80 | } catch (ClassNotFoundException e) { 81 | e.printStackTrace(); 82 | } catch (NoSuchMethodException e) { 83 | e.printStackTrace(); 84 | } catch (IllegalAccessException e) { 85 | e.printStackTrace(); 86 | } catch (InvocationTargetException e) { 87 | e.printStackTrace(); 88 | } 89 | } 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /android/app/src/main/java/com/gradientborder/newarchitecture/MainApplicationReactNativeHost.java: -------------------------------------------------------------------------------- 1 | package com.gradientborder.newarchitecture; 2 | 3 | import android.app.Application; 4 | import androidx.annotation.NonNull; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactInstanceManager; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 10 | import com.facebook.react.bridge.JSIModulePackage; 11 | import com.facebook.react.bridge.JSIModuleProvider; 12 | import com.facebook.react.bridge.JSIModuleSpec; 13 | import com.facebook.react.bridge.JSIModuleType; 14 | import com.facebook.react.bridge.JavaScriptContextHolder; 15 | import com.facebook.react.bridge.ReactApplicationContext; 16 | import com.facebook.react.bridge.UIManager; 17 | import com.facebook.react.fabric.ComponentFactory; 18 | import com.facebook.react.fabric.CoreComponentsRegistry; 19 | import com.facebook.react.fabric.FabricJSIModuleProvider; 20 | import com.facebook.react.fabric.ReactNativeConfig; 21 | import com.facebook.react.uimanager.ViewManagerRegistry; 22 | import com.gradientborder.BuildConfig; 23 | import com.gradientborder.newarchitecture.components.MainComponentsRegistry; 24 | import com.gradientborder.newarchitecture.modules.MainApplicationTurboModuleManagerDelegate; 25 | import java.util.ArrayList; 26 | import java.util.List; 27 | 28 | /** 29 | * A {@link ReactNativeHost} that helps you load everything needed for the New Architecture, both 30 | * TurboModule delegates and the Fabric Renderer. 31 | * 32 | *

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

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

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 16 | * `newArchEnabled` property). Is ignored otherwise. 17 | */ 18 | public class MainApplicationTurboModuleManagerDelegate 19 | extends ReactPackageTurboModuleManagerDelegate { 20 | 21 | private static volatile boolean sIsSoLibraryLoaded; 22 | 23 | protected MainApplicationTurboModuleManagerDelegate( 24 | ReactApplicationContext reactApplicationContext, List packages) { 25 | super(reactApplicationContext, packages); 26 | } 27 | 28 | protected native HybridData initHybrid(); 29 | 30 | native boolean canCreateTurboModule(String moduleName); 31 | 32 | public static class Builder extends ReactPackageTurboModuleManagerDelegate.Builder { 33 | protected MainApplicationTurboModuleManagerDelegate build( 34 | ReactApplicationContext context, List packages) { 35 | return new MainApplicationTurboModuleManagerDelegate(context, packages); 36 | } 37 | } 38 | 39 | @Override 40 | protected synchronized void maybeLoadOtherSoLibraries() { 41 | if (!sIsSoLibraryLoaded) { 42 | // If you change the name of your application .so file in the Android.mk file, 43 | // make sure you update the name here as well. 44 | SoLoader.loadLibrary("gradientborder_appmodules"); 45 | sIsSoLibraryLoaded = true; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /android/app/src/main/jni/Android.mk: -------------------------------------------------------------------------------- 1 | THIS_DIR := $(call my-dir) 2 | 3 | include $(REACT_ANDROID_DIR)/Android-prebuilt.mk 4 | 5 | # If you wish to add a custom TurboModule or Fabric component in your app you 6 | # will have to include the following autogenerated makefile. 7 | # include $(GENERATED_SRC_DIR)/codegen/jni/Android.mk 8 | include $(CLEAR_VARS) 9 | 10 | LOCAL_PATH := $(THIS_DIR) 11 | 12 | # You can customize the name of your application .so file here. 13 | LOCAL_MODULE := gradientborder_appmodules 14 | 15 | LOCAL_C_INCLUDES := $(LOCAL_PATH) 16 | LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp) 17 | LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH) 18 | 19 | # If you wish to add a custom TurboModule or Fabric component in your app you 20 | # will have to uncomment those lines to include the generated source 21 | # files from the codegen (placed in $(GENERATED_SRC_DIR)/codegen/jni) 22 | # 23 | # LOCAL_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 24 | # LOCAL_SRC_FILES += $(wildcard $(GENERATED_SRC_DIR)/codegen/jni/*.cpp) 25 | # LOCAL_EXPORT_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 26 | 27 | # Here you should add any native library you wish to depend on. 28 | LOCAL_SHARED_LIBRARIES := \ 29 | libfabricjni \ 30 | libfbjni \ 31 | libfolly_runtime \ 32 | libglog \ 33 | libjsi \ 34 | libreact_codegen_rncore \ 35 | libreact_debug \ 36 | libreact_nativemodule_core \ 37 | libreact_render_componentregistry \ 38 | libreact_render_core \ 39 | libreact_render_debug \ 40 | libreact_render_graphics \ 41 | librrc_view \ 42 | libruntimeexecutor \ 43 | libturbomodulejsijni \ 44 | libyoga 45 | 46 | LOCAL_CFLAGS := -DLOG_TAG=\"ReactNative\" -fexceptions -frtti -std=c++17 -Wall 47 | 48 | include $(BUILD_SHARED_LIBRARY) 49 | -------------------------------------------------------------------------------- /android/app/src/main/jni/MainApplicationModuleProvider.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationModuleProvider.h" 2 | 3 | #include 4 | 5 | namespace facebook { 6 | namespace react { 7 | 8 | std::shared_ptr MainApplicationModuleProvider( 9 | const std::string moduleName, 10 | const JavaTurboModule::InitParams ¶ms) { 11 | // Here you can provide your own module provider for TurboModules coming from 12 | // either your application or from external libraries. The approach to follow 13 | // is similar to the following (for a library called `samplelibrary`: 14 | // 15 | // auto module = samplelibrary_ModuleProvider(moduleName, params); 16 | // if (module != nullptr) { 17 | // return module; 18 | // } 19 | // return rncore_ModuleProvider(moduleName, params); 20 | return rncore_ModuleProvider(moduleName, params); 21 | } 22 | 23 | } // namespace react 24 | } // namespace facebook 25 | -------------------------------------------------------------------------------- /android/app/src/main/jni/MainApplicationModuleProvider.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | std::shared_ptr MainApplicationModuleProvider( 12 | const std::string moduleName, 13 | const JavaTurboModule::InitParams ¶ms); 14 | 15 | } // namespace react 16 | } // namespace facebook 17 | -------------------------------------------------------------------------------- /android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationTurboModuleManagerDelegate.h" 2 | #include "MainApplicationModuleProvider.h" 3 | 4 | namespace facebook { 5 | namespace react { 6 | 7 | jni::local_ref 8 | MainApplicationTurboModuleManagerDelegate::initHybrid( 9 | jni::alias_ref) { 10 | return makeCxxInstance(); 11 | } 12 | 13 | void MainApplicationTurboModuleManagerDelegate::registerNatives() { 14 | registerHybrid({ 15 | makeNativeMethod( 16 | "initHybrid", MainApplicationTurboModuleManagerDelegate::initHybrid), 17 | makeNativeMethod( 18 | "canCreateTurboModule", 19 | MainApplicationTurboModuleManagerDelegate::canCreateTurboModule), 20 | }); 21 | } 22 | 23 | std::shared_ptr 24 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 25 | const std::string name, 26 | const std::shared_ptr jsInvoker) { 27 | // Not implemented yet: provide pure-C++ NativeModules here. 28 | return nullptr; 29 | } 30 | 31 | std::shared_ptr 32 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 33 | const std::string name, 34 | const JavaTurboModule::InitParams ¶ms) { 35 | return MainApplicationModuleProvider(name, params); 36 | } 37 | 38 | bool MainApplicationTurboModuleManagerDelegate::canCreateTurboModule( 39 | std::string name) { 40 | return getTurboModule(name, nullptr) != nullptr || 41 | getTurboModule(name, {.moduleName = name}) != nullptr; 42 | } 43 | 44 | } // namespace react 45 | } // namespace facebook 46 | -------------------------------------------------------------------------------- /android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.h: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | 4 | #include 5 | #include 6 | 7 | namespace facebook { 8 | namespace react { 9 | 10 | class MainApplicationTurboModuleManagerDelegate 11 | : public jni::HybridClass< 12 | MainApplicationTurboModuleManagerDelegate, 13 | TurboModuleManagerDelegate> { 14 | public: 15 | // Adapt it to the package you used for your Java class. 16 | static constexpr auto kJavaDescriptor = 17 | "Lcom/gradientborder/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate;"; 18 | 19 | static jni::local_ref initHybrid(jni::alias_ref); 20 | 21 | static void registerNatives(); 22 | 23 | std::shared_ptr getTurboModule( 24 | const std::string name, 25 | const std::shared_ptr jsInvoker) override; 26 | std::shared_ptr getTurboModule( 27 | const std::string name, 28 | const JavaTurboModule::InitParams ¶ms) override; 29 | 30 | /** 31 | * Test-only method. Allows user to verify whether a TurboModule can be 32 | * created by instances of this class. 33 | */ 34 | bool canCreateTurboModule(std::string name); 35 | }; 36 | 37 | } // namespace react 38 | } // namespace facebook 39 | -------------------------------------------------------------------------------- /android/app/src/main/jni/MainComponentsRegistry.cpp: -------------------------------------------------------------------------------- 1 | #include "MainComponentsRegistry.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | MainComponentsRegistry::MainComponentsRegistry(ComponentFactory *delegate) {} 12 | 13 | std::shared_ptr 14 | MainComponentsRegistry::sharedProviderRegistry() { 15 | auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry(); 16 | 17 | // Custom Fabric Components go here. You can register custom 18 | // components coming from your App or from 3rd party libraries here. 19 | // 20 | // providerRegistry->add(concreteComponentDescriptorProvider< 21 | // AocViewerComponentDescriptor>()); 22 | return providerRegistry; 23 | } 24 | 25 | jni::local_ref 26 | MainComponentsRegistry::initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate) { 29 | auto instance = makeCxxInstance(delegate); 30 | 31 | auto buildRegistryFunction = 32 | [](EventDispatcher::Weak const &eventDispatcher, 33 | ContextContainer::Shared const &contextContainer) 34 | -> ComponentDescriptorRegistry::Shared { 35 | auto registry = MainComponentsRegistry::sharedProviderRegistry() 36 | ->createComponentDescriptorRegistry( 37 | {eventDispatcher, contextContainer}); 38 | 39 | auto mutableRegistry = 40 | std::const_pointer_cast(registry); 41 | 42 | mutableRegistry->setFallbackComponentDescriptor( 43 | std::make_shared( 44 | ComponentDescriptorParameters{ 45 | eventDispatcher, contextContainer, nullptr})); 46 | 47 | return registry; 48 | }; 49 | 50 | delegate->buildRegistryFunction = buildRegistryFunction; 51 | return instance; 52 | } 53 | 54 | void MainComponentsRegistry::registerNatives() { 55 | registerHybrid({ 56 | makeNativeMethod("initHybrid", MainComponentsRegistry::initHybrid), 57 | }); 58 | } 59 | 60 | } // namespace react 61 | } // namespace facebook 62 | -------------------------------------------------------------------------------- /android/app/src/main/jni/MainComponentsRegistry.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | class MainComponentsRegistry 12 | : public facebook::jni::HybridClass { 13 | public: 14 | // Adapt it to the package you used for your Java class. 15 | constexpr static auto kJavaDescriptor = 16 | "Lcom/gradientborder/newarchitecture/components/MainComponentsRegistry;"; 17 | 18 | static void registerNatives(); 19 | 20 | MainComponentsRegistry(ComponentFactory *delegate); 21 | 22 | private: 23 | static std::shared_ptr 24 | sharedProviderRegistry(); 25 | 26 | static jni::local_ref initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate); 29 | }; 30 | 31 | } // namespace react 32 | } // namespace facebook 33 | -------------------------------------------------------------------------------- /android/app/src/main/jni/OnLoad.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include "MainApplicationTurboModuleManagerDelegate.h" 3 | #include "MainComponentsRegistry.h" 4 | 5 | JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) { 6 | return facebook::jni::initialize(vm, [] { 7 | facebook::react::MainApplicationTurboModuleManagerDelegate:: 8 | registerNatives(); 9 | facebook::react::MainComponentsRegistry::registerNatives(); 10 | }); 11 | } 12 | -------------------------------------------------------------------------------- /android/app/src/main/res/drawable/rn_edit_text_material.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 21 | 22 | 23 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | GradientBorder 3 | 4 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 4 | 5 | buildscript { 6 | ext { 7 | buildToolsVersion = "31.0.0" 8 | minSdkVersion = 21 9 | compileSdkVersion = 31 10 | targetSdkVersion = 31 11 | 12 | if (System.properties['os.arch'] == "aarch64") { 13 | // For M1 Users we need to use the NDK 24 which added support for aarch64 14 | ndkVersion = "24.0.8215888" 15 | } else { 16 | // Otherwise we default to the side-by-side NDK version from AGP. 17 | ndkVersion = "21.4.7075529" 18 | } 19 | } 20 | repositories { 21 | google() 22 | mavenCentral() 23 | } 24 | dependencies { 25 | classpath("com.android.tools.build:gradle:7.1.1") 26 | classpath("com.facebook.react:react-native-gradle-plugin") 27 | classpath("de.undercouch:gradle-download-task:5.0.1") 28 | // NOTE: Do not place your application dependencies here; they belong 29 | // in the individual module build.gradle files 30 | } 31 | } 32 | 33 | allprojects { 34 | repositories { 35 | maven { 36 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 37 | url("$rootDir/../node_modules/react-native/android") 38 | } 39 | maven { 40 | // Android JSC is installed from npm 41 | url("$rootDir/../node_modules/jsc-android/dist") 42 | } 43 | mavenCentral { 44 | // We don't want to fetch react-native from Maven Central as there are 45 | // older versions over there. 46 | content { 47 | excludeGroup "com.facebook.react" 48 | } 49 | } 50 | google() 51 | maven { url 'https://www.jitpack.io' } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'GradientBorder' 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 | 6 | if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") { 7 | include(":ReactAndroid") 8 | project(":ReactAndroid").projectDir = file('../node_modules/react-native/ReactAndroid') 9 | include(":ReactAndroid:hermes-engine") 10 | project(":ReactAndroid:hermes-engine").projectDir = file('../node_modules/react-native/ReactAndroid/hermes-engine') 11 | } 12 | -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "GradientBorder", 3 | "displayName": "GradientBorder" 4 | } -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | }; 4 | -------------------------------------------------------------------------------- /background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/background.jpg -------------------------------------------------------------------------------- /example1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/example1.png -------------------------------------------------------------------------------- /giraffe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iway1/react-native-gradient-border/cfce2758e6dd55ea959697b2a3b294d9958b013b/giraffe.png -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import {AppRegistry} from 'react-native'; 6 | import App from './App'; 7 | import {name as appName} from './app.json'; 8 | 9 | AppRegistry.registerComponent(appName, () => App); 10 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /ios/GradientBorder.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 54; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00E356F31AD99517003FC87E /* GradientBorderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* GradientBorderTests.m */; }; 11 | 0C80B921A6F3F58F76C31292 /* libPods-GradientBorder.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-GradientBorder.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-GradientBorder-GradientBorderTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-GradientBorder-GradientBorderTests.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 = GradientBorder; 26 | }; 27 | /* End PBXContainerItemProxy section */ 28 | 29 | /* Begin PBXFileReference section */ 30 | 00E356EE1AD99517003FC87E /* GradientBorderTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = GradientBorderTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 31 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 32 | 00E356F21AD99517003FC87E /* GradientBorderTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = GradientBorderTests.m; sourceTree = ""; }; 33 | 13B07F961A680F5B00A75B9A /* GradientBorder.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = GradientBorder.app; sourceTree = BUILT_PRODUCTS_DIR; }; 34 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = GradientBorder/AppDelegate.h; sourceTree = ""; }; 35 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = GradientBorder/AppDelegate.mm; sourceTree = ""; }; 36 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = GradientBorder/Images.xcassets; sourceTree = ""; }; 37 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = GradientBorder/Info.plist; sourceTree = ""; }; 38 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = GradientBorder/main.m; sourceTree = ""; }; 39 | 19F6CBCC0A4E27FBF8BF4A61 /* libPods-GradientBorder-GradientBorderTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-GradientBorder-GradientBorderTests.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 40 | 3B4392A12AC88292D35C810B /* Pods-GradientBorder.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-GradientBorder.debug.xcconfig"; path = "Target Support Files/Pods-GradientBorder/Pods-GradientBorder.debug.xcconfig"; sourceTree = ""; }; 41 | 5709B34CF0A7D63546082F79 /* Pods-GradientBorder.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-GradientBorder.release.xcconfig"; path = "Target Support Files/Pods-GradientBorder/Pods-GradientBorder.release.xcconfig"; sourceTree = ""; }; 42 | 5B7EB9410499542E8C5724F5 /* Pods-GradientBorder-GradientBorderTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-GradientBorder-GradientBorderTests.debug.xcconfig"; path = "Target Support Files/Pods-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests.debug.xcconfig"; sourceTree = ""; }; 43 | 5DCACB8F33CDC322A6C60F78 /* libPods-GradientBorder.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-GradientBorder.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 44 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = GradientBorder/LaunchScreen.storyboard; sourceTree = ""; }; 45 | 89C6BE57DB24E9ADA2F236DE /* Pods-GradientBorder-GradientBorderTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-GradientBorder-GradientBorderTests.release.xcconfig"; path = "Target Support Files/Pods-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests.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-GradientBorder-GradientBorderTests.a in Frameworks */, 55 | ); 56 | runOnlyForDeploymentPostprocessing = 0; 57 | }; 58 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 59 | isa = PBXFrameworksBuildPhase; 60 | buildActionMask = 2147483647; 61 | files = ( 62 | 0C80B921A6F3F58F76C31292 /* libPods-GradientBorder.a in Frameworks */, 63 | ); 64 | runOnlyForDeploymentPostprocessing = 0; 65 | }; 66 | /* End PBXFrameworksBuildPhase section */ 67 | 68 | /* Begin PBXGroup section */ 69 | 00E356EF1AD99517003FC87E /* GradientBorderTests */ = { 70 | isa = PBXGroup; 71 | children = ( 72 | 00E356F21AD99517003FC87E /* GradientBorderTests.m */, 73 | 00E356F01AD99517003FC87E /* Supporting Files */, 74 | ); 75 | path = GradientBorderTests; 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 /* GradientBorder */ = { 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 = GradientBorder; 97 | sourceTree = ""; 98 | }; 99 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 100 | isa = PBXGroup; 101 | children = ( 102 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 103 | 5DCACB8F33CDC322A6C60F78 /* libPods-GradientBorder.a */, 104 | 19F6CBCC0A4E27FBF8BF4A61 /* libPods-GradientBorder-GradientBorderTests.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 /* GradientBorder */, 120 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 121 | 00E356EF1AD99517003FC87E /* GradientBorderTests */, 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 /* GradientBorder.app */, 135 | 00E356EE1AD99517003FC87E /* GradientBorderTests.xctest */, 136 | ); 137 | name = Products; 138 | sourceTree = ""; 139 | }; 140 | BBD78D7AC51CEA395F1C20DB /* Pods */ = { 141 | isa = PBXGroup; 142 | children = ( 143 | 3B4392A12AC88292D35C810B /* Pods-GradientBorder.debug.xcconfig */, 144 | 5709B34CF0A7D63546082F79 /* Pods-GradientBorder.release.xcconfig */, 145 | 5B7EB9410499542E8C5724F5 /* Pods-GradientBorder-GradientBorderTests.debug.xcconfig */, 146 | 89C6BE57DB24E9ADA2F236DE /* Pods-GradientBorder-GradientBorderTests.release.xcconfig */, 147 | ); 148 | path = Pods; 149 | sourceTree = ""; 150 | }; 151 | /* End PBXGroup section */ 152 | 153 | /* Begin PBXNativeTarget section */ 154 | 00E356ED1AD99517003FC87E /* GradientBorderTests */ = { 155 | isa = PBXNativeTarget; 156 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "GradientBorderTests" */; 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 = GradientBorderTests; 171 | productName = GradientBorderTests; 172 | productReference = 00E356EE1AD99517003FC87E /* GradientBorderTests.xctest */; 173 | productType = "com.apple.product-type.bundle.unit-test"; 174 | }; 175 | 13B07F861A680F5B00A75B9A /* GradientBorder */ = { 176 | isa = PBXNativeTarget; 177 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "GradientBorder" */; 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 = GradientBorder; 193 | productName = GradientBorder; 194 | productReference = 13B07F961A680F5B00A75B9A /* GradientBorder.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 "GradientBorder" */; 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 /* GradientBorder */, 228 | 00E356ED1AD99517003FC87E /* GradientBorderTests */, 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-GradientBorder/Pods-GradientBorder-frameworks-${CONFIGURATION}-input-files.xcfilelist", 276 | ); 277 | name = "[CP] Embed Pods Frameworks"; 278 | outputFileListPaths = ( 279 | "${PODS_ROOT}/Target Support Files/Pods-GradientBorder/Pods-GradientBorder-frameworks-${CONFIGURATION}-output-files.xcfilelist", 280 | ); 281 | runOnlyForDeploymentPostprocessing = 0; 282 | shellPath = /bin/sh; 283 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-GradientBorder/Pods-GradientBorder-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-GradientBorder-GradientBorderTests-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-GradientBorder-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-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests-frameworks-${CONFIGURATION}-input-files.xcfilelist", 337 | ); 338 | name = "[CP] Embed Pods Frameworks"; 339 | outputFileListPaths = ( 340 | "${PODS_ROOT}/Target Support Files/Pods-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests-frameworks-${CONFIGURATION}-output-files.xcfilelist", 341 | ); 342 | runOnlyForDeploymentPostprocessing = 0; 343 | shellPath = /bin/sh; 344 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests-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-GradientBorder/Pods-GradientBorder-resources-${CONFIGURATION}-input-files.xcfilelist", 354 | ); 355 | name = "[CP] Copy Pods Resources"; 356 | outputFileListPaths = ( 357 | "${PODS_ROOT}/Target Support Files/Pods-GradientBorder/Pods-GradientBorder-resources-${CONFIGURATION}-output-files.xcfilelist", 358 | ); 359 | runOnlyForDeploymentPostprocessing = 0; 360 | shellPath = /bin/sh; 361 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-GradientBorder/Pods-GradientBorder-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-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests-resources-${CONFIGURATION}-input-files.xcfilelist", 371 | ); 372 | name = "[CP] Copy Pods Resources"; 373 | outputFileListPaths = ( 374 | "${PODS_ROOT}/Target Support Files/Pods-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests-resources-${CONFIGURATION}-output-files.xcfilelist", 375 | ); 376 | runOnlyForDeploymentPostprocessing = 0; 377 | shellPath = /bin/sh; 378 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-GradientBorder-GradientBorderTests/Pods-GradientBorder-GradientBorderTests-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 /* GradientBorderTests.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 /* GradientBorder */; 426 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 427 | }; 428 | /* End PBXTargetDependency section */ 429 | 430 | /* Begin XCBuildConfiguration section */ 431 | 00E356F61AD99517003FC87E /* Debug */ = { 432 | isa = XCBuildConfiguration; 433 | baseConfigurationReference = 5B7EB9410499542E8C5724F5 /* Pods-GradientBorder-GradientBorderTests.debug.xcconfig */; 434 | buildSettings = { 435 | BUNDLE_LOADER = "$(TEST_HOST)"; 436 | GCC_PREPROCESSOR_DEFINITIONS = ( 437 | "DEBUG=1", 438 | "$(inherited)", 439 | ); 440 | INFOPLIST_FILE = GradientBorderTests/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)/GradientBorder.app/GradientBorder"; 455 | }; 456 | name = Debug; 457 | }; 458 | 00E356F71AD99517003FC87E /* Release */ = { 459 | isa = XCBuildConfiguration; 460 | baseConfigurationReference = 89C6BE57DB24E9ADA2F236DE /* Pods-GradientBorder-GradientBorderTests.release.xcconfig */; 461 | buildSettings = { 462 | BUNDLE_LOADER = "$(TEST_HOST)"; 463 | COPY_PHASE_STRIP = NO; 464 | INFOPLIST_FILE = GradientBorderTests/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)/GradientBorder.app/GradientBorder"; 479 | }; 480 | name = Release; 481 | }; 482 | 13B07F941A680F5B00A75B9A /* Debug */ = { 483 | isa = XCBuildConfiguration; 484 | baseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-GradientBorder.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 = GradientBorder/Info.plist; 491 | LD_RUNPATH_SEARCH_PATHS = ( 492 | "$(inherited)", 493 | "@executable_path/Frameworks", 494 | ); 495 | OTHER_LDFLAGS = ( 496 | "$(inherited)", 497 | "-ObjC", 498 | "-lc++", 499 | ); 500 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 501 | PRODUCT_NAME = GradientBorder; 502 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 503 | SWIFT_VERSION = 5.0; 504 | VERSIONING_SYSTEM = "apple-generic"; 505 | }; 506 | name = Debug; 507 | }; 508 | 13B07F951A680F5B00A75B9A /* Release */ = { 509 | isa = XCBuildConfiguration; 510 | baseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-GradientBorder.release.xcconfig */; 511 | buildSettings = { 512 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 513 | CLANG_ENABLE_MODULES = YES; 514 | CURRENT_PROJECT_VERSION = 1; 515 | INFOPLIST_FILE = GradientBorder/Info.plist; 516 | LD_RUNPATH_SEARCH_PATHS = ( 517 | "$(inherited)", 518 | "@executable_path/Frameworks", 519 | ); 520 | OTHER_LDFLAGS = ( 521 | "$(inherited)", 522 | "-ObjC", 523 | "-lc++", 524 | ); 525 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 526 | PRODUCT_NAME = GradientBorder; 527 | SWIFT_VERSION = 5.0; 528 | VERSIONING_SYSTEM = "apple-generic"; 529 | }; 530 | name = Release; 531 | }; 532 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 533 | isa = XCBuildConfiguration; 534 | buildSettings = { 535 | ALWAYS_SEARCH_USER_PATHS = NO; 536 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 537 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 538 | CLANG_CXX_LIBRARY = "libc++"; 539 | CLANG_ENABLE_MODULES = YES; 540 | CLANG_ENABLE_OBJC_ARC = YES; 541 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 542 | CLANG_WARN_BOOL_CONVERSION = YES; 543 | CLANG_WARN_COMMA = YES; 544 | CLANG_WARN_CONSTANT_CONVERSION = YES; 545 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 546 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 547 | CLANG_WARN_EMPTY_BODY = YES; 548 | CLANG_WARN_ENUM_CONVERSION = YES; 549 | CLANG_WARN_INFINITE_RECURSION = YES; 550 | CLANG_WARN_INT_CONVERSION = YES; 551 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 552 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 553 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 554 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 555 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 556 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 557 | CLANG_WARN_STRICT_PROTOTYPES = YES; 558 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 559 | CLANG_WARN_UNREACHABLE_CODE = YES; 560 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 561 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 562 | COPY_PHASE_STRIP = NO; 563 | ENABLE_STRICT_OBJC_MSGSEND = YES; 564 | ENABLE_TESTABILITY = YES; 565 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 566 | GCC_C_LANGUAGE_STANDARD = gnu99; 567 | GCC_DYNAMIC_NO_PIC = NO; 568 | GCC_NO_COMMON_BLOCKS = YES; 569 | GCC_OPTIMIZATION_LEVEL = 0; 570 | GCC_PREPROCESSOR_DEFINITIONS = ( 571 | "DEBUG=1", 572 | "$(inherited)", 573 | ); 574 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 575 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 576 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 577 | GCC_WARN_UNDECLARED_SELECTOR = YES; 578 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 579 | GCC_WARN_UNUSED_FUNCTION = YES; 580 | GCC_WARN_UNUSED_VARIABLE = YES; 581 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 582 | LD_RUNPATH_SEARCH_PATHS = ( 583 | /usr/lib/swift, 584 | "$(inherited)", 585 | ); 586 | LIBRARY_SEARCH_PATHS = ( 587 | "\"$(SDKROOT)/usr/lib/swift\"", 588 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 589 | "\"$(inherited)\"", 590 | ); 591 | MTL_ENABLE_DEBUG_INFO = YES; 592 | ONLY_ACTIVE_ARCH = YES; 593 | OTHER_CPLUSPLUSFLAGS = ( 594 | "$(OTHER_CFLAGS)", 595 | "-DFOLLY_NO_CONFIG", 596 | "-DFOLLY_MOBILE=1", 597 | "-DFOLLY_USE_LIBCPP=1", 598 | ); 599 | REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; 600 | SDKROOT = iphoneos; 601 | }; 602 | name = Debug; 603 | }; 604 | 83CBBA211A601CBA00E9B192 /* Release */ = { 605 | isa = XCBuildConfiguration; 606 | buildSettings = { 607 | ALWAYS_SEARCH_USER_PATHS = NO; 608 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 609 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 610 | CLANG_CXX_LIBRARY = "libc++"; 611 | CLANG_ENABLE_MODULES = YES; 612 | CLANG_ENABLE_OBJC_ARC = YES; 613 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 614 | CLANG_WARN_BOOL_CONVERSION = YES; 615 | CLANG_WARN_COMMA = YES; 616 | CLANG_WARN_CONSTANT_CONVERSION = YES; 617 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 618 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 619 | CLANG_WARN_EMPTY_BODY = YES; 620 | CLANG_WARN_ENUM_CONVERSION = YES; 621 | CLANG_WARN_INFINITE_RECURSION = YES; 622 | CLANG_WARN_INT_CONVERSION = YES; 623 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 624 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 625 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 626 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 627 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 628 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 629 | CLANG_WARN_STRICT_PROTOTYPES = YES; 630 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 631 | CLANG_WARN_UNREACHABLE_CODE = YES; 632 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 633 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 634 | COPY_PHASE_STRIP = YES; 635 | ENABLE_NS_ASSERTIONS = NO; 636 | ENABLE_STRICT_OBJC_MSGSEND = YES; 637 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 638 | GCC_C_LANGUAGE_STANDARD = gnu99; 639 | GCC_NO_COMMON_BLOCKS = YES; 640 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 641 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 642 | GCC_WARN_UNDECLARED_SELECTOR = YES; 643 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 644 | GCC_WARN_UNUSED_FUNCTION = YES; 645 | GCC_WARN_UNUSED_VARIABLE = YES; 646 | IPHONEOS_DEPLOYMENT_TARGET = 12.4; 647 | LD_RUNPATH_SEARCH_PATHS = ( 648 | /usr/lib/swift, 649 | "$(inherited)", 650 | ); 651 | LIBRARY_SEARCH_PATHS = ( 652 | "\"$(SDKROOT)/usr/lib/swift\"", 653 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 654 | "\"$(inherited)\"", 655 | ); 656 | MTL_ENABLE_DEBUG_INFO = NO; 657 | OTHER_CPLUSPLUSFLAGS = ( 658 | "$(OTHER_CFLAGS)", 659 | "-DFOLLY_NO_CONFIG", 660 | "-DFOLLY_MOBILE=1", 661 | "-DFOLLY_USE_LIBCPP=1", 662 | ); 663 | REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native"; 664 | SDKROOT = iphoneos; 665 | VALIDATE_PRODUCT = YES; 666 | }; 667 | name = Release; 668 | }; 669 | /* End XCBuildConfiguration section */ 670 | 671 | /* Begin XCConfigurationList section */ 672 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "GradientBorderTests" */ = { 673 | isa = XCConfigurationList; 674 | buildConfigurations = ( 675 | 00E356F61AD99517003FC87E /* Debug */, 676 | 00E356F71AD99517003FC87E /* Release */, 677 | ); 678 | defaultConfigurationIsVisible = 0; 679 | defaultConfigurationName = Release; 680 | }; 681 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "GradientBorder" */ = { 682 | isa = XCConfigurationList; 683 | buildConfigurations = ( 684 | 13B07F941A680F5B00A75B9A /* Debug */, 685 | 13B07F951A680F5B00A75B9A /* Release */, 686 | ); 687 | defaultConfigurationIsVisible = 0; 688 | defaultConfigurationName = Release; 689 | }; 690 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "GradientBorder" */ = { 691 | isa = XCConfigurationList; 692 | buildConfigurations = ( 693 | 83CBBA201A601CBA00E9B192 /* Debug */, 694 | 83CBBA211A601CBA00E9B192 /* Release */, 695 | ); 696 | defaultConfigurationIsVisible = 0; 697 | defaultConfigurationName = Release; 698 | }; 699 | /* End XCConfigurationList section */ 700 | }; 701 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 702 | } 703 | -------------------------------------------------------------------------------- /ios/GradientBorder.xcodeproj/xcshareddata/xcschemes/GradientBorder.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 | -------------------------------------------------------------------------------- /ios/GradientBorder.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /ios/GradientBorder.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/GradientBorder/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface AppDelegate : UIResponder 5 | 6 | @property (nonatomic, strong) UIWindow *window; 7 | 8 | @end 9 | -------------------------------------------------------------------------------- /ios/GradientBorder/AppDelegate.mm: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | 7 | #import 8 | 9 | #if RCT_NEW_ARCH_ENABLED 10 | #import 11 | #import 12 | #import 13 | #import 14 | #import 15 | #import 16 | 17 | #import 18 | 19 | static NSString *const kRNConcurrentRoot = @"concurrentRoot"; 20 | 21 | @interface AppDelegate () { 22 | RCTTurboModuleManager *_turboModuleManager; 23 | RCTSurfacePresenterBridgeAdapter *_bridgeAdapter; 24 | std::shared_ptr _reactNativeConfig; 25 | facebook::react::ContextContainer::Shared _contextContainer; 26 | } 27 | @end 28 | #endif 29 | 30 | @implementation AppDelegate 31 | 32 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 33 | { 34 | RCTAppSetupPrepareApp(application); 35 | 36 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions]; 37 | 38 | #if RCT_NEW_ARCH_ENABLED 39 | _contextContainer = std::make_shared(); 40 | _reactNativeConfig = std::make_shared(); 41 | _contextContainer->insert("ReactNativeConfig", _reactNativeConfig); 42 | _bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:bridge contextContainer:_contextContainer]; 43 | bridge.surfacePresenter = _bridgeAdapter.surfacePresenter; 44 | #endif 45 | 46 | NSDictionary *initProps = [self prepareInitialProps]; 47 | UIView *rootView = RCTAppSetupDefaultRootView(bridge, @"GradientBorder", initProps); 48 | 49 | if (@available(iOS 13.0, *)) { 50 | rootView.backgroundColor = [UIColor systemBackgroundColor]; 51 | } else { 52 | rootView.backgroundColor = [UIColor whiteColor]; 53 | } 54 | 55 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 56 | UIViewController *rootViewController = [UIViewController new]; 57 | rootViewController.view = rootView; 58 | self.window.rootViewController = rootViewController; 59 | [self.window makeKeyAndVisible]; 60 | return YES; 61 | } 62 | 63 | /// This method controls whether the `concurrentRoot`feature of React18 is turned on or off. 64 | /// 65 | /// @see: https://reactjs.org/blog/2022/03/29/react-v18.html 66 | /// @note: This requires to be rendering on Fabric (i.e. on the New Architecture). 67 | /// @return: `true` if the `concurrentRoot` feture is enabled. Otherwise, it returns `false`. 68 | - (BOOL)concurrentRootEnabled 69 | { 70 | // Switch this bool to turn on and off the concurrent root 71 | return true; 72 | } 73 | 74 | - (NSDictionary *)prepareInitialProps 75 | { 76 | NSMutableDictionary *initProps = [NSMutableDictionary new]; 77 | 78 | #ifdef RCT_NEW_ARCH_ENABLED 79 | initProps[kRNConcurrentRoot] = @([self concurrentRootEnabled]); 80 | #endif 81 | 82 | return initProps; 83 | } 84 | 85 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 86 | { 87 | #if DEBUG 88 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"]; 89 | #else 90 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 91 | #endif 92 | } 93 | 94 | #if RCT_NEW_ARCH_ENABLED 95 | 96 | #pragma mark - RCTCxxBridgeDelegate 97 | 98 | - (std::unique_ptr)jsExecutorFactoryForBridge:(RCTBridge *)bridge 99 | { 100 | _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge 101 | delegate:self 102 | jsInvoker:bridge.jsCallInvoker]; 103 | return RCTAppSetupDefaultJsExecutorFactory(bridge, _turboModuleManager); 104 | } 105 | 106 | #pragma mark RCTTurboModuleManagerDelegate 107 | 108 | - (Class)getModuleClassFromName:(const char *)name 109 | { 110 | return RCTCoreModulesClassProvider(name); 111 | } 112 | 113 | - (std::shared_ptr)getTurboModule:(const std::string &)name 114 | jsInvoker:(std::shared_ptr)jsInvoker 115 | { 116 | return nullptr; 117 | } 118 | 119 | - (std::shared_ptr)getTurboModule:(const std::string &)name 120 | initParams: 121 | (const facebook::react::ObjCTurboModule::InitParams &)params 122 | { 123 | return nullptr; 124 | } 125 | 126 | - (id)getModuleInstanceFromClass:(Class)moduleClass 127 | { 128 | return RCTAppSetupDefaultModuleFromClass(moduleClass); 129 | } 130 | 131 | #endif 132 | 133 | @end 134 | -------------------------------------------------------------------------------- /ios/GradientBorder/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 | -------------------------------------------------------------------------------- /ios/GradientBorder/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /ios/GradientBorder/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | GradientBorder 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | NSAppTransportSecurity 28 | 29 | NSExceptionDomains 30 | 31 | localhost 32 | 33 | NSExceptionAllowsInsecureHTTPLoads 34 | 35 | 36 | 37 | 38 | NSLocationWhenInUseUsageDescription 39 | 40 | UILaunchStoryboardName 41 | LaunchScreen 42 | UIRequiredDeviceCapabilities 43 | 44 | armv7 45 | 46 | UISupportedInterfaceOrientations 47 | 48 | UIInterfaceOrientationPortrait 49 | UIInterfaceOrientationLandscapeLeft 50 | UIInterfaceOrientationLandscapeRight 51 | 52 | UIViewControllerBasedStatusBarAppearance 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /ios/GradientBorder/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 | -------------------------------------------------------------------------------- /ios/GradientBorder/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 | -------------------------------------------------------------------------------- /ios/GradientBorderTests/GradientBorderTests.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 GradientBorderTests : XCTestCase 11 | 12 | @end 13 | 14 | @implementation GradientBorderTests 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 | -------------------------------------------------------------------------------- /ios/GradientBorderTests/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 | -------------------------------------------------------------------------------- /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, '12.4' 5 | install! 'cocoapods', :deterministic_uuids => false 6 | 7 | production = ENV["PRODUCTION"] == "1" 8 | 9 | target 'GradientBorder' do 10 | config = use_native_modules! 11 | 12 | # Flags change depending on the env values. 13 | flags = get_default_flags() 14 | 15 | use_react_native!( 16 | :path => config[:reactNativePath], 17 | # to enable hermes on iOS, change `false` to `true` and then install pods 18 | :production => production, 19 | :hermes_enabled => flags[:hermes_enabled], 20 | :fabric_enabled => flags[:fabric_enabled], 21 | :flipper_configuration => FlipperConfiguration.enabled, 22 | # An absolute path to your application root. 23 | :app_path => "#{Pod::Config.instance.installation_root}/.." 24 | ) 25 | 26 | target 'GradientBorderTests' do 27 | inherit! :complete 28 | # Pods for testing 29 | end 30 | 31 | post_install do |installer| 32 | react_native_post_install(installer) 33 | __apply_Xcode_12_5_M1_post_install_workaround(installer) 34 | end 35 | end 36 | -------------------------------------------------------------------------------- /ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - boost (1.76.0) 3 | - BVLinearGradient (2.6.2): 4 | - React-Core 5 | - CocoaAsyncSocket (7.6.5) 6 | - DoubleConversion (1.1.6) 7 | - FBLazyVector (0.69.5) 8 | - FBReactNativeSpec (0.69.5): 9 | - RCT-Folly (= 2021.06.28.00-v2) 10 | - RCTRequired (= 0.69.5) 11 | - RCTTypeSafety (= 0.69.5) 12 | - React-Core (= 0.69.5) 13 | - React-jsi (= 0.69.5) 14 | - ReactCommon/turbomodule/core (= 0.69.5) 15 | - Flipper (0.125.0): 16 | - Flipper-Folly (~> 2.6) 17 | - Flipper-RSocket (~> 1.4) 18 | - Flipper-Boost-iOSX (1.76.0.1.11) 19 | - Flipper-DoubleConversion (3.2.0.1) 20 | - Flipper-Fmt (7.1.7) 21 | - Flipper-Folly (2.6.10): 22 | - Flipper-Boost-iOSX 23 | - Flipper-DoubleConversion 24 | - Flipper-Fmt (= 7.1.7) 25 | - Flipper-Glog 26 | - libevent (~> 2.1.12) 27 | - OpenSSL-Universal (= 1.1.1100) 28 | - Flipper-Glog (0.5.0.5) 29 | - Flipper-PeerTalk (0.0.4) 30 | - Flipper-RSocket (1.4.3): 31 | - Flipper-Folly (~> 2.6) 32 | - FlipperKit (0.125.0): 33 | - FlipperKit/Core (= 0.125.0) 34 | - FlipperKit/Core (0.125.0): 35 | - Flipper (~> 0.125.0) 36 | - FlipperKit/CppBridge 37 | - FlipperKit/FBCxxFollyDynamicConvert 38 | - FlipperKit/FBDefines 39 | - FlipperKit/FKPortForwarding 40 | - SocketRocket (~> 0.6.0) 41 | - FlipperKit/CppBridge (0.125.0): 42 | - Flipper (~> 0.125.0) 43 | - FlipperKit/FBCxxFollyDynamicConvert (0.125.0): 44 | - Flipper-Folly (~> 2.6) 45 | - FlipperKit/FBDefines (0.125.0) 46 | - FlipperKit/FKPortForwarding (0.125.0): 47 | - CocoaAsyncSocket (~> 7.6) 48 | - Flipper-PeerTalk (~> 0.0.4) 49 | - FlipperKit/FlipperKitHighlightOverlay (0.125.0) 50 | - FlipperKit/FlipperKitLayoutHelpers (0.125.0): 51 | - FlipperKit/Core 52 | - FlipperKit/FlipperKitHighlightOverlay 53 | - FlipperKit/FlipperKitLayoutTextSearchable 54 | - FlipperKit/FlipperKitLayoutIOSDescriptors (0.125.0): 55 | - FlipperKit/Core 56 | - FlipperKit/FlipperKitHighlightOverlay 57 | - FlipperKit/FlipperKitLayoutHelpers 58 | - YogaKit (~> 1.18) 59 | - FlipperKit/FlipperKitLayoutPlugin (0.125.0): 60 | - FlipperKit/Core 61 | - FlipperKit/FlipperKitHighlightOverlay 62 | - FlipperKit/FlipperKitLayoutHelpers 63 | - FlipperKit/FlipperKitLayoutIOSDescriptors 64 | - FlipperKit/FlipperKitLayoutTextSearchable 65 | - YogaKit (~> 1.18) 66 | - FlipperKit/FlipperKitLayoutTextSearchable (0.125.0) 67 | - FlipperKit/FlipperKitNetworkPlugin (0.125.0): 68 | - FlipperKit/Core 69 | - FlipperKit/FlipperKitReactPlugin (0.125.0): 70 | - FlipperKit/Core 71 | - FlipperKit/FlipperKitUserDefaultsPlugin (0.125.0): 72 | - FlipperKit/Core 73 | - FlipperKit/SKIOSNetworkPlugin (0.125.0): 74 | - FlipperKit/Core 75 | - FlipperKit/FlipperKitNetworkPlugin 76 | - fmt (6.2.1) 77 | - glog (0.3.5) 78 | - libevent (2.1.12) 79 | - OpenSSL-Universal (1.1.1100) 80 | - RCT-Folly (2021.06.28.00-v2): 81 | - boost 82 | - DoubleConversion 83 | - fmt (~> 6.2.1) 84 | - glog 85 | - RCT-Folly/Default (= 2021.06.28.00-v2) 86 | - RCT-Folly/Default (2021.06.28.00-v2): 87 | - boost 88 | - DoubleConversion 89 | - fmt (~> 6.2.1) 90 | - glog 91 | - RCTRequired (0.69.5) 92 | - RCTTypeSafety (0.69.5): 93 | - FBLazyVector (= 0.69.5) 94 | - RCTRequired (= 0.69.5) 95 | - React-Core (= 0.69.5) 96 | - React (0.69.5): 97 | - React-Core (= 0.69.5) 98 | - React-Core/DevSupport (= 0.69.5) 99 | - React-Core/RCTWebSocket (= 0.69.5) 100 | - React-RCTActionSheet (= 0.69.5) 101 | - React-RCTAnimation (= 0.69.5) 102 | - React-RCTBlob (= 0.69.5) 103 | - React-RCTImage (= 0.69.5) 104 | - React-RCTLinking (= 0.69.5) 105 | - React-RCTNetwork (= 0.69.5) 106 | - React-RCTSettings (= 0.69.5) 107 | - React-RCTText (= 0.69.5) 108 | - React-RCTVibration (= 0.69.5) 109 | - React-bridging (0.69.5): 110 | - RCT-Folly (= 2021.06.28.00-v2) 111 | - React-jsi (= 0.69.5) 112 | - React-callinvoker (0.69.5) 113 | - React-Codegen (0.69.5): 114 | - FBReactNativeSpec (= 0.69.5) 115 | - RCT-Folly (= 2021.06.28.00-v2) 116 | - RCTRequired (= 0.69.5) 117 | - RCTTypeSafety (= 0.69.5) 118 | - React-Core (= 0.69.5) 119 | - React-jsi (= 0.69.5) 120 | - React-jsiexecutor (= 0.69.5) 121 | - ReactCommon/turbomodule/core (= 0.69.5) 122 | - React-Core (0.69.5): 123 | - glog 124 | - RCT-Folly (= 2021.06.28.00-v2) 125 | - React-Core/Default (= 0.69.5) 126 | - React-cxxreact (= 0.69.5) 127 | - React-jsi (= 0.69.5) 128 | - React-jsiexecutor (= 0.69.5) 129 | - React-perflogger (= 0.69.5) 130 | - Yoga 131 | - React-Core/CoreModulesHeaders (0.69.5): 132 | - glog 133 | - RCT-Folly (= 2021.06.28.00-v2) 134 | - React-Core/Default 135 | - React-cxxreact (= 0.69.5) 136 | - React-jsi (= 0.69.5) 137 | - React-jsiexecutor (= 0.69.5) 138 | - React-perflogger (= 0.69.5) 139 | - Yoga 140 | - React-Core/Default (0.69.5): 141 | - glog 142 | - RCT-Folly (= 2021.06.28.00-v2) 143 | - React-cxxreact (= 0.69.5) 144 | - React-jsi (= 0.69.5) 145 | - React-jsiexecutor (= 0.69.5) 146 | - React-perflogger (= 0.69.5) 147 | - Yoga 148 | - React-Core/DevSupport (0.69.5): 149 | - glog 150 | - RCT-Folly (= 2021.06.28.00-v2) 151 | - React-Core/Default (= 0.69.5) 152 | - React-Core/RCTWebSocket (= 0.69.5) 153 | - React-cxxreact (= 0.69.5) 154 | - React-jsi (= 0.69.5) 155 | - React-jsiexecutor (= 0.69.5) 156 | - React-jsinspector (= 0.69.5) 157 | - React-perflogger (= 0.69.5) 158 | - Yoga 159 | - React-Core/RCTActionSheetHeaders (0.69.5): 160 | - glog 161 | - RCT-Folly (= 2021.06.28.00-v2) 162 | - React-Core/Default 163 | - React-cxxreact (= 0.69.5) 164 | - React-jsi (= 0.69.5) 165 | - React-jsiexecutor (= 0.69.5) 166 | - React-perflogger (= 0.69.5) 167 | - Yoga 168 | - React-Core/RCTAnimationHeaders (0.69.5): 169 | - glog 170 | - RCT-Folly (= 2021.06.28.00-v2) 171 | - React-Core/Default 172 | - React-cxxreact (= 0.69.5) 173 | - React-jsi (= 0.69.5) 174 | - React-jsiexecutor (= 0.69.5) 175 | - React-perflogger (= 0.69.5) 176 | - Yoga 177 | - React-Core/RCTBlobHeaders (0.69.5): 178 | - glog 179 | - RCT-Folly (= 2021.06.28.00-v2) 180 | - React-Core/Default 181 | - React-cxxreact (= 0.69.5) 182 | - React-jsi (= 0.69.5) 183 | - React-jsiexecutor (= 0.69.5) 184 | - React-perflogger (= 0.69.5) 185 | - Yoga 186 | - React-Core/RCTImageHeaders (0.69.5): 187 | - glog 188 | - RCT-Folly (= 2021.06.28.00-v2) 189 | - React-Core/Default 190 | - React-cxxreact (= 0.69.5) 191 | - React-jsi (= 0.69.5) 192 | - React-jsiexecutor (= 0.69.5) 193 | - React-perflogger (= 0.69.5) 194 | - Yoga 195 | - React-Core/RCTLinkingHeaders (0.69.5): 196 | - glog 197 | - RCT-Folly (= 2021.06.28.00-v2) 198 | - React-Core/Default 199 | - React-cxxreact (= 0.69.5) 200 | - React-jsi (= 0.69.5) 201 | - React-jsiexecutor (= 0.69.5) 202 | - React-perflogger (= 0.69.5) 203 | - Yoga 204 | - React-Core/RCTNetworkHeaders (0.69.5): 205 | - glog 206 | - RCT-Folly (= 2021.06.28.00-v2) 207 | - React-Core/Default 208 | - React-cxxreact (= 0.69.5) 209 | - React-jsi (= 0.69.5) 210 | - React-jsiexecutor (= 0.69.5) 211 | - React-perflogger (= 0.69.5) 212 | - Yoga 213 | - React-Core/RCTSettingsHeaders (0.69.5): 214 | - glog 215 | - RCT-Folly (= 2021.06.28.00-v2) 216 | - React-Core/Default 217 | - React-cxxreact (= 0.69.5) 218 | - React-jsi (= 0.69.5) 219 | - React-jsiexecutor (= 0.69.5) 220 | - React-perflogger (= 0.69.5) 221 | - Yoga 222 | - React-Core/RCTTextHeaders (0.69.5): 223 | - glog 224 | - RCT-Folly (= 2021.06.28.00-v2) 225 | - React-Core/Default 226 | - React-cxxreact (= 0.69.5) 227 | - React-jsi (= 0.69.5) 228 | - React-jsiexecutor (= 0.69.5) 229 | - React-perflogger (= 0.69.5) 230 | - Yoga 231 | - React-Core/RCTVibrationHeaders (0.69.5): 232 | - glog 233 | - RCT-Folly (= 2021.06.28.00-v2) 234 | - React-Core/Default 235 | - React-cxxreact (= 0.69.5) 236 | - React-jsi (= 0.69.5) 237 | - React-jsiexecutor (= 0.69.5) 238 | - React-perflogger (= 0.69.5) 239 | - Yoga 240 | - React-Core/RCTWebSocket (0.69.5): 241 | - glog 242 | - RCT-Folly (= 2021.06.28.00-v2) 243 | - React-Core/Default (= 0.69.5) 244 | - React-cxxreact (= 0.69.5) 245 | - React-jsi (= 0.69.5) 246 | - React-jsiexecutor (= 0.69.5) 247 | - React-perflogger (= 0.69.5) 248 | - Yoga 249 | - React-CoreModules (0.69.5): 250 | - RCT-Folly (= 2021.06.28.00-v2) 251 | - RCTTypeSafety (= 0.69.5) 252 | - React-Codegen (= 0.69.5) 253 | - React-Core/CoreModulesHeaders (= 0.69.5) 254 | - React-jsi (= 0.69.5) 255 | - React-RCTImage (= 0.69.5) 256 | - ReactCommon/turbomodule/core (= 0.69.5) 257 | - React-cxxreact (0.69.5): 258 | - boost (= 1.76.0) 259 | - DoubleConversion 260 | - glog 261 | - RCT-Folly (= 2021.06.28.00-v2) 262 | - React-callinvoker (= 0.69.5) 263 | - React-jsi (= 0.69.5) 264 | - React-jsinspector (= 0.69.5) 265 | - React-logger (= 0.69.5) 266 | - React-perflogger (= 0.69.5) 267 | - React-runtimeexecutor (= 0.69.5) 268 | - React-jsi (0.69.5): 269 | - boost (= 1.76.0) 270 | - DoubleConversion 271 | - glog 272 | - RCT-Folly (= 2021.06.28.00-v2) 273 | - React-jsi/Default (= 0.69.5) 274 | - React-jsi/Default (0.69.5): 275 | - boost (= 1.76.0) 276 | - DoubleConversion 277 | - glog 278 | - RCT-Folly (= 2021.06.28.00-v2) 279 | - React-jsiexecutor (0.69.5): 280 | - DoubleConversion 281 | - glog 282 | - RCT-Folly (= 2021.06.28.00-v2) 283 | - React-cxxreact (= 0.69.5) 284 | - React-jsi (= 0.69.5) 285 | - React-perflogger (= 0.69.5) 286 | - React-jsinspector (0.69.5) 287 | - React-logger (0.69.5): 288 | - glog 289 | - React-perflogger (0.69.5) 290 | - React-RCTActionSheet (0.69.5): 291 | - React-Core/RCTActionSheetHeaders (= 0.69.5) 292 | - React-RCTAnimation (0.69.5): 293 | - RCT-Folly (= 2021.06.28.00-v2) 294 | - RCTTypeSafety (= 0.69.5) 295 | - React-Codegen (= 0.69.5) 296 | - React-Core/RCTAnimationHeaders (= 0.69.5) 297 | - React-jsi (= 0.69.5) 298 | - ReactCommon/turbomodule/core (= 0.69.5) 299 | - React-RCTBlob (0.69.5): 300 | - RCT-Folly (= 2021.06.28.00-v2) 301 | - React-Codegen (= 0.69.5) 302 | - React-Core/RCTBlobHeaders (= 0.69.5) 303 | - React-Core/RCTWebSocket (= 0.69.5) 304 | - React-jsi (= 0.69.5) 305 | - React-RCTNetwork (= 0.69.5) 306 | - ReactCommon/turbomodule/core (= 0.69.5) 307 | - React-RCTImage (0.69.5): 308 | - RCT-Folly (= 2021.06.28.00-v2) 309 | - RCTTypeSafety (= 0.69.5) 310 | - React-Codegen (= 0.69.5) 311 | - React-Core/RCTImageHeaders (= 0.69.5) 312 | - React-jsi (= 0.69.5) 313 | - React-RCTNetwork (= 0.69.5) 314 | - ReactCommon/turbomodule/core (= 0.69.5) 315 | - React-RCTLinking (0.69.5): 316 | - React-Codegen (= 0.69.5) 317 | - React-Core/RCTLinkingHeaders (= 0.69.5) 318 | - React-jsi (= 0.69.5) 319 | - ReactCommon/turbomodule/core (= 0.69.5) 320 | - React-RCTNetwork (0.69.5): 321 | - RCT-Folly (= 2021.06.28.00-v2) 322 | - RCTTypeSafety (= 0.69.5) 323 | - React-Codegen (= 0.69.5) 324 | - React-Core/RCTNetworkHeaders (= 0.69.5) 325 | - React-jsi (= 0.69.5) 326 | - ReactCommon/turbomodule/core (= 0.69.5) 327 | - React-RCTSettings (0.69.5): 328 | - RCT-Folly (= 2021.06.28.00-v2) 329 | - RCTTypeSafety (= 0.69.5) 330 | - React-Codegen (= 0.69.5) 331 | - React-Core/RCTSettingsHeaders (= 0.69.5) 332 | - React-jsi (= 0.69.5) 333 | - ReactCommon/turbomodule/core (= 0.69.5) 334 | - React-RCTText (0.69.5): 335 | - React-Core/RCTTextHeaders (= 0.69.5) 336 | - React-RCTVibration (0.69.5): 337 | - RCT-Folly (= 2021.06.28.00-v2) 338 | - React-Codegen (= 0.69.5) 339 | - React-Core/RCTVibrationHeaders (= 0.69.5) 340 | - React-jsi (= 0.69.5) 341 | - ReactCommon/turbomodule/core (= 0.69.5) 342 | - React-runtimeexecutor (0.69.5): 343 | - React-jsi (= 0.69.5) 344 | - ReactCommon/turbomodule/core (0.69.5): 345 | - DoubleConversion 346 | - glog 347 | - RCT-Folly (= 2021.06.28.00-v2) 348 | - React-bridging (= 0.69.5) 349 | - React-callinvoker (= 0.69.5) 350 | - React-Core (= 0.69.5) 351 | - React-cxxreact (= 0.69.5) 352 | - React-jsi (= 0.69.5) 353 | - React-logger (= 0.69.5) 354 | - React-perflogger (= 0.69.5) 355 | - RNCMaskedView (0.2.7): 356 | - React-Core 357 | - SocketRocket (0.6.0) 358 | - Yoga (1.14.0) 359 | - YogaKit (1.18.1): 360 | - Yoga (~> 1.14) 361 | 362 | DEPENDENCIES: 363 | - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`) 364 | - BVLinearGradient (from `../node_modules/react-native-linear-gradient`) 365 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`) 366 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`) 367 | - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`) 368 | - Flipper (= 0.125.0) 369 | - Flipper-Boost-iOSX (= 1.76.0.1.11) 370 | - Flipper-DoubleConversion (= 3.2.0.1) 371 | - Flipper-Fmt (= 7.1.7) 372 | - Flipper-Folly (= 2.6.10) 373 | - Flipper-Glog (= 0.5.0.5) 374 | - Flipper-PeerTalk (= 0.0.4) 375 | - Flipper-RSocket (= 1.4.3) 376 | - FlipperKit (= 0.125.0) 377 | - FlipperKit/Core (= 0.125.0) 378 | - FlipperKit/CppBridge (= 0.125.0) 379 | - FlipperKit/FBCxxFollyDynamicConvert (= 0.125.0) 380 | - FlipperKit/FBDefines (= 0.125.0) 381 | - FlipperKit/FKPortForwarding (= 0.125.0) 382 | - FlipperKit/FlipperKitHighlightOverlay (= 0.125.0) 383 | - FlipperKit/FlipperKitLayoutPlugin (= 0.125.0) 384 | - FlipperKit/FlipperKitLayoutTextSearchable (= 0.125.0) 385 | - FlipperKit/FlipperKitNetworkPlugin (= 0.125.0) 386 | - FlipperKit/FlipperKitReactPlugin (= 0.125.0) 387 | - FlipperKit/FlipperKitUserDefaultsPlugin (= 0.125.0) 388 | - FlipperKit/SKIOSNetworkPlugin (= 0.125.0) 389 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`) 390 | - OpenSSL-Universal (= 1.1.1100) 391 | - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`) 392 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`) 393 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`) 394 | - React (from `../node_modules/react-native/`) 395 | - React-bridging (from `../node_modules/react-native/ReactCommon`) 396 | - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`) 397 | - React-Codegen (from `build/generated/ios`) 398 | - React-Core (from `../node_modules/react-native/`) 399 | - React-Core/DevSupport (from `../node_modules/react-native/`) 400 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`) 401 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`) 402 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`) 403 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`) 404 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 405 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 406 | - React-logger (from `../node_modules/react-native/ReactCommon/logger`) 407 | - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`) 408 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 409 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 410 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`) 411 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`) 412 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`) 413 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`) 414 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`) 415 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`) 416 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 417 | - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`) 418 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 419 | - "RNCMaskedView (from `../node_modules/@react-native-masked-view/masked-view`)" 420 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 421 | 422 | SPEC REPOS: 423 | trunk: 424 | - CocoaAsyncSocket 425 | - Flipper 426 | - Flipper-Boost-iOSX 427 | - Flipper-DoubleConversion 428 | - Flipper-Fmt 429 | - Flipper-Folly 430 | - Flipper-Glog 431 | - Flipper-PeerTalk 432 | - Flipper-RSocket 433 | - FlipperKit 434 | - fmt 435 | - libevent 436 | - OpenSSL-Universal 437 | - SocketRocket 438 | - YogaKit 439 | 440 | EXTERNAL SOURCES: 441 | boost: 442 | :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec" 443 | BVLinearGradient: 444 | :path: "../node_modules/react-native-linear-gradient" 445 | DoubleConversion: 446 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec" 447 | FBLazyVector: 448 | :path: "../node_modules/react-native/Libraries/FBLazyVector" 449 | FBReactNativeSpec: 450 | :path: "../node_modules/react-native/React/FBReactNativeSpec" 451 | glog: 452 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec" 453 | RCT-Folly: 454 | :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec" 455 | RCTRequired: 456 | :path: "../node_modules/react-native/Libraries/RCTRequired" 457 | RCTTypeSafety: 458 | :path: "../node_modules/react-native/Libraries/TypeSafety" 459 | React: 460 | :path: "../node_modules/react-native/" 461 | React-bridging: 462 | :path: "../node_modules/react-native/ReactCommon" 463 | React-callinvoker: 464 | :path: "../node_modules/react-native/ReactCommon/callinvoker" 465 | React-Codegen: 466 | :path: build/generated/ios 467 | React-Core: 468 | :path: "../node_modules/react-native/" 469 | React-CoreModules: 470 | :path: "../node_modules/react-native/React/CoreModules" 471 | React-cxxreact: 472 | :path: "../node_modules/react-native/ReactCommon/cxxreact" 473 | React-jsi: 474 | :path: "../node_modules/react-native/ReactCommon/jsi" 475 | React-jsiexecutor: 476 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor" 477 | React-jsinspector: 478 | :path: "../node_modules/react-native/ReactCommon/jsinspector" 479 | React-logger: 480 | :path: "../node_modules/react-native/ReactCommon/logger" 481 | React-perflogger: 482 | :path: "../node_modules/react-native/ReactCommon/reactperflogger" 483 | React-RCTActionSheet: 484 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS" 485 | React-RCTAnimation: 486 | :path: "../node_modules/react-native/Libraries/NativeAnimation" 487 | React-RCTBlob: 488 | :path: "../node_modules/react-native/Libraries/Blob" 489 | React-RCTImage: 490 | :path: "../node_modules/react-native/Libraries/Image" 491 | React-RCTLinking: 492 | :path: "../node_modules/react-native/Libraries/LinkingIOS" 493 | React-RCTNetwork: 494 | :path: "../node_modules/react-native/Libraries/Network" 495 | React-RCTSettings: 496 | :path: "../node_modules/react-native/Libraries/Settings" 497 | React-RCTText: 498 | :path: "../node_modules/react-native/Libraries/Text" 499 | React-RCTVibration: 500 | :path: "../node_modules/react-native/Libraries/Vibration" 501 | React-runtimeexecutor: 502 | :path: "../node_modules/react-native/ReactCommon/runtimeexecutor" 503 | ReactCommon: 504 | :path: "../node_modules/react-native/ReactCommon" 505 | RNCMaskedView: 506 | :path: "../node_modules/@react-native-masked-view/masked-view" 507 | Yoga: 508 | :path: "../node_modules/react-native/ReactCommon/yoga" 509 | 510 | SPEC CHECKSUMS: 511 | boost: a7c83b31436843459a1961bfd74b96033dc77234 512 | BVLinearGradient: 34a999fda29036898a09c6a6b728b0b4189e1a44 513 | CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99 514 | DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54 515 | FBLazyVector: 0045cf98ca4a48af3bf7108d85b1c243740fa289 516 | FBReactNativeSpec: 82e74141263f8c962e288f5cd6b5d149cdc8afe1 517 | Flipper: 26fc4b7382499f1281eb8cb921e5c3ad6de91fe0 518 | Flipper-Boost-iOSX: fd1e2b8cbef7e662a122412d7ac5f5bea715403c 519 | Flipper-DoubleConversion: 2dc99b02f658daf147069aad9dbd29d8feb06d30 520 | Flipper-Fmt: 60cbdd92fc254826e61d669a5d87ef7015396a9b 521 | Flipper-Folly: 584845625005ff068a6ebf41f857f468decd26b3 522 | Flipper-Glog: 70c50ce58ddaf67dc35180db05f191692570f446 523 | Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9 524 | Flipper-RSocket: d9d9ade67cbecf6ac10730304bf5607266dd2541 525 | FlipperKit: cbdee19bdd4e7f05472a66ce290f1b729ba3cb86 526 | fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9 527 | glog: 3d02b25ca00c2d456734d0bcff864cbc62f6ae1a 528 | libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913 529 | OpenSSL-Universal: ebc357f1e6bc71fa463ccb2fe676756aff50e88c 530 | RCT-Folly: b9d9fe1fc70114b751c076104e52f3b1b5e5a95a 531 | RCTRequired: 85c60c4bde8241278be2c93420de4c65475a2151 532 | RCTTypeSafety: 15990f289215eb0fc65c5eb6e2610faeeda8d5e1 533 | React: 6cfa9367042a85f6235740420df017d51efc6494 534 | React-bridging: bf49ea3fa02446c647748d33cc9cbc0f5509bba7 535 | React-callinvoker: 6b98a94d1f5063afe211379d061b01f40707394a 536 | React-Codegen: 2fe0ade7442acce0b729a228a2d9111b6ef294e2 537 | React-Core: ad82eacbe769f918b0d199df3cb7c780cd3f46ff 538 | React-CoreModules: 72b07fed89ab0e7f2600f9275ec9642130aa920c 539 | React-cxxreact: 2bba16be9eb4116bee86e3dfd85aeb67b2795eca 540 | React-jsi: 013de11039e08ae5d67868a72f1012794d34e72f 541 | React-jsiexecutor: e42f0b46de293a026c2fb20e524d4fe09f81f575 542 | React-jsinspector: e385fb7a1440ae3f3b2cd1a139ca5aadaab43c10 543 | React-logger: 15c734997c06fe9c9b88e528fb7757601e7a56df 544 | React-perflogger: 367418425c5e4a9f0f80385ee1eaacd2a7348f8e 545 | React-RCTActionSheet: e4885e7136f98ded1137cd3daccc05eaed97d5a6 546 | React-RCTAnimation: 7c5a74f301c9b763343ba98a3dd776ed2676993f 547 | React-RCTBlob: 5c294e0415b290b1b3b72ec454c43e3afcfab444 548 | React-RCTImage: e82034ab64dfbadd3e0b42d830a810702f59f758 549 | React-RCTLinking: f007e2b4094e1fd364f3bde8bbd94113d4e1e70f 550 | React-RCTNetwork: 72eaf2f4cbcb5105b2ef4ac6a987b51047d8835f 551 | React-RCTSettings: 61949292107ca7b6cf9601679e952b1b5a3546a7 552 | React-RCTText: 307181243987b73aaefc22afd0b57b10ef970429 553 | React-RCTVibration: 42b34fde72e42446d9b08d2b9a3ddc2fa9ac6189 554 | React-runtimeexecutor: c778439c3c430a5719d027d3c67423b390a221fe 555 | ReactCommon: ab1003b81be740fecd82509c370a45b1a7dda0c1 556 | RNCMaskedView: cb9670ea9239998340eaab21df13fa12a1f9de15 557 | SocketRocket: fccef3f9c5cedea1353a9ef6ada904fde10d6608 558 | Yoga: c2b1f2494060865ac1f27e49639e72371b1205fa 559 | YogaKit: f782866e155069a2cca2517aafea43200b01fd5a 560 | 561 | PODFILE CHECKSUM: 99469f89d857b45fe9cd7e5bd425ba967feaae04 562 | 563 | COCOAPODS: 1.11.3 564 | -------------------------------------------------------------------------------- /metro.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Metro configuration for React Native 3 | * https://github.com/facebook/react-native 4 | * 5 | * @format 6 | */ 7 | 8 | module.exports = { 9 | transformer: { 10 | getTransformOptions: async () => ({ 11 | transform: { 12 | experimentalImportSupport: false, 13 | inlineRequires: true, 14 | }, 15 | }), 16 | }, 17 | }; 18 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gradientborder", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "android": "react-native run-android", 7 | "ios": "react-native run-ios", 8 | "start": "react-native start", 9 | "test": "jest", 10 | "lint": "eslint . --ext .js,.jsx,.ts,.tsx" 11 | }, 12 | "dependencies": { 13 | "@react-native-masked-view/masked-view": "^0.2.7", 14 | "lodash": "^4.17.21", 15 | "react": "18.0.0", 16 | "react-native": "0.69.5", 17 | "react-native-eject": "^0.1.2", 18 | "react-native-linear-gradient": "^2.6.2" 19 | }, 20 | "devDependencies": { 21 | "@babel/core": "^7.12.9", 22 | "@babel/runtime": "^7.12.5", 23 | "@react-native-community/eslint-config": "^2.0.0", 24 | "@tsconfig/react-native": "^2.0.2", 25 | "@types/jest": "^26.0.23", 26 | "@types/lodash": "^4.14.191", 27 | "@types/react-native": "^0.69.5", 28 | "@types/react-test-renderer": "^18.0.0", 29 | "@typescript-eslint/eslint-plugin": "^5.29.0", 30 | "@typescript-eslint/parser": "^5.29.0", 31 | "babel-jest": "^26.6.3", 32 | "eslint": "^7.32.0", 33 | "jest": "^26.6.3", 34 | "metro-react-native-babel-preset": "^0.70.3", 35 | "react-test-renderer": "18.0.0", 36 | "typescript": "^4.4.4" 37 | }, 38 | "jest": { 39 | "preset": "react-native", 40 | "moduleFileExtensions": [ 41 | "ts", 42 | "tsx", 43 | "js", 44 | "jsx", 45 | "json", 46 | "node" 47 | ] 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /package/.npmignore: -------------------------------------------------------------------------------- 1 | .npmrc -------------------------------------------------------------------------------- /package/README.md: -------------------------------------------------------------------------------- 1 | Documentation available [on github](https://github.com/iway1/react-native-gradient-border) 2 | 3 | https://github.com/iway1/react-native-gradient-border -------------------------------------------------------------------------------- /package/index.ts: -------------------------------------------------------------------------------- 1 | import { 2 | GradientBorderView, 3 | GradientBorderViewStyle, 4 | } from './src/components/GradientBorderView'; 5 | import {GradientProps} from './src/components/GradientBorder'; 6 | 7 | export {GradientBorderView}; 8 | export type {GradientBorderViewStyle, GradientProps as GP}; 9 | -------------------------------------------------------------------------------- /package/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@good-react-native/gradient-border", 3 | "version": "1.0.0", 4 | "description": "A universal gradient border solution for React Native", 5 | "main": "index.ts", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "p": "npm version patch --force && npm publish --access public" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/iway1/react-native-gradient-border.git" 13 | }, 14 | "keywords": [ 15 | "keyboard", 16 | "avoiding", 17 | "react", 18 | "native", 19 | "react", 20 | "good", 21 | "scrollview" 22 | ], 23 | "author": "Isaac Way", 24 | "license": "MIT", 25 | "bugs": { 26 | "url": "https://github.com/iway1/react-native-gradient-border/issues" 27 | }, 28 | "homepage": "https://github.com/iway1/react-native-gradient-border#readme", 29 | "peerDependencies": { 30 | "react": "^17.0.0", 31 | "react-native": "^0.62.0", 32 | "react-native-linear-gradient": "^2.6.0", 33 | "@react-native-masked-view/masked-view": "^0.2.7" 34 | }, 35 | "dependencies": { 36 | "lodash": "^4.17.21" 37 | }, 38 | "devDependencies": { 39 | "@types/react-native": "^0.69.5", 40 | "@types/lodash": "^4.14.191" 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /package/src/components/GradientBorder.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {StyleSheet, View} from 'react-native'; 3 | import MaskedView from '@react-native-masked-view/masked-view'; 4 | import LinearGradient, { 5 | LinearGradientProps, 6 | } from 'react-native-linear-gradient'; 7 | 8 | export type GradientProps = Omit< 9 | LinearGradientProps, 10 | 'style' | 'pointerEvents' 11 | >; 12 | 13 | export type RequiredGradientBorderProps = { 14 | /** 15 | * Props to be passed to the gradient component. See `react-native-linear-gradient` for full list. Requires "colors" prop. 16 | */ 17 | gradientProps: GradientProps; 18 | }; 19 | 20 | type BorderProps = { 21 | /** 22 | * Width of border. 23 | */ 24 | borderWidth?: number; 25 | 26 | /** 27 | * Border applied to top of view, overrides borderWidth. 28 | */ 29 | borderTopWidth?: number; 30 | /** 31 | * Border applied to left side of view, overrides borderWidth. 32 | */ 33 | borderLeftWidth?: number; 34 | 35 | /** 36 | * Border applied to bottom side of view, overrides borderWidth. 37 | */ 38 | borderBottomWidth?: number; 39 | 40 | /** 41 | * Border appled to right side of view, overrides borderWidth. 42 | */ 43 | borderRightWidth?: number; 44 | /** 45 | * Border radius applied to each corner. 46 | */ 47 | borderRadius?: number; 48 | /** 49 | * Border radius applied to top right corner, Overrides borderRadius. 50 | */ 51 | borderTopRightRadius?: number; 52 | /** 53 | * Border radius applied to top left corner. Overrides borderRadius 54 | */ 55 | borderTopLeftRadius?: number; 56 | /** 57 | * Border radius applied to bottom right corner. Overrides borderRadius 58 | */ 59 | borderBottomRightRadius?: number; 60 | /** 61 | * Border radius applied to bottom left corner. Overrides borderRadius 62 | */ 63 | borderBottomLeftRadius?: number; 64 | }; 65 | 66 | /** 67 | * A component that applies a gradient border to the parent. 68 | * Should be placed as the last child of the parent so that it isn't overlapped. 69 | * @example 70 | * ```tsx 71 | * 72 | * 78 | * 79 | * ``` 80 | */ 81 | export default function GradientBorder({ 82 | gradientProps, 83 | borderWidth, 84 | borderRadius, 85 | borderTopRightRadius, 86 | borderTopLeftRadius, 87 | borderBottomLeftRadius, 88 | borderBottomRightRadius, 89 | borderTopWidth, 90 | borderLeftWidth, 91 | borderRightWidth, 92 | borderBottomWidth, 93 | }: RequiredGradientBorderProps & BorderProps) { 94 | return ( 95 | 116 | } 117 | style={[StyleSheet.absoluteFill]} 118 | pointerEvents="none"> 119 | 124 | 125 | ); 126 | } 127 | -------------------------------------------------------------------------------- /package/src/components/GradientBorderView.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {StyleProp, StyleSheet, View, ViewProps, ViewStyle} from 'react-native'; 3 | import GradientBorder, {RequiredGradientBorderProps} from './GradientBorder'; 4 | import omit from 'lodash/omit'; 5 | 6 | type GradientBorderViewProps = Omit< 7 | ViewStyle, 8 | | 'paddingLeft' 9 | | 'paddingRight' 10 | | 'paddingTop' 11 | | 'paddingBottom' 12 | | 'padding' 13 | | 'borderColor' 14 | | 'borderLeftColor' 15 | | 'borderRightColor' 16 | | 'borderTopColor' 17 | | 'borderBottomColor' 18 | >; 19 | 20 | export type GradientBorderViewStyle = StyleProp< 21 | GradientBorderViewProps & { 22 | paddingLeft?: number; 23 | paddingRight?: number; 24 | paddingTop?: number; 25 | paddingBottom?: number; 26 | padding?: number; 27 | } 28 | >; 29 | 30 | /** 31 | * A view that applies a gradient border. `gradientProps` is required and can be used to control the gradient (react-native-linear-gradient props), 32 | * and `borderWidth` is required. See 33 | * @example 34 | * 40 | */ 41 | export const GradientBorderView = ({ 42 | gradientProps, 43 | ...props 44 | }: Omit & { 45 | style?: GradientBorderViewStyle; 46 | } & RequiredGradientBorderProps) => { 47 | const styles = StyleSheet.flatten(props.style); 48 | const userAllPadding = styles.padding ? styles.padding : 0; 49 | const compensationAllPadding = styles.borderWidth ? styles.borderWidth : 0; 50 | function calcPaddingForSide( 51 | paddingName: 52 | | 'paddingLeft' 53 | | 'paddingRight' 54 | | 'paddingTop' 55 | | 'paddingBottom', 56 | borderWidthName: 57 | | 'borderTopWidth' 58 | | 'borderBottomWidth' 59 | | 'borderLeftWidth' 60 | | 'borderRightWidth', 61 | ) { 62 | const userPadding = 63 | typeof styles[paddingName] !== 'undefined' 64 | ? styles[paddingName]! 65 | : userAllPadding; 66 | const compensationPadding = 67 | typeof styles[borderWidthName] !== 'undefined' 68 | ? styles[borderWidthName]! 69 | : compensationAllPadding; 70 | return compensationPadding + userPadding; 71 | } 72 | 73 | if ( 74 | __DEV__ && 75 | !( 76 | styles.borderWidth || 77 | styles.borderTopWidth || 78 | styles.borderLeftWidth || 79 | styles.borderRightWidth || 80 | styles.borderBottomWidth 81 | ) 82 | ) { 83 | console.warn( 84 | 'No borderWidth was passed in the GradientBorderView style, no border will be shown.', 85 | ); 86 | } 87 | 88 | return ( 89 | 109 | {props.children} 110 | 123 | 124 | ); 125 | } 126 | -------------------------------------------------------------------------------- /package/yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | "@types/prop-types@*": 6 | version "15.7.5" 7 | resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf" 8 | integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w== 9 | 10 | "@types/react-native@^0.69.5": 11 | version "0.69.5" 12 | resolved "https://registry.yarnpkg.com/@types/react-native/-/react-native-0.69.5.tgz#7709fdbff031a5ecf1956705e6c4a07cdfe6867c" 13 | integrity sha512-mSUCuGUsW2kJlZiu4GmdYVDKZX/52iyC9rm6dxAmflJj1b7kSO/CMSDy5WbcfS8QerxTqbYGTrIwHD0GnXHzbQ== 14 | dependencies: 15 | "@types/react" "*" 16 | 17 | "@types/react@*": 18 | version "18.0.17" 19 | resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.17.tgz#4583d9c322d67efe4b39a935d223edcc7050ccf4" 20 | integrity sha512-38ETy4tL+rn4uQQi7mB81G7V1g0u2ryquNmsVIOKUAEIDK+3CUjZ6rSRpdvS99dNBnkLFL83qfmtLacGOTIhwQ== 21 | dependencies: 22 | "@types/prop-types" "*" 23 | "@types/scheduler" "*" 24 | csstype "^3.0.2" 25 | 26 | "@types/scheduler@*": 27 | version "0.16.2" 28 | resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39" 29 | integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew== 30 | 31 | csstype@^3.0.2: 32 | version "3.1.0" 33 | resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.0.tgz#4ddcac3718d787cf9df0d1b7d15033925c8f29f2" 34 | integrity sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA== 35 | 36 | react-native-uuid@^2.0.1: 37 | version "2.0.1" 38 | resolved "https://registry.yarnpkg.com/react-native-uuid/-/react-native-uuid-2.0.1.tgz#ed4e2dfb1683eddb66967eb5dca140dfe1abddb9" 39 | integrity sha512-cptnoIbL53GTCrWlb/+jrDC6tvb7ypIyzbXNJcpR3Vab0mkeaaVd5qnB3f0whXYzS+SMoSQLcUUB0gEWqkPC0g== 40 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | // prettier-ignore 2 | { 3 | "extends": "@tsconfig/react-native/tsconfig.json", /* Recommended React Native TSConfig base */ 4 | "compilerOptions": { 5 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 6 | 7 | /* Completeness */ 8 | "skipLibCheck": true /* Skip type checking all .d.ts files. */ 9 | } 10 | } 11 | --------------------------------------------------------------------------------