├── .gitignore ├── examples ├── ReactNative │ ├── android │ │ ├── app │ │ │ ├── src │ │ │ │ ├── main │ │ │ │ │ ├── res │ │ │ │ │ │ ├── values-night │ │ │ │ │ │ │ └── colors.xml │ │ │ │ │ │ ├── mipmap-hdpi │ │ │ │ │ │ │ ├── ic_launcher.png │ │ │ │ │ │ │ ├── ic_launcher_round.png │ │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ │ ├── mipmap-mdpi │ │ │ │ │ │ │ ├── ic_launcher.png │ │ │ │ │ │ │ ├── ic_launcher_round.png │ │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ │ ├── mipmap-xhdpi │ │ │ │ │ │ │ ├── ic_launcher.png │ │ │ │ │ │ │ ├── ic_launcher_round.png │ │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ │ ├── mipmap-xxhdpi │ │ │ │ │ │ │ ├── ic_launcher.png │ │ │ │ │ │ │ ├── ic_launcher_round.png │ │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ │ ├── mipmap-xxxhdpi │ │ │ │ │ │ │ ├── ic_launcher.png │ │ │ │ │ │ │ ├── ic_launcher_round.png │ │ │ │ │ │ │ └── ic_launcher_foreground.png │ │ │ │ │ │ ├── drawable-hdpi │ │ │ │ │ │ │ └── splashscreen_image.png │ │ │ │ │ │ ├── drawable-mdpi │ │ │ │ │ │ │ └── splashscreen_image.png │ │ │ │ │ │ ├── drawable │ │ │ │ │ │ │ └── splashscreen.xml │ │ │ │ │ │ ├── drawable-xhdpi │ │ │ │ │ │ │ └── splashscreen_image.png │ │ │ │ │ │ ├── drawable-xxhdpi │ │ │ │ │ │ │ └── splashscreen_image.png │ │ │ │ │ │ ├── drawable-xxxhdpi │ │ │ │ │ │ │ └── splashscreen_image.png │ │ │ │ │ │ ├── values │ │ │ │ │ │ │ ├── colors.xml │ │ │ │ │ │ │ ├── strings.xml │ │ │ │ │ │ │ └── styles.xml │ │ │ │ │ │ └── mipmap-anydpi-v26 │ │ │ │ │ │ │ ├── ic_launcher.xml │ │ │ │ │ │ │ └── ic_launcher_round.xml │ │ │ │ │ ├── java │ │ │ │ │ │ └── com │ │ │ │ │ │ │ └── github │ │ │ │ │ │ │ └── reactFancyQrcode │ │ │ │ │ │ │ ├── MainActivity.java │ │ │ │ │ │ │ └── MainApplication.java │ │ │ │ │ └── AndroidManifest.xml │ │ │ │ └── debug │ │ │ │ │ ├── AndroidManifest.xml │ │ │ │ │ └── java │ │ │ │ │ └── com │ │ │ │ │ └── github │ │ │ │ │ └── reactFancyQrcode │ │ │ │ │ └── ReactNativeFlipper.java │ │ │ ├── debug.keystore │ │ │ ├── proguard-rules.pro │ │ │ ├── build_defs.bzl │ │ │ ├── BUCK │ │ │ └── build.gradle │ │ ├── gradle │ │ │ └── wrapper │ │ │ │ ├── gradle-wrapper.jar │ │ │ │ └── gradle-wrapper.properties │ │ ├── settings.gradle │ │ ├── build.gradle │ │ ├── gradle.properties │ │ ├── gradlew.bat │ │ └── gradlew │ ├── ios │ │ ├── Podfile.properties.json │ │ ├── ReactNative │ │ │ ├── Images.xcassets │ │ │ │ ├── Contents.json │ │ │ │ ├── SplashScreen.imageset │ │ │ │ │ ├── splashscreen.png │ │ │ │ │ └── Contents.json │ │ │ │ ├── SplashScreenBackground.imageset │ │ │ │ │ ├── background.png │ │ │ │ │ └── Contents.json │ │ │ │ └── AppIcon.appiconset │ │ │ │ │ └── Contents.json │ │ │ ├── AppDelegate.h │ │ │ ├── main.m │ │ │ ├── Supporting │ │ │ │ └── Expo.plist │ │ │ ├── Info.plist │ │ │ ├── AppDelegate.m │ │ │ └── SplashScreen.storyboard │ │ ├── ReactNative.xcworkspace │ │ │ └── contents.xcworkspacedata │ │ ├── Podfile │ │ ├── ReactNative.xcodeproj │ │ │ ├── xcshareddata │ │ │ │ └── xcschemes │ │ │ │ │ └── ReactNative.xcscheme │ │ │ └── project.pbxproj │ │ └── Podfile.lock │ ├── assets │ │ ├── fire.png │ │ ├── icon.png │ │ ├── favicon.png │ │ ├── splash.png │ │ └── adaptive-icon.png │ ├── tsconfig.json │ ├── babel.config.js │ ├── .expo-shared │ │ └── assets.json │ ├── metro.config.js │ ├── index.js │ ├── README.md │ ├── App.tsx │ ├── package.json │ ├── app.json │ └── .gitignore ├── logo.png ├── gradient.png ├── logo_dots.png ├── Web │ ├── public │ │ ├── robots.txt │ │ ├── favicon.ico │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── index.html │ ├── src │ │ ├── fire.png │ │ ├── App.css │ │ ├── index.js │ │ ├── index.css │ │ └── App.js │ ├── README.md │ ├── .gitignore │ └── package.json └── dots_color.png ├── src ├── context.ts ├── native.tsx ├── web.tsx ├── utils.ts ├── components │ ├── Logo.tsx │ ├── Dot.tsx │ ├── PositionPattern.tsx │ └── QRCode.tsx └── types.ts ├── tsconfig.json ├── LICENSE ├── package.json ├── README.md └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | .DS_Store 4 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/values-night/colors.xml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/Podfile.properties.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo.jsEngine": "jsc" 3 | } 4 | -------------------------------------------------------------------------------- /examples/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/logo.png -------------------------------------------------------------------------------- /examples/gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/gradient.png -------------------------------------------------------------------------------- /examples/logo_dots.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/logo_dots.png -------------------------------------------------------------------------------- /examples/Web/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /examples/Web/src/fire.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/Web/src/fire.png -------------------------------------------------------------------------------- /examples/dots_color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/dots_color.png -------------------------------------------------------------------------------- /examples/Web/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/Web/public/favicon.ico -------------------------------------------------------------------------------- /examples/Web/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/Web/public/logo192.png -------------------------------------------------------------------------------- /examples/Web/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/Web/public/logo512.png -------------------------------------------------------------------------------- /examples/ReactNative/assets/fire.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/assets/fire.png -------------------------------------------------------------------------------- /examples/ReactNative/assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/assets/icon.png -------------------------------------------------------------------------------- /examples/ReactNative/assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/assets/favicon.png -------------------------------------------------------------------------------- /examples/ReactNative/assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/assets/splash.png -------------------------------------------------------------------------------- /examples/ReactNative/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "expo/tsconfig.base", 3 | "compilerOptions": { 4 | "strict": true 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /examples/ReactNative/assets/adaptive-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/assets/adaptive-icon.png -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "expo" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/debug.keystore -------------------------------------------------------------------------------- /examples/ReactNative/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = function(api) { 2 | api.cache(true); 3 | return { 4 | presets: ['babel-preset-expo'], 5 | }; 6 | }; 7 | -------------------------------------------------------------------------------- /examples/Web/src/App.css: -------------------------------------------------------------------------------- 1 | 2 | .App { 3 | display: flex; 4 | height: 100vh; 5 | width: 100%; 6 | justify-content: center; 7 | align-items: center; 8 | } 9 | -------------------------------------------------------------------------------- /examples/Web/README.md: -------------------------------------------------------------------------------- 1 | # React Native Example 2 | 3 | A simple example that shows React Fancy QRCode for web. 4 | 5 | ```bash 6 | yarn install 7 | yarn start 8 | ``` 9 | -------------------------------------------------------------------------------- /examples/ReactNative/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /src/context.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import type { ContextOptions } from "./types"; 3 | 4 | export const OptionsContext = React.createContext( 5 | {} as ContextOptions 6 | ); 7 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ReactNative/.expo-shared/assets.json: -------------------------------------------------------------------------------- 1 | { 2 | "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true, 3 | "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true 4 | } 5 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ReactNative/metro.config.js: -------------------------------------------------------------------------------- 1 | // Learn more https://docs.expo.io/guides/customizing-metro 2 | const { getDefaultConfig } = require('expo/metro-config'); 3 | 4 | module.exports = getDefaultConfig(__dirname); 5 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/drawable-hdpi/splashscreen_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/drawable-hdpi/splashscreen_image.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/drawable-mdpi/splashscreen_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/drawable-mdpi/splashscreen_image.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/drawable/splashscreen.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/drawable-xhdpi/splashscreen_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/drawable-xhdpi/splashscreen_image.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/drawable-xxhdpi/splashscreen_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/drawable-xxhdpi/splashscreen_image.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/drawable-xxxhdpi/splashscreen_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/drawable-xxxhdpi/splashscreen_image.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Images.xcassets/SplashScreen.imageset/splashscreen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/ios/ReactNative/Images.xcassets/SplashScreen.imageset/splashscreen.png -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Images.xcassets/SplashScreenBackground.imageset/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jgillick/react-fancy-qrcode/HEAD/examples/ReactNative/ios/ReactNative/Images.xcassets/SplashScreenBackground.imageset/background.png -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | #import 4 | 5 | #import 6 | 7 | @interface AppDelegate : EXAppDelegateWrapper 8 | 9 | @end 10 | -------------------------------------------------------------------------------- /examples/ReactNative/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/main.m: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | #import "AppDelegate.h" 4 | 5 | int main(int argc, char * argv[]) { 6 | @autoreleasepool { 7 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 8 | } 9 | } 10 | 11 | -------------------------------------------------------------------------------- /examples/Web/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | import "./index.css"; 4 | import App from "./App"; 5 | 6 | ReactDOM.render( 7 | 8 | 9 | , 10 | document.getElementById("root") 11 | ); 12 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | #ffffff 3 | #FFFFFF 4 | #023c69 5 | #ffffff 6 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ReactFancyQRCode 3 | contain 4 | false 5 | -------------------------------------------------------------------------------- /examples/Web/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /examples/ReactNative/index.js: -------------------------------------------------------------------------------- 1 | import { registerRootComponent } from 'expo'; 2 | 3 | import App from './App'; 4 | 5 | // registerRootComponent calls AppRegistry.registerComponent('main', () => App); 6 | // It also ensures that whether you load the app in Expo Go or in a native build, 7 | // the environment is set up appropriately 8 | registerRootComponent(App); 9 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /examples/Web/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Supporting/Expo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | EXUpdatesSDKVersion 6 | YOUR-APP-SDK-VERSION-HERE 7 | EXUpdatesURL 8 | YOUR-APP-URL-HERE 9 | 10 | 11 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Images.xcassets/SplashScreen.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images": [ 3 | { 4 | "idiom": "universal", 5 | "filename": "splashscreen.png", 6 | "scale": "1x" 7 | }, 8 | { 9 | "idiom": "universal", 10 | "scale": "2x" 11 | }, 12 | { 13 | "idiom": "universal", 14 | "scale": "3x" 15 | } 16 | ], 17 | "info": { 18 | "version": 1, 19 | "author": "expo" 20 | } 21 | } -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Images.xcassets/SplashScreenBackground.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images": [ 3 | { 4 | "idiom": "universal", 5 | "filename": "background.png", 6 | "scale": "1x" 7 | }, 8 | { 9 | "idiom": "universal", 10 | "scale": "2x" 11 | }, 12 | { 13 | "idiom": "universal", 14 | "scale": "3x" 15 | } 16 | ], 17 | "info": { 18 | "version": 1, 19 | "author": "expo" 20 | } 21 | } -------------------------------------------------------------------------------- /examples/Web/src/App.js: -------------------------------------------------------------------------------- 1 | import QRCode from "react-fancy-qrcode"; 2 | import fire from "./fire.png"; 3 | import "./App.css"; 4 | 5 | function App() { 6 | return ( 7 |
8 | 16 |
17 | ); 18 | } 19 | 20 | export default App; 21 | -------------------------------------------------------------------------------- /examples/ReactNative/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 | -------------------------------------------------------------------------------- /examples/ReactNative/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'ReactFancyQRCode' 2 | 3 | apply from: new File(["node", "--print", "require.resolve('expo/package.json')"].execute(null, rootDir).text.trim(), "../scripts/autolinking.gradle"); 4 | useExpoModules() 5 | 6 | apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json')"].execute(null, rootDir).text.trim(), "../native_modules.gradle"); 7 | applyNativeModulesSettingsGradle(settings) 8 | 9 | include ':app' 10 | -------------------------------------------------------------------------------- /src/native.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Svg, { 3 | Defs, 4 | G, 5 | Rect, 6 | LinearGradient, 7 | Stop, 8 | Image, 9 | } from "react-native-svg"; 10 | import QRCode from "./components/QRCode"; 11 | 12 | import { QRCodeRef, QRCodeProps } from "./types"; 13 | 14 | const svgDom = { 15 | Svg, 16 | Defs, 17 | G, 18 | Rect, 19 | LinearGradient, 20 | Stop, 21 | Image, 22 | }; 23 | 24 | export default React.forwardRef((props, ref) => { 25 | return ; 26 | }); 27 | -------------------------------------------------------------------------------- /examples/Web/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /src/web.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import QRCode from "./components/QRCode"; 3 | 4 | import { QRCodeRef, QRCodeProps } from "./types"; 5 | 6 | const svgDom = { 7 | Svg: "svg" as React.ElementType, 8 | Defs: "defs" as React.ElementType, 9 | G: "g" as React.ElementType, 10 | Rect: "rect" as React.ElementType, 11 | LinearGradient: "linearGradient" as React.ElementType, 12 | Stop: "stop" as React.ElementType, 13 | Image: "image" as React.ElementType, 14 | }; 15 | 16 | export default React.forwardRef((props, ref) => { 17 | return ; 18 | }); 19 | 20 | export { QRCodeRef } from "./types"; 21 | -------------------------------------------------------------------------------- /examples/ReactNative/README.md: -------------------------------------------------------------------------------- 1 | # React Native Example 2 | 3 | A simple example that shows React Fancy QRCode on native devices (ios and android) 4 | 5 | ## iOS 6 | 7 | First make sure you have your [iOS environment setup](https://reactnative.dev/docs/environment-setup). 8 | 9 | ```bash 10 | yarn install 11 | npx pod-install ios 12 | yarn ios 13 | ``` 14 | 15 | ## Android 16 | 17 | First make sure you have your [Android environment setup](https://reactnative.dev/docs/environment-setup). 18 | 19 | ```bash 20 | yarn install 21 | 22 | # Set ANDROID_SDK_ROOT 23 | echo "sdk.dir=~/Library/Android/sdk" > android/local.properties 24 | 25 | # Build and run 26 | yarn android 27 | ``` 28 | -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- 1 | import QRCodeGenerator from "qrcode"; 2 | import { ErrorCorrection } from "./types"; 3 | 4 | export const generateDataMatrix = ( 5 | value: string, 6 | errorCorrection: ErrorCorrection 7 | ): number[][] => { 8 | const data = QRCodeGenerator.create(value, { 9 | errorCorrectionLevel: errorCorrection, 10 | }).modules.data as number[]; 11 | const sideCount = Math.sqrt(data.length); 12 | 13 | // Convert array of pixels to rows/columns 14 | return data.reduce((rows, pixel, index) => { 15 | if (index % sideCount === 0) { 16 | rows.push([]); 17 | } 18 | rows[rows.length - 1].push(pixel); 19 | return rows; 20 | }, [] as number[][]); 21 | }; 22 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | // see https://www.typescriptlang.org/tsconfig 4 | "compilerOptions": { 5 | "sourceRoot": "src", 6 | "outDir": "./dist", 7 | "lib": ["es5"], 8 | "target": "es5", 9 | "module": "esnext", 10 | "jsx": "react", 11 | "module": "ES2015", 12 | "declaration": true, 13 | "sourceMap": true, 14 | "strict": true, 15 | "skipLibCheck": true, 16 | "noImplicitReturns": true, 17 | "noFallthroughCasesInSwitch": true, 18 | "noUnusedParameters": true, 19 | "moduleResolution": "node", 20 | "esModuleInterop": true, 21 | "forceConsistentCasingInFileNames": true, 22 | }, 23 | "include": ["src"], 24 | "exclude": ["node_modules", "dist"] 25 | } 26 | -------------------------------------------------------------------------------- /examples/ReactNative/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 | -------------------------------------------------------------------------------- /src/components/Logo.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SVGObject, ImageSourcePropType } from "../types"; 3 | 4 | type LogoProps = { 5 | size: number; 6 | logo: ImageSourcePropType; 7 | logoSize: number; 8 | svgDom: SVGObject; 9 | }; 10 | 11 | export default function Logo({ size, logo, logoSize, svgDom }: LogoProps) { 12 | if (!logoSize) { 13 | return null; 14 | } 15 | const logoPosition = (size - logoSize) / 2; 16 | 17 | const { Image } = svgDom; 18 | // eslint-disable-next-line react-native-a11y/has-valid-accessibility-ignores-invert-colors 19 | return ( 20 | 27 | ); 28 | } 29 | -------------------------------------------------------------------------------- /examples/ReactNative/App.tsx: -------------------------------------------------------------------------------- 1 | import { StatusBar } from "expo-status-bar"; 2 | import { StyleSheet, View } from "react-native"; 3 | import QRCode from "react-fancy-qrcode"; 4 | 5 | export default function App() { 6 | return ( 7 | 8 | 9 | 17 | 18 | ); 19 | } 20 | 21 | const styles = StyleSheet.create({ 22 | container: { 23 | flex: 1, 24 | backgroundColor: "#fff", 25 | alignItems: "center", 26 | justifyContent: "center", 27 | }, 28 | }); 29 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "expo" 37 | } 38 | } -------------------------------------------------------------------------------- /examples/Web/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "web", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "react": "^18.0.0", 7 | "react-dom": "^18.0.0", 8 | "react-fancy-qrcode": "../../", 9 | "react-scripts": "5.0.0" 10 | }, 11 | "scripts": { 12 | "start": "react-scripts start", 13 | "build": "react-scripts build", 14 | "test": "react-scripts test", 15 | "eject": "react-scripts eject" 16 | }, 17 | "eslintConfig": { 18 | "extends": [ 19 | "react-app" 20 | ] 21 | }, 22 | "browserslist": { 23 | "production": [ 24 | ">0.2%", 25 | "not dead", 26 | "not op_mini all" 27 | ], 28 | "development": [ 29 | "last 1 chrome version", 30 | "last 1 firefox version", 31 | "last 1 safari version" 32 | ] 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /examples/ReactNative/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-example", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "start": "expo start --dev-client", 6 | "android": "expo run:android", 7 | "ios": "expo run:ios", 8 | "web": "expo start --web", 9 | "eject": "expo eject" 10 | }, 11 | "dependencies": { 12 | "expo": "~44.0.0", 13 | "expo-splash-screen": "~0.14.1", 14 | "expo-status-bar": "~1.2.0", 15 | "react": "17.0.1", 16 | "react-dom": "17.0.1", 17 | "react-fancy-qrcode": "../../", 18 | "react-native": "0.64.3", 19 | "react-native-svg": "12.1.1", 20 | "react-native-web": "0.17.1" 21 | }, 22 | "devDependencies": { 23 | "@babel/core": "^7.12.9", 24 | "@types/react": "~17.0.21", 25 | "@types/react-native": "~0.64.12", 26 | "typescript": "~4.3.5" 27 | }, 28 | "private": true 29 | } 30 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 13 | 16 | -------------------------------------------------------------------------------- /examples/ReactNative/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo": { 3 | "name": "ReactFancyQRCode", 4 | "slug": "ReactFancyQRCode", 5 | "version": "1.0.0", 6 | "orientation": "portrait", 7 | "icon": "./assets/icon.png", 8 | "splash": { 9 | "image": "./assets/splash.png", 10 | "resizeMode": "contain", 11 | "backgroundColor": "#ffffff" 12 | }, 13 | "updates": { 14 | "fallbackToCacheTimeout": 0 15 | }, 16 | "assetBundlePatterns": [ 17 | "**/*" 18 | ], 19 | "ios": { 20 | "supportsTablet": true, 21 | "bundleIdentifier": "ReactFancyQrcodeExample" 22 | }, 23 | "android": { 24 | "adaptiveIcon": { 25 | "foregroundImage": "./assets/adaptive-icon.png", 26 | "backgroundColor": "#FFFFFF" 27 | }, 28 | "package": "com.github.reactFancyQrcode" 29 | }, 30 | "web": { 31 | "favicon": "./assets/favicon.png" 32 | } 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /examples/ReactNative/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | dist/ 4 | npm-debug.* 5 | *.jks 6 | *.p8 7 | *.p12 8 | *.key 9 | *.mobileprovision 10 | *.orig.* 11 | web-build/ 12 | 13 | # macOS 14 | .DS_Store 15 | 16 | # @generated expo-cli sync-e7dcf75f4e856f7b6f3239b3f3a7dd614ee755a8 17 | # The following patterns were generated by expo-cli 18 | 19 | # OSX 20 | # 21 | .DS_Store 22 | 23 | # Xcode 24 | # 25 | build/ 26 | *.pbxuser 27 | !default.pbxuser 28 | *.mode1v3 29 | !default.mode1v3 30 | *.mode2v3 31 | !default.mode2v3 32 | *.perspectivev3 33 | !default.perspectivev3 34 | xcuserdata 35 | *.xccheckout 36 | *.moved-aside 37 | DerivedData 38 | *.hmap 39 | *.ipa 40 | *.xcuserstate 41 | project.xcworkspace 42 | 43 | # Android/IntelliJ 44 | # 45 | build/ 46 | .idea 47 | .gradle 48 | local.properties 49 | *.iml 50 | *.hprof 51 | 52 | # node.js 53 | # 54 | node_modules/ 55 | npm-debug.log 56 | yarn-error.log 57 | 58 | # BUCK 59 | buck-out/ 60 | \.buckd/ 61 | *.keystore 62 | !debug.keystore 63 | 64 | # Bundle artifacts 65 | *.jsbundle 66 | 67 | # CocoaPods 68 | /ios/Pods/ 69 | 70 | # Expo 71 | .expo/ 72 | web-build/ 73 | dist/ 74 | 75 | # @end expo-cli -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Jeremy Gillick 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-fancy-qrcode", 3 | "version": "1.0.4", 4 | "description": "Customizable QR code generated for React & React Native", 5 | "types": "dist/*.d.ts", 6 | "main": "dist/web.js", 7 | "react-native": "dist/native.js", 8 | "files": [ 9 | "dist/*" 10 | ], 11 | "scripts": { 12 | "clean": "rm -rf ./dist", 13 | "build": "npm run clean && tsc", 14 | "test": "echo \"Error: no test specified\" && exit 1" 15 | }, 16 | "repository": { 17 | "type": "git", 18 | "url": "git+https://github.com/jgillick/react-fancy-qrcode.git" 19 | }, 20 | "keywords": [ 21 | "qrcode", 22 | "react", 23 | "react-native" 24 | ], 25 | "author": "Jeremy Gillick", 26 | "license": "MIT", 27 | "bugs": { 28 | "url": "https://github.com/jgillick/react-fancy-qrcode/issues" 29 | }, 30 | "homepage": "https://github.com/jgillick/react-fancy-qrcode#readme", 31 | "devDependencies": { 32 | "@types/qrcode": "^1.4.2", 33 | "@types/react": "^17.0.43", 34 | "react-native-svg": ">12.3.0", 35 | "tslib": "^2.7.0", 36 | "typescript": "^4.6.3" 37 | }, 38 | "dependencies": { 39 | "qrcode": "^1.5.0", 40 | "react": ">17.0.1" 41 | }, 42 | "peerDependencies": { 43 | "react-native-svg": ">12.3.0" 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /examples/ReactNative/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | ext { 5 | buildToolsVersion = "29.0.3" 6 | minSdkVersion = 21 7 | compileSdkVersion = 30 8 | targetSdkVersion = 30 9 | } 10 | repositories { 11 | google() 12 | mavenCentral() 13 | jcenter() 14 | } 15 | dependencies { 16 | classpath("com.android.tools.build:gradle:4.1.0") 17 | 18 | // NOTE: Do not place your application dependencies here; they belong 19 | // in the individual module build.gradle files 20 | } 21 | } 22 | 23 | allprojects { 24 | repositories { 25 | mavenLocal() 26 | maven { 27 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 28 | url(new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../android")) 29 | } 30 | maven { 31 | // Android JSC is installed from npm 32 | url(new File(["node", "--print", "require.resolve('jsc-android/package.json')"].execute(null, rootDir).text.trim(), "../dist")) 33 | } 34 | 35 | google() 36 | mavenCentral() 37 | jcenter() 38 | maven { url 'https://www.jitpack.io' } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /examples/ReactNative/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.github.reactFancyQrcode", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.github.reactFancyQrcode", 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 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/Podfile: -------------------------------------------------------------------------------- 1 | require File.join(File.dirname(`node --print "require.resolve('expo/package.json')"`), "scripts/autolinking") 2 | require File.join(File.dirname(`node --print "require.resolve('react-native/package.json')"`), "scripts/react_native_pods") 3 | require File.join(File.dirname(`node --print "require.resolve('@react-native-community/cli-platform-ios/package.json')"`), "native_modules") 4 | 5 | platform :ios, '12.0' 6 | 7 | require 'json' 8 | podfile_properties = JSON.parse(File.read('./Podfile.properties.json')) rescue {} 9 | 10 | target 'ReactNative' do 11 | use_expo_modules! 12 | config = use_native_modules! 13 | 14 | use_react_native!( 15 | :path => config[:reactNativePath], 16 | :hermes_enabled => podfile_properties['expo.jsEngine'] == 'hermes' 17 | ) 18 | 19 | # Uncomment to opt-in to using Flipper 20 | # 21 | # if !ENV['CI'] 22 | # use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1') 23 | # end 24 | 25 | post_install do |installer| 26 | react_native_post_install(installer) 27 | 28 | # Workaround `Cycle inside FBReactNativeSpec` error for react-native 0.64 29 | # Reference: https://github.com/software-mansion/react-native-screens/issues/842#issuecomment-812543933 30 | installer.pods_project.targets.each do |target| 31 | if (target.name&.eql?('FBReactNativeSpec')) 32 | target.build_phases.each do |build_phase| 33 | if (build_phase.respond_to?(:name) && build_phase.name.eql?('[CP-User] Generate Specs')) 34 | target.build_phases.move(build_phase, 0) 35 | end 36 | end 37 | end 38 | end 39 | end 40 | 41 | post_integrate do |installer| 42 | begin 43 | expo_patch_react_imports!(installer) 44 | rescue => e 45 | Pod::UI.warn e 46 | end 47 | end 48 | 49 | end 50 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | $(PRODUCT_BUNDLE_PACKAGE_TYPE) 17 | CFBundleSignature 18 | ???? 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | NSAppTransportSecurity 26 | 27 | NSAllowsArbitraryLoads 28 | 29 | NSExceptionDomains 30 | 31 | localhost 32 | 33 | NSExceptionAllowsInsecureHTTPLoads 34 | 35 | 36 | 37 | 38 | UILaunchStoryboardName 39 | SplashScreen 40 | UIRequiredDeviceCapabilities 41 | 42 | armv7 43 | 44 | UISupportedInterfaceOrientations 45 | 46 | UIInterfaceOrientationPortrait 47 | UIInterfaceOrientationLandscapeLeft 48 | UIInterfaceOrientationLandscapeRight 49 | 50 | UIViewControllerBasedStatusBarAppearance 51 | 52 | UIStatusBarStyle 53 | UIStatusBarStyleDefault 54 | 55 | 56 | -------------------------------------------------------------------------------- /examples/ReactNative/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | # AndroidX package structure to make it clearer which packages are bundled with the 21 | # Android operating system, and which are packaged with your app's APK 22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 23 | android.useAndroidX=true 24 | 25 | # Automatically convert third-party libraries to use AndroidX 26 | android.enableJetifier=true 27 | 28 | # Version of flipper SDK to use with React Native 29 | FLIPPER_VERSION=0.54.0 30 | 31 | # The hosted JavaScript engine 32 | # Supported values: expo.jsEngine = "hermes" | "jsc" 33 | expo.jsEngine=jsc 34 | 35 | # Enable GIF support in React Native images (~200 B increase) 36 | expo.gif.enabled=true 37 | # Enable webp support in React Native images (~85 KB increase) 38 | expo.webp.enabled=true 39 | # Enable animated webp support (~3.4 MB increase) 40 | # Disabled by default because iOS doesn't support animated webp 41 | expo.webp.animated=false -------------------------------------------------------------------------------- /examples/Web/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | 17 | 18 | 27 | React App 28 | 29 | 30 | 31 |
32 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/components/Dot.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SVGObject } from "../types"; 3 | 4 | type PixelProps = { 5 | value: number; 6 | row: number; 7 | column: number; 8 | cellSize: number; 9 | color: string; 10 | logoStartCell: number; 11 | logoStopCell: number; 12 | sideCount: number; 13 | dotScale: number; 14 | dotRadius: string | number; 15 | svgDom: SVGObject; 16 | }; 17 | 18 | /** 19 | * Creates a single pixel dot in the QRCode 20 | */ 21 | export default React.memo( 22 | ({ 23 | value, 24 | row, 25 | column, 26 | cellSize, 27 | color, 28 | logoStartCell, 29 | logoStopCell, 30 | sideCount, 31 | dotScale, 32 | dotRadius, 33 | svgDom, 34 | }: PixelProps) => { 35 | if (!value) { 36 | return null; 37 | } 38 | 39 | const inPositioningPattern = () => { 40 | // Top left 41 | if (column <= 7 && row <= 7) { 42 | return true; 43 | } 44 | // Top right 45 | if (column >= sideCount - 8 && row <= 7) { 46 | return true; 47 | } 48 | // Bottom left 49 | if (column <= 7 && row >= sideCount - 7) { 50 | return true; 51 | } 52 | return false; 53 | }; 54 | 55 | const inLogoArea = 56 | logoStartCell && 57 | logoStopCell && 58 | column >= logoStartCell && 59 | column < logoStopCell && 60 | row >= logoStartCell && 61 | row < logoStopCell; 62 | 63 | // Do not add pixels to logo or positioning pattern areas 64 | if (inLogoArea || inPositioningPattern()) { 65 | return null; 66 | } 67 | 68 | // Scale the dot 69 | const size = cellSize * (dotScale || 1); 70 | const offset = dotScale !== 1 ? (cellSize - size) / 2 : 0; 71 | const x = column * cellSize + offset; 72 | const y = row * cellSize + offset; 73 | 74 | const { Rect } = svgDom; 75 | return ( 76 | 84 | ); 85 | } 86 | ); 87 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/java/com/github/reactFancyQrcode/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.github.reactFancyQrcode; 2 | 3 | import android.os.Build; 4 | import android.os.Bundle; 5 | 6 | import com.facebook.react.ReactActivity; 7 | import com.facebook.react.ReactActivityDelegate; 8 | import com.facebook.react.ReactRootView; 9 | 10 | import expo.modules.ReactActivityDelegateWrapper; 11 | 12 | public class MainActivity extends ReactActivity { 13 | @Override 14 | protected void onCreate(Bundle savedInstanceState) { 15 | // Set the theme to AppTheme BEFORE onCreate to support 16 | // coloring the background, status bar, and navigation bar. 17 | // This is required for expo-splash-screen. 18 | setTheme(R.style.AppTheme); 19 | super.onCreate(null); 20 | } 21 | 22 | /** 23 | * Returns the name of the main component registered from JavaScript. 24 | * This is used to schedule rendering of the component. 25 | */ 26 | @Override 27 | protected String getMainComponentName() { 28 | return "main"; 29 | } 30 | 31 | @Override 32 | protected ReactActivityDelegate createReactActivityDelegate() { 33 | return new ReactActivityDelegateWrapper(this, 34 | new ReactActivityDelegate(this, getMainComponentName()) 35 | ); 36 | } 37 | 38 | /** 39 | * Align the back button behavior with Android S 40 | * where moving root activities to background instead of finishing activities. 41 | * @see onBackPressed 42 | */ 43 | @Override 44 | public void invokeDefaultOnBackPressed() { 45 | if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.R) { 46 | if (!moveTaskToBack(false)) { 47 | // For non-root activities, use the default implementation to finish them. 48 | super.invokeDefaultOnBackPressed(); 49 | } 50 | return; 51 | } 52 | 53 | // Use the default back button implementation on Android S 54 | // because it's doing more than {@link Activity#moveTaskToBack} in fact. 55 | super.invokeDefaultOnBackPressed(); 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /src/components/PositionPattern.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SVGObject, PositionRadius } from "../types"; 3 | 4 | type PositionPatternProps = { 5 | placement: "top-left" | "top-right" | "bottom-left"; 6 | cellSize: number; 7 | sideCount: number; 8 | positionColor: string; 9 | positionRadius?: PositionRadius | PositionRadius[]; 10 | svgDom: SVGObject; 11 | }; 12 | 13 | /** 14 | * Builds a positioning set of squares 15 | */ 16 | export default function PositionPattern({ 17 | placement, 18 | cellSize, 19 | positionColor, 20 | sideCount, 21 | positionRadius, 22 | svgDom, 23 | }: PositionPatternProps) { 24 | const innerOffset = cellSize * 2; 25 | const innerSize = 3 * cellSize; 26 | let outerSize = 7 * cellSize; 27 | let outerX = 0; 28 | let outerY = 0; 29 | 30 | if (placement === "top-right") { 31 | outerX = (sideCount - 7) * cellSize; 32 | } else if (placement === "bottom-left") { 33 | outerY = (sideCount - 7) * cellSize; 34 | } 35 | 36 | // Keep the stroke inside the box 37 | outerSize -= cellSize; 38 | const strokeCorrection = cellSize / 2; 39 | 40 | // Get radius values 41 | let outerRx: number | string = 0; 42 | let outerRy: number | string = 0; 43 | let innerRx: number | string = 0; 44 | let innerRy: number | string = 0; 45 | if ( 46 | typeof positionRadius === "string" || 47 | typeof positionRadius === "number" 48 | ) { 49 | outerRx = outerRy = innerRx = innerRy = positionRadius; 50 | } else if (Array.isArray(positionRadius)) { 51 | if (typeof positionRadius[0] === "object") { 52 | outerRx = positionRadius[0].rx; 53 | outerRy = positionRadius[0].ry; 54 | } else { 55 | outerRx = outerRy = positionRadius[0]; 56 | } 57 | 58 | if (typeof positionRadius[1] === "object") { 59 | innerRx = positionRadius[1].rx; 60 | innerRy = positionRadius[1].ry; 61 | } else { 62 | innerRx = innerRy = positionRadius[1]; 63 | } 64 | } 65 | 66 | const { G, Rect } = svgDom; 67 | return ( 68 | 69 | 80 | 89 | 90 | ); 91 | } 92 | -------------------------------------------------------------------------------- /examples/ReactNative/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 init 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 init 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 | :init 68 | @rem Get command-line arguments, handling Windows variants 69 | 70 | if not "%OS%" == "Windows_NT" goto win9xME_args 71 | 72 | :win9xME_args 73 | @rem Slurp the command line arguments. 74 | set CMD_LINE_ARGS= 75 | set _SKIP=2 76 | 77 | :win9xME_args_slurp 78 | if "x%~1" == "x" goto execute 79 | 80 | set CMD_LINE_ARGS=%* 81 | 82 | :execute 83 | @rem Setup the command line 84 | 85 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 86 | 87 | @rem Execute Gradle 88 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 89 | 90 | :end 91 | @rem End local scope for the variables with windows NT shell 92 | if "%ERRORLEVEL%"=="0" goto mainEnd 93 | 94 | :fail 95 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 96 | rem the _cmd.exe /c_ return code! 97 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 98 | exit /b 1 99 | 100 | :mainEnd 101 | if "%OS%"=="Windows_NT" endlocal 102 | 103 | :omega 104 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/main/java/com/github/reactFancyQrcode/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.github.reactFancyQrcode; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import android.content.res.Configuration; 6 | import androidx.annotation.NonNull; 7 | 8 | import com.facebook.react.PackageList; 9 | import com.facebook.react.ReactApplication; 10 | import com.facebook.react.ReactInstanceManager; 11 | import com.facebook.react.ReactNativeHost; 12 | import com.facebook.react.ReactPackage; 13 | import com.facebook.soloader.SoLoader; 14 | 15 | import expo.modules.ApplicationLifecycleDispatcher; 16 | import expo.modules.ReactNativeHostWrapper; 17 | 18 | import com.facebook.react.bridge.JSIModulePackage; 19 | 20 | import java.lang.reflect.InvocationTargetException; 21 | import java.util.List; 22 | 23 | public class MainApplication extends Application implements ReactApplication { 24 | private final ReactNativeHost mReactNativeHost = new ReactNativeHostWrapper( 25 | this, 26 | new ReactNativeHost(this) { 27 | @Override 28 | public boolean getUseDeveloperSupport() { 29 | return BuildConfig.DEBUG; 30 | } 31 | 32 | @Override 33 | protected List getPackages() { 34 | @SuppressWarnings("UnnecessaryLocalVariable") 35 | List packages = new PackageList(this).getPackages(); 36 | // Packages that cannot be autolinked yet can be added manually here, for example: 37 | // packages.add(new MyReactNativePackage()); 38 | return packages; 39 | } 40 | 41 | @Override 42 | protected String getJSMainModuleName() { 43 | return "index"; 44 | } 45 | }); 46 | 47 | @Override 48 | public ReactNativeHost getReactNativeHost() { 49 | return mReactNativeHost; 50 | } 51 | 52 | @Override 53 | public void onCreate() { 54 | super.onCreate(); 55 | SoLoader.init(this, /* native exopackage */ false); 56 | 57 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 58 | ApplicationLifecycleDispatcher.onApplicationCreate(this); 59 | } 60 | 61 | @Override 62 | public void onConfigurationChanged(@NonNull Configuration newConfig) { 63 | super.onConfigurationChanged(newConfig); 64 | ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig); 65 | } 66 | 67 | /** 68 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like 69 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 70 | * 71 | * @param context 72 | * @param reactInstanceManager 73 | */ 74 | private static void initializeFlipper( 75 | Context context, ReactInstanceManager reactInstanceManager) { 76 | if (BuildConfig.DEBUG) { 77 | try { 78 | /* 79 | We use reflection here to pick up the class that initializes Flipper, 80 | since Flipper library is not available in release mode 81 | */ 82 | Class aClass = Class.forName("com.github.reactFancyQrcode.ReactNativeFlipper"); 83 | aClass 84 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 85 | .invoke(null, context, reactInstanceManager); 86 | } catch (ClassNotFoundException e) { 87 | e.printStackTrace(); 88 | } catch (NoSuchMethodException e) { 89 | e.printStackTrace(); 90 | } catch (IllegalAccessException e) { 91 | e.printStackTrace(); 92 | } catch (InvocationTargetException e) { 93 | e.printStackTrace(); 94 | } 95 | } 96 | } 97 | } 98 | -------------------------------------------------------------------------------- /examples/ReactNative/android/app/src/debug/java/com/github/reactFancyQrcode/ReactNativeFlipper.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Facebook, Inc. and its affiliates. 3 | * 4 | *

This source code is licensed under the MIT license found in the LICENSE file in the root 5 | * directory of this source tree. 6 | */ 7 | package com.github.reactFancyQrcode; 8 | 9 | import android.content.Context; 10 | import com.facebook.flipper.android.AndroidFlipperClient; 11 | import com.facebook.flipper.android.utils.FlipperUtils; 12 | import com.facebook.flipper.core.FlipperClient; 13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin; 14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin; 15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin; 16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping; 17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin; 18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor; 19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin; 20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin; 21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin; 22 | import com.facebook.react.ReactInstanceManager; 23 | import com.facebook.react.bridge.ReactContext; 24 | import com.facebook.react.modules.network.NetworkingModule; 25 | import okhttp3.OkHttpClient; 26 | 27 | public class ReactNativeFlipper { 28 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 29 | if (FlipperUtils.shouldEnableFlipper(context)) { 30 | final FlipperClient client = AndroidFlipperClient.getInstance(context); 31 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 32 | client.addPlugin(new ReactFlipperPlugin()); 33 | client.addPlugin(new DatabasesFlipperPlugin(context)); 34 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 35 | client.addPlugin(CrashReporterPlugin.getInstance()); 36 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 37 | NetworkingModule.setCustomClientBuilder( 38 | new NetworkingModule.CustomClientBuilder() { 39 | @Override 40 | public void apply(OkHttpClient.Builder builder) { 41 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 42 | } 43 | }); 44 | client.addPlugin(networkFlipperPlugin); 45 | client.start(); 46 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 47 | // Hence we run if after all native modules have been initialized 48 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 49 | if (reactContext == null) { 50 | reactInstanceManager.addReactInstanceEventListener( 51 | new ReactInstanceManager.ReactInstanceEventListener() { 52 | @Override 53 | public void onReactContextInitialized(ReactContext reactContext) { 54 | reactInstanceManager.removeReactInstanceEventListener(this); 55 | reactContext.runOnNativeModulesQueueThread( 56 | new Runnable() { 57 | @Override 58 | public void run() { 59 | client.addPlugin(new FrescoFlipperPlugin()); 60 | } 61 | }); 62 | } 63 | }); 64 | } else { 65 | client.addPlugin(new FrescoFlipperPlugin()); 66 | } 67 | } 68 | } 69 | } -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/AppDelegate.m: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | #import 7 | #import 8 | 9 | #if defined(FB_SONARKIT_ENABLED) && __has_include() 10 | #import 11 | #import 12 | #import 13 | #import 14 | #import 15 | #import 16 | 17 | static void InitializeFlipper(UIApplication *application) { 18 | FlipperClient *client = [FlipperClient sharedClient]; 19 | SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults]; 20 | [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application withDescriptorMapper:layoutDescriptorMapper]]; 21 | [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]]; 22 | [client addPlugin:[FlipperKitReactPlugin new]]; 23 | [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]]; 24 | [client start]; 25 | } 26 | #endif 27 | 28 | @implementation AppDelegate 29 | 30 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 31 | { 32 | #if defined(FB_SONARKIT_ENABLED) && __has_include() 33 | InitializeFlipper(application); 34 | #endif 35 | 36 | RCTBridge *bridge = [self.reactDelegate createBridgeWithDelegate:self launchOptions:launchOptions]; 37 | RCTRootView *rootView = [self.reactDelegate createRootViewWithBridge:bridge moduleName:@"main" initialProperties:nil]; 38 | rootView.backgroundColor = [UIColor whiteColor]; 39 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 40 | UIViewController *rootViewController = [self.reactDelegate createRootViewController]; 41 | rootViewController.view = rootView; 42 | self.window.rootViewController = rootViewController; 43 | [self.window makeKeyAndVisible]; 44 | 45 | [super application:application didFinishLaunchingWithOptions:launchOptions]; 46 | 47 | return YES; 48 | } 49 | 50 | - (NSArray> *)extraModulesForBridge:(RCTBridge *)bridge 51 | { 52 | // If you'd like to export some custom RCTBridgeModules, add them here! 53 | return @[]; 54 | } 55 | 56 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge { 57 | #ifdef DEBUG 58 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; 59 | #else 60 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 61 | #endif 62 | } 63 | 64 | // Linking API 65 | - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary *)options { 66 | return [super application:application openURL:url options:options] || [RCTLinkingManager application:application openURL:url options:options]; 67 | } 68 | 69 | // Universal Links 70 | - (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity restorationHandler:(nonnull void (^)(NSArray> * _Nullable))restorationHandler { 71 | BOOL result = [RCTLinkingManager application:application continueUserActivity:userActivity restorationHandler:restorationHandler]; 72 | return [super application:application continueUserActivity:userActivity restorationHandler:restorationHandler] || result; 73 | } 74 | 75 | @end 76 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative.xcodeproj/xcshareddata/xcschemes/ReactNative.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 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative/SplashScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 31 | 39 | 40 | 41 | 42 | 53 | 54 | 55 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- 1 | import { Component } from "react"; 2 | 3 | type ColorGradient = [string, string]; 4 | type ColorGradientDirection = [string, string, string, string]; 5 | export type PositionRadius = string | number | { rx: string; ry: string }; 6 | 7 | export type ImageSourcePropType = string | { uri: string } | NodeRequire; 8 | 9 | export type ErrorCorrection = "L" | "M" | "Q" | "H"; 10 | 11 | export type QRCodeRef = Component & { 12 | toDataURL: (cb: Function) => void; 13 | }; 14 | 15 | export type QRCodeProps = { 16 | /** 17 | * The value to encode into the QR code 18 | */ 19 | value: string; 20 | 21 | /** 22 | * The pixel width/height of the generated QR code 23 | * @default 100 24 | */ 25 | size: number; 26 | 27 | /** 28 | * Space around the QR code (useful if you're generating an image with it) 29 | * @default 0 30 | */ 31 | margin?: number; 32 | 33 | /** 34 | * Logo image to place in the center of the QR code 35 | */ 36 | logo?: any; 37 | 38 | /** 39 | * The size your logo should be. 40 | * Defaults to 20% of the QR code size. 41 | */ 42 | logoSize?: number; 43 | 44 | /** 45 | * The QR code background color 46 | * @default white 47 | */ 48 | backgroundColor?: string; 49 | 50 | /** 51 | * Primary color of the QR code dots. 52 | * If this is an array of strings, it's treated as a linear gradient 53 | * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/LinearGradient 54 | * @default black 55 | */ 56 | color?: string | ColorGradient; 57 | 58 | /** 59 | * If color is defined as a linear gradient, this defines the gradient direction. 60 | * Array format: [x1, y1, x2, y2] 61 | * @default ['0%', '0%', '100%', '100%'], 62 | */ 63 | colorGradientDirection?: ColorGradientDirection; 64 | 65 | /** 66 | * Color of the positioning squares in the top-left, top-right, and bottom-left. 67 | * Defaults to the color property 68 | */ 69 | positionColor?: string | ColorGradient; 70 | 71 | /** 72 | * The radius of the positioning pattern squares. 73 | * 74 | * If defined as a pixel/percent, this will be used for all 3 patters, both outside and inside squares. 75 | * ``` 76 | * positionRadius='5%' 77 | * ``` 78 | * 79 | * If defined as an array, the first index is for the outer square and the second is for the inner square of each pattern. 80 | * ``` 81 | * positionRadius={['20%', 10]} 82 | * ``` 83 | * 84 | * You can also define each radius as an object with an rx and ry value (i.e. `{rx: '5%', ry: '10%'}`) 85 | * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/ry 86 | * ``` 87 | * positionRadius={{rx: '5%', ry: '10%'}} 88 | * // or 89 | * positionRadius={[ 90 | * {rx: '5%', ry: '10%'}, 91 | * {rx: 1, ry: 20}, 92 | * ]} 93 | * ``` 94 | * 95 | * @default 0 96 | */ 97 | positionRadius?: PositionRadius | PositionRadius[]; 98 | 99 | /** 100 | * If positionColor is defined as a linear gradient, this defines the gradient direction. 101 | * Array format: [x1, y1, x2, y2] 102 | * @default ['0%', '0%', '100%', '100%'], 103 | */ 104 | positionGradientDirection?: ColorGradientDirection; 105 | 106 | /** 107 | * Set this to a number between 0.1 - 1 in order to scale the QR code dots. 108 | * @default 1 109 | */ 110 | dotScale?: number; 111 | 112 | /** 113 | * The radius of each dot as a pixel or percent 114 | * @default 0 115 | */ 116 | dotRadius?: string | number; 117 | 118 | /** 119 | * QR Code error correction mode 120 | * @see https://en.wikipedia.org/wiki/QR_code#Error_correction 121 | * @default M 122 | */ 123 | errorCorrection?: ErrorCorrection; 124 | }; 125 | 126 | /** 127 | * SVG tags container 128 | */ 129 | export type SVGObject = { 130 | Svg: React.ElementType; // React.SVGProps; 131 | Defs: React.ElementType; // React.SVGProps; 132 | G: React.ElementType; // React.SVGProps; 133 | Rect: React.ElementType; // React.SVGProps; 134 | LinearGradient: React.ElementType; // React.SVGProps; 135 | Stop: React.ElementType; // React.SVGProps; 136 | Image: React.ElementType; // React.SVGProps; 137 | }; 138 | 139 | /** 140 | * Main component props that includes the SVG package (web or react natve) 141 | */ 142 | export type QRCodeSVGProps = QRCodeProps & { 143 | svgDom: SVGObject; 144 | }; 145 | 146 | /** 147 | * Options put in the context that get's sent to all child components. 148 | */ 149 | export type ContextOptions = QRCodeSVGProps & { 150 | color: string; 151 | positionColor: string; 152 | margin: number; 153 | 154 | // The col/row the logo starts on 155 | logoStartCell: number; 156 | 157 | // The col/row the logo stops on 158 | logoStopCell: number; 159 | 160 | // Size of each QR code dot, in pixels 161 | cellSize: number; 162 | 163 | // The number of dots on each side of the QR code 164 | sideCount: number; 165 | }; 166 | -------------------------------------------------------------------------------- /examples/ReactNative/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | # 4 | # Copyright 2015 the original author or authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | ## 21 | ## Gradle start up script for UN*X 22 | ## 23 | ############################################################################## 24 | 25 | # Attempt to set APP_HOME 26 | # Resolve links: $0 may be a link 27 | PRG="$0" 28 | # Need this for relative symlinks. 29 | while [ -h "$PRG" ] ; do 30 | ls=`ls -ld "$PRG"` 31 | link=`expr "$ls" : '.*-> \(.*\)$'` 32 | if expr "$link" : '/.*' > /dev/null; then 33 | PRG="$link" 34 | else 35 | PRG=`dirname "$PRG"`"/$link" 36 | fi 37 | done 38 | SAVED="`pwd`" 39 | cd "`dirname \"$PRG\"`/" >/dev/null 40 | APP_HOME="`pwd -P`" 41 | cd "$SAVED" >/dev/null 42 | 43 | APP_NAME="Gradle" 44 | APP_BASE_NAME=`basename "$0"` 45 | 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 48 | 49 | # Use the maximum available, or set MAX_FD != -1 to use that value. 50 | MAX_FD="maximum" 51 | 52 | warn () { 53 | echo "$*" 54 | } 55 | 56 | die () { 57 | echo 58 | echo "$*" 59 | echo 60 | exit 1 61 | } 62 | 63 | # OS specific support (must be 'true' or 'false'). 64 | cygwin=false 65 | msys=false 66 | darwin=false 67 | nonstop=false 68 | case "`uname`" in 69 | CYGWIN* ) 70 | cygwin=true 71 | ;; 72 | Darwin* ) 73 | darwin=true 74 | ;; 75 | MINGW* ) 76 | msys=true 77 | ;; 78 | NONSTOP* ) 79 | nonstop=true 80 | ;; 81 | esac 82 | 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 84 | 85 | # Determine the Java command to use to start the JVM. 86 | if [ -n "$JAVA_HOME" ] ; then 87 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 88 | # IBM's JDK on AIX uses strange locations for the executables 89 | JAVACMD="$JAVA_HOME/jre/sh/java" 90 | else 91 | JAVACMD="$JAVA_HOME/bin/java" 92 | fi 93 | if [ ! -x "$JAVACMD" ] ; then 94 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 95 | 96 | Please set the JAVA_HOME variable in your environment to match the 97 | location of your Java installation." 98 | fi 99 | else 100 | JAVACMD="java" 101 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 102 | 103 | Please set the JAVA_HOME variable in your environment to match the 104 | location of your Java installation." 105 | fi 106 | 107 | # Increase the maximum file descriptors if we can. 108 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 109 | MAX_FD_LIMIT=`ulimit -H -n` 110 | if [ $? -eq 0 ] ; then 111 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 112 | MAX_FD="$MAX_FD_LIMIT" 113 | fi 114 | ulimit -n $MAX_FD 115 | if [ $? -ne 0 ] ; then 116 | warn "Could not set maximum file descriptor limit: $MAX_FD" 117 | fi 118 | else 119 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 120 | fi 121 | fi 122 | 123 | # For Darwin, add options to specify how the application appears in the dock 124 | if $darwin; then 125 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 126 | fi 127 | 128 | # For Cygwin or MSYS, switch paths to Windows format before running java 129 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then 130 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 131 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 132 | JAVACMD=`cygpath --unix "$JAVACMD"` 133 | 134 | # We build the pattern for arguments to be converted via cygpath 135 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 136 | SEP="" 137 | for dir in $ROOTDIRSRAW ; do 138 | ROOTDIRS="$ROOTDIRS$SEP$dir" 139 | SEP="|" 140 | done 141 | OURCYGPATTERN="(^($ROOTDIRS))" 142 | # Add a user-defined pattern to the cygpath arguments 143 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 144 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 145 | fi 146 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 147 | i=0 148 | for arg in "$@" ; do 149 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 150 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 151 | 152 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 153 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 154 | else 155 | eval `echo args$i`="\"$arg\"" 156 | fi 157 | i=`expr $i + 1` 158 | done 159 | case $i in 160 | 0) set -- ;; 161 | 1) set -- "$args0" ;; 162 | 2) set -- "$args0" "$args1" ;; 163 | 3) set -- "$args0" "$args1" "$args2" ;; 164 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;; 165 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 166 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 167 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 168 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 169 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 170 | esac 171 | fi 172 | 173 | # Escape application args 174 | save () { 175 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 176 | echo " " 177 | } 178 | APP_ARGS=`save "$@"` 179 | 180 | # Collect all arguments for the java command, following the shell quoting and substitution rules 181 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 182 | 183 | exec "$JAVACMD" "$@" 184 | -------------------------------------------------------------------------------- /src/components/QRCode.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { generateDataMatrix } from "../utils"; 4 | import { QRCodeRef, QRCodeSVGProps } from "../types"; 5 | import Dot from "./Dot"; 6 | import Logo from "./Logo"; 7 | import PositionPattern from "./PositionPattern"; 8 | 9 | export default React.memo( 10 | React.forwardRef( 11 | ( 12 | { 13 | value = "", 14 | size, 15 | logo, 16 | svgDom, 17 | logoSize = 0, 18 | dotScale = 1, 19 | dotRadius = 0, 20 | color = "black", 21 | backgroundColor = "white", 22 | margin = 0, 23 | errorCorrection = "M", 24 | colorGradientDirection = ["0%", "0%", "100%", "100%"], 25 | 26 | positionColor, 27 | positionRadius = 0, 28 | positionGradientDirection = ["0%", "0%", "100%", "100%"], 29 | }, 30 | ref 31 | ) => { 32 | const COLOR_GRAD = "colorGradient"; 33 | const POS_COLOR_GRAD = "positionColorGradient"; 34 | 35 | // Set logo size 36 | if (logo) { 37 | if (!logoSize) { 38 | logoSize = size * 0.2; 39 | } 40 | } 41 | 42 | // Convert the QRCode data into a matrix of pixels 43 | const matrix = generateDataMatrix(value, errorCorrection); 44 | if (!matrix.length) { 45 | return null; 46 | } 47 | const sideCount = matrix.length; 48 | const cellSize = size / sideCount; 49 | 50 | // Normalize Colors 51 | let colorGradient: string[] = []; 52 | let posColorGradient: string[] = []; 53 | if (Array.isArray(color)) { 54 | colorGradient = color; 55 | color = `url(#${COLOR_GRAD})`; 56 | } 57 | if (!positionColor) { 58 | positionColor = color; 59 | } 60 | if (Array.isArray(positionColor)) { 61 | posColorGradient = positionColor; 62 | positionColor = `url(#${POS_COLOR_GRAD})`; 63 | } 64 | 65 | // Keep scale between 0.1 - 1 66 | if (!dotScale || dotScale > 1 || dotScale <= 0.1) { 67 | dotScale = 1; 68 | } 69 | 70 | // Calculate logo cell bounds 71 | let logoStartCell = -1; 72 | let logoStopCell = -1; 73 | if (logoSize && matrix.length) { 74 | const logoMargin = cellSize * 0.1; 75 | const logoCells = Math.ceil((logoSize + logoMargin) / cellSize); 76 | logoStartCell = Math.floor(sideCount / 2 - logoCells / 2); 77 | logoStopCell = sideCount - logoStartCell; 78 | } 79 | 80 | const { Svg, Defs, G, Rect, LinearGradient, Stop } = svgDom; 81 | return ( 82 | 93 | {/* Linear Gradient Definitions */} 94 | 95 | {Boolean( 96 | colorGradient?.length && Array.isArray(colorGradientDirection) 97 | ) && ( 98 | 105 | 106 | 107 | 108 | )} 109 | {Boolean( 110 | posColorGradient?.length && 111 | Array.isArray(positionGradientDirection) 112 | ) && ( 113 | 120 | 125 | 130 | 131 | )} 132 | 133 | 134 | {/* Background */} 135 | 136 | 143 | 144 | 145 | {/* Placement patterns */} 146 | 147 | 155 | 163 | 171 | 172 | 173 | {/* QRCode Data Dots */} 174 | 175 | {matrix.map((rowData, row) => 176 | rowData.map( 177 | (pixelValue, column) => 178 | Boolean(value) && ( 179 | 193 | ) 194 | ) 195 | )} 196 | 197 | 198 | {/* Logo */} 199 | {logo && logoSize && ( 200 | 201 | 207 | 208 | )} 209 | 210 | ); 211 | } 212 | ) 213 | ); 214 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # QR Code Generator for React and React Native 2 | 3 | Creates a stylish QR code for both React (web) & React Native. 4 | 5 | 6 | 7 | This project was inspired by [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg). 8 | 9 | ## Install 10 | 11 | With Yarn 12 | 13 | ```bash 14 | yarn add react-fancy-qrcode react-native-svg 15 | ``` 16 | 17 | Or with npm 18 | 19 | ```bash 20 | npm install -S react-fancy-qrcode react-native-svg 21 | ``` 22 | 23 | For React native and iOS, you'll need to perform a pod-install: 24 | 25 | ```bash 26 | npx pod-install ios 27 | ``` 28 | 29 | ## Example 30 | 31 | ```jsx 32 | 41 | ``` 42 | 43 | 44 | 45 | ## Component Properties 46 | 47 | | Name | Default | Description | 48 | | ------------------------- | ------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | 49 | | value | `""` | The value to encode into the QR code | 50 | | size | 100 | The pixel width/height of the generated QR code | 51 | | margin | 0 | Space around the QR code (useful if you're generating an image with it) | 52 | | logo | - | Image to place in the center of the QR code (either `{uri: 'base64string'}`, `require('pathToImage')`, or URL string) | 53 | | logoSize | - | The size to make the logo. Defaults to 20% of the `size` prop. (if it covers more than 20%, QR code data might be lost) | 54 | | backgroundColor | white | The QR code background color | 55 | | color | black | Primary foreground color of the QR code. If the value is an array of strings, it's treated as a linear gradient | 56 | | colorGradientDirection | `['0%', '0%', '100%', '100%']` | If `color` is defined as a linear gradient, this defines the gradient direction. Array format: [x1, y1, x2, y2] | 57 | | positionColor | - | Color of the positioning squares in the top-left, top-right, and bottom-left. Defaults to the `color` property | 58 | | positionGradientDirection | ['0%', '0%', '100%', '100%'] | See `colorGradientDirection` explanation. | 59 | | positionRadius | 0 | The radius of the positioning pattern squares. See examples below. | 60 | | dotScale | 1.0 | Scale down the dots by setting this to a value between `.1 - 1`. | 61 | | dotRadius | 0 | The corner radius of each dot as a pixel or percent | 62 | | errorCorrection | M | QR Code error correction mode ([more info](https://en.wikipedia.org/wiki/QR_code#Error_correction)) | 63 | 64 | ## Export QR code image data 65 | 66 | ### React Native 67 | 68 | You can use a ref to download the image data from the root SVG element (via [react-native-svg](https://github.com/react-native-svg/react-native-svg)). 69 | 70 | ```jsx 71 | import React, { useCallback, useRef } from 'react'; 72 | import QRCode, { QRCodeRef } from 'react-fancy-qrcode'; 73 | 74 | function RenderQRCode() { 75 | 76 | const svgRef = useRef(); 77 | const download = useCallback(() => { 78 | svgRef.current?.toDataURL((data) => { 79 | console.log(data); 80 | }) 81 | }, [svgRef.current]) 82 | 83 | return ( 84 | 89 | ) 90 | } 91 | 92 | ``` 93 | 94 | ### Web 95 | 96 | On web you cannot export the binary SVG data but you can get the SVG source. 97 | In theory you could then use a JavaScript SVG -> PNG converter (like [canvg](https://github.com/canvg/canvg)) to convert the SVG source to an image. 98 | 99 | Here's an example of getting the SVG source: 100 | 101 | ```jsx 102 | import React, { useCallback, useRef } from 'react'; 103 | import QRCode, { QRCodeRef } from 'react-fancy-qrcode'; 104 | 105 | function RenderQRCode() { 106 | 107 | const svgRef = useRef(); 108 | const download = useCallback(() => { 109 | const svgSource = svgRef.current?.outerHTML; 110 | console.log(svgSource); 111 | }, [svgRef.current]) 112 | 113 | return ( 114 | 119 | ) 120 | } 121 | 122 | ``` 123 | 124 | ## Prop: positionRadius - Positioning Pattern Square Corner Radius 125 | 126 | The three large squares in the QR code (top-left, top-right, bottom-left) are used by QR code readers to determine the position of the QR code. 127 | NOTE: If you customize the squares too much, QR code readers might not recognize the QR code. 128 | 129 | If defined as a single pixel/percent value, this will be used for all 3 patters, both outside and inside squares. 130 | 131 | ```jsx 132 | 137 | ``` 138 | 139 | If defined as an array, the first index is for the outer square and the second is for the inner square of each pattern. 140 | 141 | ```jsx 142 | 147 | ``` 148 | 149 | You can also define each radius as an object with an rx and ry value ([learn more](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/ry)) 150 | 151 | ```jsx 152 | 157 | ``` 158 | 159 | or 160 | 161 | ```jsx 162 | 170 | ``` 171 | 172 | # Linear Gradient 173 | 174 | ```jsx 175 | 181 | ``` 182 | 183 | 184 | -------------------------------------------------------------------------------- /examples/ReactNative/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: (findProperty('expo.jsEngine') ?: "jsc") == "hermes", 82 | cliPath: new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/cli.js", 83 | hermesCommand: new File(["node", "--print", "require.resolve('hermes-engine/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/%OS-BIN%/hermesc", 84 | composeSourceMapsPath: new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/scripts/compose-source-maps.js", 85 | ] 86 | 87 | apply from: new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../react.gradle") 88 | 89 | /** 90 | * Set this to true to create two separate APKs instead of one: 91 | * - An APK that only works on ARM devices 92 | * - An APK that only works on x86 devices 93 | * The advantage is the size of the APK is reduced by about 4MB. 94 | * Upload all the APKs to the Play Store and people will download 95 | * the correct one based on the CPU architecture of their device. 96 | */ 97 | def enableSeparateBuildPerCPUArchitecture = false 98 | 99 | /** 100 | * Run Proguard to shrink the Java bytecode in release builds. 101 | */ 102 | def enableProguardInReleaseBuilds = false 103 | 104 | /** 105 | * The preferred build flavor of JavaScriptCore. 106 | * 107 | * For example, to use the international variant, you can use: 108 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 109 | * 110 | * The international variant includes ICU i18n library and necessary data 111 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 112 | * give correct results when using with locales other than en-US. Note that 113 | * this variant is about 6MiB larger per architecture than default. 114 | */ 115 | def jscFlavor = 'org.webkit:android-jsc:+' 116 | 117 | /** 118 | * Whether to enable the Hermes VM. 119 | * 120 | * This should be set on project.ext.react and mirrored here. If it is not set 121 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 122 | * and the benefits of using Hermes will therefore be sharply reduced. 123 | */ 124 | def enableHermes = project.ext.react.get("enableHermes", false); 125 | 126 | android { 127 | compileSdkVersion rootProject.ext.compileSdkVersion 128 | 129 | compileOptions { 130 | sourceCompatibility JavaVersion.VERSION_1_8 131 | targetCompatibility JavaVersion.VERSION_1_8 132 | } 133 | 134 | defaultConfig { 135 | applicationId 'com.github.reactFancyQrcode' 136 | minSdkVersion rootProject.ext.minSdkVersion 137 | targetSdkVersion rootProject.ext.targetSdkVersion 138 | versionCode 1 139 | versionName "1.0.0" 140 | } 141 | splits { 142 | abi { 143 | reset() 144 | enable enableSeparateBuildPerCPUArchitecture 145 | universalApk false // If true, also generate a universal APK 146 | include "armeabi-v7a", "x86", "arm64-v8a", "x86_64" 147 | } 148 | } 149 | signingConfigs { 150 | debug { 151 | storeFile file('debug.keystore') 152 | storePassword 'android' 153 | keyAlias 'androiddebugkey' 154 | keyPassword 'android' 155 | } 156 | } 157 | buildTypes { 158 | debug { 159 | signingConfig signingConfigs.debug 160 | } 161 | release { 162 | // Caution! In production, you need to generate your own keystore file. 163 | // see https://reactnative.dev/docs/signed-apk-android. 164 | signingConfig signingConfigs.debug 165 | minifyEnabled enableProguardInReleaseBuilds 166 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 167 | } 168 | } 169 | 170 | // applicationVariants are e.g. debug, release 171 | applicationVariants.all { variant -> 172 | variant.outputs.each { output -> 173 | // For each separate APK per architecture, set a unique version code as described here: 174 | // https://developer.android.com/studio/build/configure-apk-splits.html 175 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 176 | def abi = output.getFilter(OutputFile.ABI) 177 | if (abi != null) { // null for the universal-debug, universal-release variants 178 | output.versionCodeOverride = 179 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 180 | } 181 | 182 | } 183 | } 184 | } 185 | 186 | dependencies { 187 | implementation fileTree(dir: "libs", include: ["*.jar"]) 188 | //noinspection GradleDynamicVersion 189 | implementation "com.facebook.react:react-native:+" // From node_modules 190 | 191 | def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true"; 192 | def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true"; 193 | def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true"; 194 | 195 | // If your app supports Android versions before Ice Cream Sandwich (API level 14) 196 | // All fresco packages should use the same version 197 | if (isGifEnabled || isWebpEnabled) { 198 | implementation 'com.facebook.fresco:fresco:2.0.0' 199 | implementation 'com.facebook.fresco:imagepipeline-okhttp3:2.0.0' 200 | } 201 | 202 | if (isGifEnabled) { 203 | // For animated gif support 204 | implementation 'com.facebook.fresco:animated-gif:2.0.0' 205 | } 206 | 207 | if (isWebpEnabled) { 208 | // For webp support 209 | implementation 'com.facebook.fresco:webpsupport:2.0.0' 210 | if (isWebpAnimatedEnabled) { 211 | // Animated webp support 212 | implementation 'com.facebook.fresco:animated-webp:2.0.0' 213 | } 214 | } 215 | 216 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" 217 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 218 | exclude group:'com.facebook.fbjni' 219 | } 220 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 221 | exclude group:'com.facebook.flipper' 222 | exclude group:'com.squareup.okhttp3', module:'okhttp' 223 | } 224 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 225 | exclude group:'com.facebook.flipper' 226 | } 227 | 228 | if (enableHermes) { 229 | debugImplementation files(new File(["node", "--print", "require.resolve('hermes-engine/package.json')"].execute(null, rootDir).text.trim(), "../android/hermes-debug.aar")) 230 | releaseImplementation files(new File(["node", "--print", "require.resolve('hermes-engine/package.json')"].execute(null, rootDir).text.trim(), "../android/hermes-release.aar")) 231 | } else { 232 | implementation jscFlavor 233 | } 234 | } 235 | 236 | // Run this once to be able to run the application with BUCK 237 | // puts all compile dependencies into folder libs for BUCK to use 238 | task copyDownloadableDepsToLibs(type: Copy) { 239 | from configurations.compile 240 | into 'libs' 241 | } 242 | 243 | apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json')"].execute(null, rootDir).text.trim(), "../native_modules.gradle"); 244 | applyNativeModulesAppBuildGradle(project) 245 | -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | "@types/node@*": 6 | version "17.0.23" 7 | resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.23.tgz#3b41a6e643589ac6442bdbd7a4a3ded62f33f7da" 8 | integrity sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw== 9 | 10 | "@types/prop-types@*": 11 | version "15.7.5" 12 | resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf" 13 | integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w== 14 | 15 | "@types/qrcode@^1.4.2": 16 | version "1.4.2" 17 | resolved "https://registry.yarnpkg.com/@types/qrcode/-/qrcode-1.4.2.tgz#7d7142d6fa9921f195db342ed08b539181546c74" 18 | integrity sha512-7uNT9L4WQTNJejHTSTdaJhfBSCN73xtXaHFyBJ8TSwiLhe4PRuTue7Iph0s2nG9R/ifUaSnGhLUOZavlBEqDWQ== 19 | dependencies: 20 | "@types/node" "*" 21 | 22 | "@types/react@^17.0.43": 23 | version "17.0.44" 24 | resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.44.tgz#c3714bd34dd551ab20b8015d9d0dbec812a51ec7" 25 | integrity sha512-Ye0nlw09GeMp2Suh8qoOv0odfgCoowfM/9MG6WeRD60Gq9wS90bdkdRtYbRkNhXOpG4H+YXGvj4wOWhAC0LJ1g== 26 | dependencies: 27 | "@types/prop-types" "*" 28 | "@types/scheduler" "*" 29 | csstype "^3.0.2" 30 | 31 | "@types/scheduler@*": 32 | version "0.16.2" 33 | resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39" 34 | integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew== 35 | 36 | ansi-regex@^5.0.1: 37 | version "5.0.1" 38 | resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304" 39 | integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ== 40 | 41 | ansi-styles@^4.0.0: 42 | version "4.3.0" 43 | resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937" 44 | integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg== 45 | dependencies: 46 | color-convert "^2.0.1" 47 | 48 | boolbase@^1.0.0: 49 | version "1.0.0" 50 | resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" 51 | integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24= 52 | 53 | camelcase@^5.0.0: 54 | version "5.3.1" 55 | resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320" 56 | integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg== 57 | 58 | cliui@^6.0.0: 59 | version "6.0.0" 60 | resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1" 61 | integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ== 62 | dependencies: 63 | string-width "^4.2.0" 64 | strip-ansi "^6.0.0" 65 | wrap-ansi "^6.2.0" 66 | 67 | color-convert@^2.0.1: 68 | version "2.0.1" 69 | resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3" 70 | integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ== 71 | dependencies: 72 | color-name "~1.1.4" 73 | 74 | color-name@~1.1.4: 75 | version "1.1.4" 76 | resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2" 77 | integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== 78 | 79 | css-select@^5.1.0: 80 | version "5.1.0" 81 | resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6" 82 | integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg== 83 | dependencies: 84 | boolbase "^1.0.0" 85 | css-what "^6.1.0" 86 | domhandler "^5.0.2" 87 | domutils "^3.0.1" 88 | nth-check "^2.0.1" 89 | 90 | css-tree@^1.1.3: 91 | version "1.1.3" 92 | resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d" 93 | integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q== 94 | dependencies: 95 | mdn-data "2.0.14" 96 | source-map "^0.6.1" 97 | 98 | css-what@^6.1.0: 99 | version "6.1.0" 100 | resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4" 101 | integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw== 102 | 103 | csstype@^3.0.2: 104 | version "3.0.11" 105 | resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.11.tgz#d66700c5eacfac1940deb4e3ee5642792d85cd33" 106 | integrity sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw== 107 | 108 | decamelize@^1.2.0: 109 | version "1.2.0" 110 | resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" 111 | integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA= 112 | 113 | dijkstrajs@^1.0.1: 114 | version "1.0.2" 115 | resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.2.tgz#2e48c0d3b825462afe75ab4ad5e829c8ece36257" 116 | integrity sha512-QV6PMaHTCNmKSeP6QoXhVTw9snc9VD8MulTT0Bd99Pacp4SS1cjcrYPgBPmibqKVtMJJfqC6XvOXgPMEEPH/fg== 117 | 118 | dom-serializer@^2.0.0: 119 | version "2.0.0" 120 | resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53" 121 | integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg== 122 | dependencies: 123 | domelementtype "^2.3.0" 124 | domhandler "^5.0.2" 125 | entities "^4.2.0" 126 | 127 | domelementtype@^2.3.0: 128 | version "2.3.0" 129 | resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d" 130 | integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw== 131 | 132 | domhandler@^5.0.2, domhandler@^5.0.3: 133 | version "5.0.3" 134 | resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31" 135 | integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w== 136 | dependencies: 137 | domelementtype "^2.3.0" 138 | 139 | domutils@^3.0.1: 140 | version "3.1.0" 141 | resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e" 142 | integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA== 143 | dependencies: 144 | dom-serializer "^2.0.0" 145 | domelementtype "^2.3.0" 146 | domhandler "^5.0.3" 147 | 148 | emoji-regex@^8.0.0: 149 | version "8.0.0" 150 | resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37" 151 | integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A== 152 | 153 | encode-utf8@^1.0.3: 154 | version "1.0.3" 155 | resolved "https://registry.yarnpkg.com/encode-utf8/-/encode-utf8-1.0.3.tgz#f30fdd31da07fb596f281beb2f6b027851994cda" 156 | integrity sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw== 157 | 158 | entities@^4.2.0: 159 | version "4.5.0" 160 | resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48" 161 | integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw== 162 | 163 | find-up@^4.1.0: 164 | version "4.1.0" 165 | resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19" 166 | integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw== 167 | dependencies: 168 | locate-path "^5.0.0" 169 | path-exists "^4.0.0" 170 | 171 | get-caller-file@^2.0.1: 172 | version "2.0.5" 173 | resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" 174 | integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg== 175 | 176 | is-fullwidth-code-point@^3.0.0: 177 | version "3.0.0" 178 | resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d" 179 | integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg== 180 | 181 | "js-tokens@^3.0.0 || ^4.0.0": 182 | version "4.0.0" 183 | resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" 184 | integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== 185 | 186 | locate-path@^5.0.0: 187 | version "5.0.0" 188 | resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0" 189 | integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g== 190 | dependencies: 191 | p-locate "^4.1.0" 192 | 193 | loose-envify@^1.1.0: 194 | version "1.4.0" 195 | resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" 196 | integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== 197 | dependencies: 198 | js-tokens "^3.0.0 || ^4.0.0" 199 | 200 | mdn-data@2.0.14: 201 | version "2.0.14" 202 | resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50" 203 | integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow== 204 | 205 | nth-check@^2.0.1: 206 | version "2.0.1" 207 | resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2" 208 | integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w== 209 | dependencies: 210 | boolbase "^1.0.0" 211 | 212 | p-limit@^2.2.0: 213 | version "2.3.0" 214 | resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1" 215 | integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w== 216 | dependencies: 217 | p-try "^2.0.0" 218 | 219 | p-locate@^4.1.0: 220 | version "4.1.0" 221 | resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07" 222 | integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A== 223 | dependencies: 224 | p-limit "^2.2.0" 225 | 226 | p-try@^2.0.0: 227 | version "2.2.0" 228 | resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6" 229 | integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ== 230 | 231 | path-exists@^4.0.0: 232 | version "4.0.0" 233 | resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3" 234 | integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w== 235 | 236 | pngjs@^5.0.0: 237 | version "5.0.0" 238 | resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb" 239 | integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw== 240 | 241 | qrcode@^1.5.0: 242 | version "1.5.0" 243 | resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.5.0.tgz#95abb8a91fdafd86f8190f2836abbfc500c72d1b" 244 | integrity sha512-9MgRpgVc+/+47dFvQeD6U2s0Z92EsKzcHogtum4QB+UNd025WOJSHvn/hjk9xmzj7Stj95CyUAs31mrjxliEsQ== 245 | dependencies: 246 | dijkstrajs "^1.0.1" 247 | encode-utf8 "^1.0.3" 248 | pngjs "^5.0.0" 249 | yargs "^15.3.1" 250 | 251 | react-native-svg@>12.3.0: 252 | version "15.7.1" 253 | resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.7.1.tgz#299bf5ff21fb355a0f4bedd4cb8f9f520725c4fe" 254 | integrity sha512-Xc11L4t6/DtmUwrQqHR7S45Qy3cIWpcfGlmEatVeZ9c1N8eAK79heJmGRgCOVrXESrrLEHfP/AYGf0BGyrvV6A== 255 | dependencies: 256 | css-select "^5.1.0" 257 | css-tree "^1.1.3" 258 | warn-once "0.1.1" 259 | 260 | react@>17.0.1: 261 | version "18.3.1" 262 | resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891" 263 | integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ== 264 | dependencies: 265 | loose-envify "^1.1.0" 266 | 267 | require-directory@^2.1.1: 268 | version "2.1.1" 269 | resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" 270 | integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I= 271 | 272 | require-main-filename@^2.0.0: 273 | version "2.0.0" 274 | resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b" 275 | integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg== 276 | 277 | set-blocking@^2.0.0: 278 | version "2.0.0" 279 | resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7" 280 | integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc= 281 | 282 | source-map@^0.6.1: 283 | version "0.6.1" 284 | resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" 285 | integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g== 286 | 287 | string-width@^4.1.0, string-width@^4.2.0: 288 | version "4.2.3" 289 | resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" 290 | integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== 291 | dependencies: 292 | emoji-regex "^8.0.0" 293 | is-fullwidth-code-point "^3.0.0" 294 | strip-ansi "^6.0.1" 295 | 296 | strip-ansi@^6.0.0, strip-ansi@^6.0.1: 297 | version "6.0.1" 298 | resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" 299 | integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== 300 | dependencies: 301 | ansi-regex "^5.0.1" 302 | 303 | tslib@^2.7.0: 304 | version "2.7.0" 305 | resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.7.0.tgz#d9b40c5c40ab59e8738f297df3087bf1a2690c01" 306 | integrity sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA== 307 | 308 | typescript@^4.6.3: 309 | version "4.6.3" 310 | resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.3.tgz#eefeafa6afdd31d725584c67a0eaba80f6fc6c6c" 311 | integrity sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw== 312 | 313 | warn-once@0.1.1: 314 | version "0.1.1" 315 | resolved "https://registry.yarnpkg.com/warn-once/-/warn-once-0.1.1.tgz#952088f4fb56896e73fd4e6a3767272a3fccce43" 316 | integrity sha512-VkQZJbO8zVImzYFteBXvBOZEl1qL175WH8VmZcxF2fZAoudNhNDvHi+doCaAEdU2l2vtcIwa2zn0QK5+I1HQ3Q== 317 | 318 | which-module@^2.0.0: 319 | version "2.0.0" 320 | resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a" 321 | integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho= 322 | 323 | wrap-ansi@^6.2.0: 324 | version "6.2.0" 325 | resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53" 326 | integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA== 327 | dependencies: 328 | ansi-styles "^4.0.0" 329 | string-width "^4.1.0" 330 | strip-ansi "^6.0.0" 331 | 332 | y18n@^4.0.0: 333 | version "4.0.3" 334 | resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf" 335 | integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ== 336 | 337 | yargs-parser@^18.1.2: 338 | version "18.1.3" 339 | resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0" 340 | integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ== 341 | dependencies: 342 | camelcase "^5.0.0" 343 | decamelize "^1.2.0" 344 | 345 | yargs@^15.3.1: 346 | version "15.4.1" 347 | resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8" 348 | integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A== 349 | dependencies: 350 | cliui "^6.0.0" 351 | decamelize "^1.2.0" 352 | find-up "^4.1.0" 353 | get-caller-file "^2.0.1" 354 | require-directory "^2.1.1" 355 | require-main-filename "^2.0.0" 356 | set-blocking "^2.0.0" 357 | string-width "^4.2.0" 358 | which-module "^2.0.0" 359 | y18n "^4.0.0" 360 | yargs-parser "^18.1.2" 361 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - boost-for-react-native (1.63.0) 3 | - DoubleConversion (1.1.6) 4 | - EXApplication (4.0.2): 5 | - ExpoModulesCore 6 | - EXConstants (13.0.2): 7 | - ExpoModulesCore 8 | - EXFileSystem (13.1.4): 9 | - ExpoModulesCore 10 | - EXFont (10.0.5): 11 | - ExpoModulesCore 12 | - EXKeepAwake (10.0.2): 13 | - ExpoModulesCore 14 | - Expo (44.0.6): 15 | - ExpoModulesCore 16 | - ExpoModulesCore (0.6.5): 17 | - React-Core 18 | - ReactCommon/turbomodule/core 19 | - EXSplashScreen (0.14.2): 20 | - ExpoModulesCore 21 | - React-Core 22 | - FBLazyVector (0.64.3) 23 | - FBReactNativeSpec (0.64.3): 24 | - RCT-Folly (= 2020.01.13.00) 25 | - RCTRequired (= 0.64.3) 26 | - RCTTypeSafety (= 0.64.3) 27 | - React-Core (= 0.64.3) 28 | - React-jsi (= 0.64.3) 29 | - ReactCommon/turbomodule/core (= 0.64.3) 30 | - glog (0.3.5) 31 | - RCT-Folly (2020.01.13.00): 32 | - boost-for-react-native 33 | - DoubleConversion 34 | - glog 35 | - RCT-Folly/Default (= 2020.01.13.00) 36 | - RCT-Folly/Default (2020.01.13.00): 37 | - boost-for-react-native 38 | - DoubleConversion 39 | - glog 40 | - RCTRequired (0.64.3) 41 | - RCTTypeSafety (0.64.3): 42 | - FBLazyVector (= 0.64.3) 43 | - RCT-Folly (= 2020.01.13.00) 44 | - RCTRequired (= 0.64.3) 45 | - React-Core (= 0.64.3) 46 | - React (0.64.3): 47 | - React-Core (= 0.64.3) 48 | - React-Core/DevSupport (= 0.64.3) 49 | - React-Core/RCTWebSocket (= 0.64.3) 50 | - React-RCTActionSheet (= 0.64.3) 51 | - React-RCTAnimation (= 0.64.3) 52 | - React-RCTBlob (= 0.64.3) 53 | - React-RCTImage (= 0.64.3) 54 | - React-RCTLinking (= 0.64.3) 55 | - React-RCTNetwork (= 0.64.3) 56 | - React-RCTSettings (= 0.64.3) 57 | - React-RCTText (= 0.64.3) 58 | - React-RCTVibration (= 0.64.3) 59 | - React-callinvoker (0.64.3) 60 | - React-Core (0.64.3): 61 | - glog 62 | - RCT-Folly (= 2020.01.13.00) 63 | - React-Core/Default (= 0.64.3) 64 | - React-cxxreact (= 0.64.3) 65 | - React-jsi (= 0.64.3) 66 | - React-jsiexecutor (= 0.64.3) 67 | - React-perflogger (= 0.64.3) 68 | - Yoga 69 | - React-Core/CoreModulesHeaders (0.64.3): 70 | - glog 71 | - RCT-Folly (= 2020.01.13.00) 72 | - React-Core/Default 73 | - React-cxxreact (= 0.64.3) 74 | - React-jsi (= 0.64.3) 75 | - React-jsiexecutor (= 0.64.3) 76 | - React-perflogger (= 0.64.3) 77 | - Yoga 78 | - React-Core/Default (0.64.3): 79 | - glog 80 | - RCT-Folly (= 2020.01.13.00) 81 | - React-cxxreact (= 0.64.3) 82 | - React-jsi (= 0.64.3) 83 | - React-jsiexecutor (= 0.64.3) 84 | - React-perflogger (= 0.64.3) 85 | - Yoga 86 | - React-Core/DevSupport (0.64.3): 87 | - glog 88 | - RCT-Folly (= 2020.01.13.00) 89 | - React-Core/Default (= 0.64.3) 90 | - React-Core/RCTWebSocket (= 0.64.3) 91 | - React-cxxreact (= 0.64.3) 92 | - React-jsi (= 0.64.3) 93 | - React-jsiexecutor (= 0.64.3) 94 | - React-jsinspector (= 0.64.3) 95 | - React-perflogger (= 0.64.3) 96 | - Yoga 97 | - React-Core/RCTActionSheetHeaders (0.64.3): 98 | - glog 99 | - RCT-Folly (= 2020.01.13.00) 100 | - React-Core/Default 101 | - React-cxxreact (= 0.64.3) 102 | - React-jsi (= 0.64.3) 103 | - React-jsiexecutor (= 0.64.3) 104 | - React-perflogger (= 0.64.3) 105 | - Yoga 106 | - React-Core/RCTAnimationHeaders (0.64.3): 107 | - glog 108 | - RCT-Folly (= 2020.01.13.00) 109 | - React-Core/Default 110 | - React-cxxreact (= 0.64.3) 111 | - React-jsi (= 0.64.3) 112 | - React-jsiexecutor (= 0.64.3) 113 | - React-perflogger (= 0.64.3) 114 | - Yoga 115 | - React-Core/RCTBlobHeaders (0.64.3): 116 | - glog 117 | - RCT-Folly (= 2020.01.13.00) 118 | - React-Core/Default 119 | - React-cxxreact (= 0.64.3) 120 | - React-jsi (= 0.64.3) 121 | - React-jsiexecutor (= 0.64.3) 122 | - React-perflogger (= 0.64.3) 123 | - Yoga 124 | - React-Core/RCTImageHeaders (0.64.3): 125 | - glog 126 | - RCT-Folly (= 2020.01.13.00) 127 | - React-Core/Default 128 | - React-cxxreact (= 0.64.3) 129 | - React-jsi (= 0.64.3) 130 | - React-jsiexecutor (= 0.64.3) 131 | - React-perflogger (= 0.64.3) 132 | - Yoga 133 | - React-Core/RCTLinkingHeaders (0.64.3): 134 | - glog 135 | - RCT-Folly (= 2020.01.13.00) 136 | - React-Core/Default 137 | - React-cxxreact (= 0.64.3) 138 | - React-jsi (= 0.64.3) 139 | - React-jsiexecutor (= 0.64.3) 140 | - React-perflogger (= 0.64.3) 141 | - Yoga 142 | - React-Core/RCTNetworkHeaders (0.64.3): 143 | - glog 144 | - RCT-Folly (= 2020.01.13.00) 145 | - React-Core/Default 146 | - React-cxxreact (= 0.64.3) 147 | - React-jsi (= 0.64.3) 148 | - React-jsiexecutor (= 0.64.3) 149 | - React-perflogger (= 0.64.3) 150 | - Yoga 151 | - React-Core/RCTSettingsHeaders (0.64.3): 152 | - glog 153 | - RCT-Folly (= 2020.01.13.00) 154 | - React-Core/Default 155 | - React-cxxreact (= 0.64.3) 156 | - React-jsi (= 0.64.3) 157 | - React-jsiexecutor (= 0.64.3) 158 | - React-perflogger (= 0.64.3) 159 | - Yoga 160 | - React-Core/RCTTextHeaders (0.64.3): 161 | - glog 162 | - RCT-Folly (= 2020.01.13.00) 163 | - React-Core/Default 164 | - React-cxxreact (= 0.64.3) 165 | - React-jsi (= 0.64.3) 166 | - React-jsiexecutor (= 0.64.3) 167 | - React-perflogger (= 0.64.3) 168 | - Yoga 169 | - React-Core/RCTVibrationHeaders (0.64.3): 170 | - glog 171 | - RCT-Folly (= 2020.01.13.00) 172 | - React-Core/Default 173 | - React-cxxreact (= 0.64.3) 174 | - React-jsi (= 0.64.3) 175 | - React-jsiexecutor (= 0.64.3) 176 | - React-perflogger (= 0.64.3) 177 | - Yoga 178 | - React-Core/RCTWebSocket (0.64.3): 179 | - glog 180 | - RCT-Folly (= 2020.01.13.00) 181 | - React-Core/Default (= 0.64.3) 182 | - React-cxxreact (= 0.64.3) 183 | - React-jsi (= 0.64.3) 184 | - React-jsiexecutor (= 0.64.3) 185 | - React-perflogger (= 0.64.3) 186 | - Yoga 187 | - React-CoreModules (0.64.3): 188 | - FBReactNativeSpec (= 0.64.3) 189 | - RCT-Folly (= 2020.01.13.00) 190 | - RCTTypeSafety (= 0.64.3) 191 | - React-Core/CoreModulesHeaders (= 0.64.3) 192 | - React-jsi (= 0.64.3) 193 | - React-RCTImage (= 0.64.3) 194 | - ReactCommon/turbomodule/core (= 0.64.3) 195 | - React-cxxreact (0.64.3): 196 | - boost-for-react-native (= 1.63.0) 197 | - DoubleConversion 198 | - glog 199 | - RCT-Folly (= 2020.01.13.00) 200 | - React-callinvoker (= 0.64.3) 201 | - React-jsi (= 0.64.3) 202 | - React-jsinspector (= 0.64.3) 203 | - React-perflogger (= 0.64.3) 204 | - React-runtimeexecutor (= 0.64.3) 205 | - React-jsi (0.64.3): 206 | - boost-for-react-native (= 1.63.0) 207 | - DoubleConversion 208 | - glog 209 | - RCT-Folly (= 2020.01.13.00) 210 | - React-jsi/Default (= 0.64.3) 211 | - React-jsi/Default (0.64.3): 212 | - boost-for-react-native (= 1.63.0) 213 | - DoubleConversion 214 | - glog 215 | - RCT-Folly (= 2020.01.13.00) 216 | - React-jsiexecutor (0.64.3): 217 | - DoubleConversion 218 | - glog 219 | - RCT-Folly (= 2020.01.13.00) 220 | - React-cxxreact (= 0.64.3) 221 | - React-jsi (= 0.64.3) 222 | - React-perflogger (= 0.64.3) 223 | - React-jsinspector (0.64.3) 224 | - React-perflogger (0.64.3) 225 | - React-RCTActionSheet (0.64.3): 226 | - React-Core/RCTActionSheetHeaders (= 0.64.3) 227 | - React-RCTAnimation (0.64.3): 228 | - FBReactNativeSpec (= 0.64.3) 229 | - RCT-Folly (= 2020.01.13.00) 230 | - RCTTypeSafety (= 0.64.3) 231 | - React-Core/RCTAnimationHeaders (= 0.64.3) 232 | - React-jsi (= 0.64.3) 233 | - ReactCommon/turbomodule/core (= 0.64.3) 234 | - React-RCTBlob (0.64.3): 235 | - FBReactNativeSpec (= 0.64.3) 236 | - RCT-Folly (= 2020.01.13.00) 237 | - React-Core/RCTBlobHeaders (= 0.64.3) 238 | - React-Core/RCTWebSocket (= 0.64.3) 239 | - React-jsi (= 0.64.3) 240 | - React-RCTNetwork (= 0.64.3) 241 | - ReactCommon/turbomodule/core (= 0.64.3) 242 | - React-RCTImage (0.64.3): 243 | - FBReactNativeSpec (= 0.64.3) 244 | - RCT-Folly (= 2020.01.13.00) 245 | - RCTTypeSafety (= 0.64.3) 246 | - React-Core/RCTImageHeaders (= 0.64.3) 247 | - React-jsi (= 0.64.3) 248 | - React-RCTNetwork (= 0.64.3) 249 | - ReactCommon/turbomodule/core (= 0.64.3) 250 | - React-RCTLinking (0.64.3): 251 | - FBReactNativeSpec (= 0.64.3) 252 | - React-Core/RCTLinkingHeaders (= 0.64.3) 253 | - React-jsi (= 0.64.3) 254 | - ReactCommon/turbomodule/core (= 0.64.3) 255 | - React-RCTNetwork (0.64.3): 256 | - FBReactNativeSpec (= 0.64.3) 257 | - RCT-Folly (= 2020.01.13.00) 258 | - RCTTypeSafety (= 0.64.3) 259 | - React-Core/RCTNetworkHeaders (= 0.64.3) 260 | - React-jsi (= 0.64.3) 261 | - ReactCommon/turbomodule/core (= 0.64.3) 262 | - React-RCTSettings (0.64.3): 263 | - FBReactNativeSpec (= 0.64.3) 264 | - RCT-Folly (= 2020.01.13.00) 265 | - RCTTypeSafety (= 0.64.3) 266 | - React-Core/RCTSettingsHeaders (= 0.64.3) 267 | - React-jsi (= 0.64.3) 268 | - ReactCommon/turbomodule/core (= 0.64.3) 269 | - React-RCTText (0.64.3): 270 | - React-Core/RCTTextHeaders (= 0.64.3) 271 | - React-RCTVibration (0.64.3): 272 | - FBReactNativeSpec (= 0.64.3) 273 | - RCT-Folly (= 2020.01.13.00) 274 | - React-Core/RCTVibrationHeaders (= 0.64.3) 275 | - React-jsi (= 0.64.3) 276 | - ReactCommon/turbomodule/core (= 0.64.3) 277 | - React-runtimeexecutor (0.64.3): 278 | - React-jsi (= 0.64.3) 279 | - ReactCommon/turbomodule/core (0.64.3): 280 | - DoubleConversion 281 | - glog 282 | - RCT-Folly (= 2020.01.13.00) 283 | - React-callinvoker (= 0.64.3) 284 | - React-Core (= 0.64.3) 285 | - React-cxxreact (= 0.64.3) 286 | - React-jsi (= 0.64.3) 287 | - React-perflogger (= 0.64.3) 288 | - RNSVG (12.1.1): 289 | - React 290 | - Yoga (1.14.0) 291 | 292 | DEPENDENCIES: 293 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`) 294 | - EXApplication (from `../node_modules/expo-application/ios`) 295 | - EXConstants (from `../node_modules/expo-constants/ios`) 296 | - EXFileSystem (from `../node_modules/expo-file-system/ios`) 297 | - EXFont (from `../node_modules/expo-font/ios`) 298 | - EXKeepAwake (from `../node_modules/expo-keep-awake/ios`) 299 | - Expo (from `../node_modules/expo/ios`) 300 | - ExpoModulesCore (from `../node_modules/expo-modules-core/ios`) 301 | - EXSplashScreen (from `../node_modules/expo-splash-screen/ios`) 302 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`) 303 | - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`) 304 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`) 305 | - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`) 306 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`) 307 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`) 308 | - React (from `../node_modules/react-native/`) 309 | - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`) 310 | - React-Core (from `../node_modules/react-native/`) 311 | - React-Core/DevSupport (from `../node_modules/react-native/`) 312 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`) 313 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`) 314 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`) 315 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`) 316 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 317 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 318 | - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`) 319 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 320 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 321 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`) 322 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`) 323 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`) 324 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`) 325 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`) 326 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`) 327 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 328 | - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`) 329 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 330 | - RNSVG (from `../node_modules/react-native-svg`) 331 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 332 | 333 | SPEC REPOS: 334 | trunk: 335 | - boost-for-react-native 336 | 337 | EXTERNAL SOURCES: 338 | DoubleConversion: 339 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec" 340 | EXApplication: 341 | :path: "../node_modules/expo-application/ios" 342 | EXConstants: 343 | :path: "../node_modules/expo-constants/ios" 344 | EXFileSystem: 345 | :path: "../node_modules/expo-file-system/ios" 346 | EXFont: 347 | :path: "../node_modules/expo-font/ios" 348 | EXKeepAwake: 349 | :path: "../node_modules/expo-keep-awake/ios" 350 | Expo: 351 | :path: "../node_modules/expo/ios" 352 | ExpoModulesCore: 353 | :path: "../node_modules/expo-modules-core/ios" 354 | EXSplashScreen: 355 | :path: "../node_modules/expo-splash-screen/ios" 356 | FBLazyVector: 357 | :path: "../node_modules/react-native/Libraries/FBLazyVector" 358 | FBReactNativeSpec: 359 | :path: "../node_modules/react-native/React/FBReactNativeSpec" 360 | glog: 361 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec" 362 | RCT-Folly: 363 | :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec" 364 | RCTRequired: 365 | :path: "../node_modules/react-native/Libraries/RCTRequired" 366 | RCTTypeSafety: 367 | :path: "../node_modules/react-native/Libraries/TypeSafety" 368 | React: 369 | :path: "../node_modules/react-native/" 370 | React-callinvoker: 371 | :path: "../node_modules/react-native/ReactCommon/callinvoker" 372 | React-Core: 373 | :path: "../node_modules/react-native/" 374 | React-CoreModules: 375 | :path: "../node_modules/react-native/React/CoreModules" 376 | React-cxxreact: 377 | :path: "../node_modules/react-native/ReactCommon/cxxreact" 378 | React-jsi: 379 | :path: "../node_modules/react-native/ReactCommon/jsi" 380 | React-jsiexecutor: 381 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor" 382 | React-jsinspector: 383 | :path: "../node_modules/react-native/ReactCommon/jsinspector" 384 | React-perflogger: 385 | :path: "../node_modules/react-native/ReactCommon/reactperflogger" 386 | React-RCTActionSheet: 387 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS" 388 | React-RCTAnimation: 389 | :path: "../node_modules/react-native/Libraries/NativeAnimation" 390 | React-RCTBlob: 391 | :path: "../node_modules/react-native/Libraries/Blob" 392 | React-RCTImage: 393 | :path: "../node_modules/react-native/Libraries/Image" 394 | React-RCTLinking: 395 | :path: "../node_modules/react-native/Libraries/LinkingIOS" 396 | React-RCTNetwork: 397 | :path: "../node_modules/react-native/Libraries/Network" 398 | React-RCTSettings: 399 | :path: "../node_modules/react-native/Libraries/Settings" 400 | React-RCTText: 401 | :path: "../node_modules/react-native/Libraries/Text" 402 | React-RCTVibration: 403 | :path: "../node_modules/react-native/Libraries/Vibration" 404 | React-runtimeexecutor: 405 | :path: "../node_modules/react-native/ReactCommon/runtimeexecutor" 406 | ReactCommon: 407 | :path: "../node_modules/react-native/ReactCommon" 408 | RNSVG: 409 | :path: "../node_modules/react-native-svg" 410 | Yoga: 411 | :path: "../node_modules/react-native/ReactCommon/yoga" 412 | 413 | SPEC CHECKSUMS: 414 | boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c 415 | DoubleConversion: cf9b38bf0b2d048436d9a82ad2abe1404f11e7de 416 | EXApplication: 54fe5bd6268d697771645e8f1aef8b806a65247a 417 | EXConstants: 88bf79622fbd9b476c96d8ec57fe97ca44fe8e3c 418 | EXFileSystem: 08a3033ac372b6346becf07839e1ccef26fb1058 419 | EXFont: 2597c10ac85a69d348d44d7873eccf5a7576ef5e 420 | EXKeepAwake: bf48d7f740a5cd2befed6cf9a49911d385c6c47d 421 | Expo: 534e51e607aba8229293297da5585f4b26f50fa1 422 | ExpoModulesCore: 32c0ccb47f477d330ee93db72505380adf0de09a 423 | EXSplashScreen: 21669e598804ee810547dbb6692c8deb5dd8dbf3 424 | FBLazyVector: c71c5917ec0ad2de41d5d06a5855f6d5eda06971 425 | FBReactNativeSpec: 687823ff1db5b8e005c0841796b43a41dc5ceefc 426 | glog: 73c2498ac6884b13ede40eda8228cb1eee9d9d62 427 | RCT-Folly: ec7a233ccc97cc556cf7237f0db1ff65b986f27c 428 | RCTRequired: d34bf57e17cb6e3b2681f4809b13843c021feb6c 429 | RCTTypeSafety: 8dab4933124ed39bb0c1d88d74d61b1eb950f28f 430 | React: ef700aeb19afabff83a9cc5799ac955a9c6b5e0f 431 | React-callinvoker: 5547633d44f3e114b17c03c660ccb5faefd9ed2d 432 | React-Core: 3858d60185d71567962468bf176d582e36e4e25b 433 | React-CoreModules: 29b3397adac0c04915cf93089328664868510717 434 | React-cxxreact: 7e6cc1f4cdfcd40e483dd228fa8a3d3e0ed16f4a 435 | React-jsi: a8b09c29521c798f1783348b37b511ba7b3dbeb3 436 | React-jsiexecutor: df6abc9fafbecb8e5b7a5fbc5e6d4bd017d594d5 437 | React-jsinspector: 34e23860273a23695342f58eed3ffd3ba10c31e0 438 | React-perflogger: cc76a4254d19640f1d8ad1c66fdee800414b805c 439 | React-RCTActionSheet: 7448f049318d8d7e8a9a1ebb742ada721757eea8 440 | React-RCTAnimation: fb9b3fa1a4a9f5e6ab01b3368693ce69860ba76a 441 | React-RCTBlob: a2e7056601c599c19884992f08ebacae810426f9 442 | React-RCTImage: 5a46c12327d0d6f6844a1fe38baa92a1e02847e8 443 | React-RCTLinking: 63dd8305591e1def35267557ed42918aec9eb30b 444 | React-RCTNetwork: d0516e39a5f736b2bff671c3e03804200161dcd3 445 | React-RCTSettings: a09566b14f1649f6c8a39ad1a174bb5c0631bb09 446 | React-RCTText: 04a2f0a281f715f0aed4f515717fafd64510e2c8 447 | React-RCTVibration: c7f845861e79eae13dc1e8217a3cf47a3945b504 448 | React-runtimeexecutor: 493d9abb8b23c3f84e19ae221eeba92cadcb70dc 449 | ReactCommon: 8fea6422328e2fc093e25c9fac67adbcf0f04fb4 450 | RNSVG: 551acb6562324b1d52a4e0758f7ca0ec234e278f 451 | Yoga: e6ecf3fa25af9d4c87e94ad7d5d292eedef49749 452 | 453 | PODFILE CHECKSUM: c1b6d5b8c4242aa2c5d8ad8ab03114d222c41ca0 454 | 455 | COCOAPODS: 1.11.3 456 | -------------------------------------------------------------------------------- /examples/ReactNative/ios/ReactNative.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 11 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 12 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 13 | 3E461D99554A48A4959DE609 /* SplashScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */; }; 14 | 96905EF65AED1B983A6B3ABC /* libPods-ReactNative.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 58EEBF8E8E6FB1BC6CAF49B5 /* libPods-ReactNative.a */; }; 15 | B18059E884C0ABDD17F3DC3D /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = FAC715A2D49A985799AEE119 /* ExpoModulesProvider.swift */; }; 16 | BB2F792D24A3F905000567C9 /* Expo.plist in Resources */ = {isa = PBXBuildFile; fileRef = BB2F792C24A3F905000567C9 /* Expo.plist */; }; 17 | /* End PBXBuildFile section */ 18 | 19 | /* Begin PBXFileReference section */ 20 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 21 | 13B07F961A680F5B00A75B9A /* ReactNative.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = ReactNative.app; sourceTree = BUILT_PRODUCTS_DIR; }; 22 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = ReactNative/AppDelegate.h; sourceTree = ""; }; 23 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = ReactNative/AppDelegate.m; sourceTree = ""; }; 24 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = ReactNative/Images.xcassets; sourceTree = ""; }; 25 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = ReactNative/Info.plist; sourceTree = ""; }; 26 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = ReactNative/main.m; sourceTree = ""; }; 27 | 58EEBF8E8E6FB1BC6CAF49B5 /* libPods-ReactNative.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ReactNative.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 28 | 6C2E3173556A471DD304B334 /* Pods-ReactNative.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNative.debug.xcconfig"; path = "Target Support Files/Pods-ReactNative/Pods-ReactNative.debug.xcconfig"; sourceTree = ""; }; 29 | 7A4D352CD337FB3A3BF06240 /* Pods-ReactNative.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNative.release.xcconfig"; path = "Target Support Files/Pods-ReactNative/Pods-ReactNative.release.xcconfig"; sourceTree = ""; }; 30 | AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = SplashScreen.storyboard; path = ReactNative/SplashScreen.storyboard; sourceTree = ""; }; 31 | BB2F792C24A3F905000567C9 /* Expo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = Expo.plist; sourceTree = ""; }; 32 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 33 | FAC715A2D49A985799AEE119 /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-ReactNative/ExpoModulesProvider.swift"; sourceTree = ""; }; 34 | /* End PBXFileReference section */ 35 | 36 | /* Begin PBXFrameworksBuildPhase section */ 37 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 38 | isa = PBXFrameworksBuildPhase; 39 | buildActionMask = 2147483647; 40 | files = ( 41 | 96905EF65AED1B983A6B3ABC /* libPods-ReactNative.a in Frameworks */, 42 | ); 43 | runOnlyForDeploymentPostprocessing = 0; 44 | }; 45 | /* End PBXFrameworksBuildPhase section */ 46 | 47 | /* Begin PBXGroup section */ 48 | 13B07FAE1A68108700A75B9A /* ReactNative */ = { 49 | isa = PBXGroup; 50 | children = ( 51 | BB2F792B24A3F905000567C9 /* Supporting */, 52 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 53 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 54 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 55 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 56 | 13B07FB61A68108700A75B9A /* Info.plist */, 57 | 13B07FB71A68108700A75B9A /* main.m */, 58 | AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */, 59 | ); 60 | name = ReactNative; 61 | sourceTree = ""; 62 | }; 63 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 64 | isa = PBXGroup; 65 | children = ( 66 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 67 | 58EEBF8E8E6FB1BC6CAF49B5 /* libPods-ReactNative.a */, 68 | ); 69 | name = Frameworks; 70 | sourceTree = ""; 71 | }; 72 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 73 | isa = PBXGroup; 74 | children = ( 75 | ); 76 | name = Libraries; 77 | sourceTree = ""; 78 | }; 79 | 83CBB9F61A601CBA00E9B192 = { 80 | isa = PBXGroup; 81 | children = ( 82 | 13B07FAE1A68108700A75B9A /* ReactNative */, 83 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 84 | 83CBBA001A601CBA00E9B192 /* Products */, 85 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 86 | D65327D7A22EEC0BE12398D9 /* Pods */, 87 | D7E4C46ADA2E9064B798F356 /* ExpoModulesProviders */, 88 | ); 89 | indentWidth = 2; 90 | sourceTree = ""; 91 | tabWidth = 2; 92 | usesTabs = 0; 93 | }; 94 | 83CBBA001A601CBA00E9B192 /* Products */ = { 95 | isa = PBXGroup; 96 | children = ( 97 | 13B07F961A680F5B00A75B9A /* ReactNative.app */, 98 | ); 99 | name = Products; 100 | sourceTree = ""; 101 | }; 102 | 92DBD88DE9BF7D494EA9DA96 /* ReactNative */ = { 103 | isa = PBXGroup; 104 | children = ( 105 | FAC715A2D49A985799AEE119 /* ExpoModulesProvider.swift */, 106 | ); 107 | name = ReactNative; 108 | sourceTree = ""; 109 | }; 110 | BB2F792B24A3F905000567C9 /* Supporting */ = { 111 | isa = PBXGroup; 112 | children = ( 113 | BB2F792C24A3F905000567C9 /* Expo.plist */, 114 | ); 115 | name = Supporting; 116 | path = ReactNative/Supporting; 117 | sourceTree = ""; 118 | }; 119 | D65327D7A22EEC0BE12398D9 /* Pods */ = { 120 | isa = PBXGroup; 121 | children = ( 122 | 6C2E3173556A471DD304B334 /* Pods-ReactNative.debug.xcconfig */, 123 | 7A4D352CD337FB3A3BF06240 /* Pods-ReactNative.release.xcconfig */, 124 | ); 125 | path = Pods; 126 | sourceTree = ""; 127 | }; 128 | D7E4C46ADA2E9064B798F356 /* ExpoModulesProviders */ = { 129 | isa = PBXGroup; 130 | children = ( 131 | 92DBD88DE9BF7D494EA9DA96 /* ReactNative */, 132 | ); 133 | name = ExpoModulesProviders; 134 | sourceTree = ""; 135 | }; 136 | /* End PBXGroup section */ 137 | 138 | /* Begin PBXNativeTarget section */ 139 | 13B07F861A680F5B00A75B9A /* ReactNative */ = { 140 | isa = PBXNativeTarget; 141 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "ReactNative" */; 142 | buildPhases = ( 143 | 08A4A3CD28434E44B6B9DE2E /* [CP] Check Pods Manifest.lock */, 144 | FD10A7F022414F080027D42C /* Start Packager */, 145 | 13B07F871A680F5B00A75B9A /* Sources */, 146 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 147 | 13B07F8E1A680F5B00A75B9A /* Resources */, 148 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 149 | 800E24972A6A228C8D4807E9 /* [CP] Copy Pods Resources */, 150 | ); 151 | buildRules = ( 152 | ); 153 | dependencies = ( 154 | ); 155 | name = ReactNative; 156 | productName = ReactNative; 157 | productReference = 13B07F961A680F5B00A75B9A /* ReactNative.app */; 158 | productType = "com.apple.product-type.application"; 159 | }; 160 | /* End PBXNativeTarget section */ 161 | 162 | /* Begin PBXProject section */ 163 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 164 | isa = PBXProject; 165 | attributes = { 166 | LastUpgradeCheck = 1130; 167 | TargetAttributes = { 168 | 13B07F861A680F5B00A75B9A = { 169 | LastSwiftMigration = 1250; 170 | }; 171 | }; 172 | }; 173 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ReactNative" */; 174 | compatibilityVersion = "Xcode 3.2"; 175 | developmentRegion = en; 176 | hasScannedForEncodings = 0; 177 | knownRegions = ( 178 | en, 179 | Base, 180 | ); 181 | mainGroup = 83CBB9F61A601CBA00E9B192; 182 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 183 | projectDirPath = ""; 184 | projectRoot = ""; 185 | targets = ( 186 | 13B07F861A680F5B00A75B9A /* ReactNative */, 187 | ); 188 | }; 189 | /* End PBXProject section */ 190 | 191 | /* Begin PBXResourcesBuildPhase section */ 192 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 193 | isa = PBXResourcesBuildPhase; 194 | buildActionMask = 2147483647; 195 | files = ( 196 | BB2F792D24A3F905000567C9 /* Expo.plist in Resources */, 197 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 198 | 3E461D99554A48A4959DE609 /* SplashScreen.storyboard in Resources */, 199 | ); 200 | runOnlyForDeploymentPostprocessing = 0; 201 | }; 202 | /* End PBXResourcesBuildPhase section */ 203 | 204 | /* Begin PBXShellScriptBuildPhase section */ 205 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 206 | isa = PBXShellScriptBuildPhase; 207 | buildActionMask = 2147483647; 208 | files = ( 209 | ); 210 | inputPaths = ( 211 | ); 212 | name = "Bundle React Native code and images"; 213 | outputPaths = ( 214 | ); 215 | runOnlyForDeploymentPostprocessing = 0; 216 | shellPath = /bin/sh; 217 | shellScript = "export NODE_BINARY=node\n\n# The project root by default is one level up from the ios directory\nexport PROJECT_ROOT=\"$PROJECT_DIR\"/..\n\n`node --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/react-native-xcode.sh'\"`\n"; 218 | }; 219 | 08A4A3CD28434E44B6B9DE2E /* [CP] Check Pods Manifest.lock */ = { 220 | isa = PBXShellScriptBuildPhase; 221 | buildActionMask = 2147483647; 222 | files = ( 223 | ); 224 | inputFileListPaths = ( 225 | ); 226 | inputPaths = ( 227 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 228 | "${PODS_ROOT}/Manifest.lock", 229 | ); 230 | name = "[CP] Check Pods Manifest.lock"; 231 | outputFileListPaths = ( 232 | ); 233 | outputPaths = ( 234 | "$(DERIVED_FILE_DIR)/Pods-ReactNative-checkManifestLockResult.txt", 235 | ); 236 | runOnlyForDeploymentPostprocessing = 0; 237 | shellPath = /bin/sh; 238 | 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"; 239 | showEnvVarsInLog = 0; 240 | }; 241 | 800E24972A6A228C8D4807E9 /* [CP] Copy Pods Resources */ = { 242 | isa = PBXShellScriptBuildPhase; 243 | buildActionMask = 2147483647; 244 | files = ( 245 | ); 246 | inputPaths = ( 247 | "${PODS_ROOT}/Target Support Files/Pods-ReactNative/Pods-ReactNative-resources.sh", 248 | "${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/EXConstants.bundle", 249 | "${PODS_CONFIGURATION_BUILD_DIR}/React-Core/AccessibilityResources.bundle", 250 | ); 251 | name = "[CP] Copy Pods Resources"; 252 | outputPaths = ( 253 | "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXConstants.bundle", 254 | "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AccessibilityResources.bundle", 255 | ); 256 | runOnlyForDeploymentPostprocessing = 0; 257 | shellPath = /bin/sh; 258 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-ReactNative/Pods-ReactNative-resources.sh\"\n"; 259 | showEnvVarsInLog = 0; 260 | }; 261 | FD10A7F022414F080027D42C /* Start Packager */ = { 262 | isa = PBXShellScriptBuildPhase; 263 | buildActionMask = 2147483647; 264 | files = ( 265 | ); 266 | inputFileListPaths = ( 267 | ); 268 | inputPaths = ( 269 | ); 270 | name = "Start Packager"; 271 | outputFileListPaths = ( 272 | ); 273 | outputPaths = ( 274 | ); 275 | runOnlyForDeploymentPostprocessing = 0; 276 | shellPath = /bin/sh; 277 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > `node --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/.packager.env'\"`\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open `node --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/launchPackager.command'\"` || echo \"Can't start packager automatically\"\n fi\nfi\n"; 278 | showEnvVarsInLog = 0; 279 | }; 280 | /* End PBXShellScriptBuildPhase section */ 281 | 282 | /* Begin PBXSourcesBuildPhase section */ 283 | 13B07F871A680F5B00A75B9A /* Sources */ = { 284 | isa = PBXSourcesBuildPhase; 285 | buildActionMask = 2147483647; 286 | files = ( 287 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 288 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 289 | B18059E884C0ABDD17F3DC3D /* ExpoModulesProvider.swift in Sources */, 290 | ); 291 | runOnlyForDeploymentPostprocessing = 0; 292 | }; 293 | /* End PBXSourcesBuildPhase section */ 294 | 295 | /* Begin XCBuildConfiguration section */ 296 | 13B07F941A680F5B00A75B9A /* Debug */ = { 297 | isa = XCBuildConfiguration; 298 | baseConfigurationReference = 6C2E3173556A471DD304B334 /* Pods-ReactNative.debug.xcconfig */; 299 | buildSettings = { 300 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 301 | CLANG_ENABLE_MODULES = YES; 302 | CURRENT_PROJECT_VERSION = 1; 303 | ENABLE_BITCODE = NO; 304 | GCC_PREPROCESSOR_DEFINITIONS = ( 305 | "$(inherited)", 306 | "FB_SONARKIT_ENABLED=1", 307 | ); 308 | INFOPLIST_FILE = ReactNative/Info.plist; 309 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 310 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 311 | OTHER_LDFLAGS = ( 312 | "$(inherited)", 313 | "-ObjC", 314 | "-lc++", 315 | ); 316 | PRODUCT_BUNDLE_IDENTIFIER = org.name.ReactNative; 317 | PRODUCT_NAME = ReactNative; 318 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 319 | SWIFT_VERSION = 5.0; 320 | VERSIONING_SYSTEM = "apple-generic"; 321 | }; 322 | name = Debug; 323 | }; 324 | 13B07F951A680F5B00A75B9A /* Release */ = { 325 | isa = XCBuildConfiguration; 326 | baseConfigurationReference = 7A4D352CD337FB3A3BF06240 /* Pods-ReactNative.release.xcconfig */; 327 | buildSettings = { 328 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 329 | CLANG_ENABLE_MODULES = YES; 330 | CURRENT_PROJECT_VERSION = 1; 331 | INFOPLIST_FILE = ReactNative/Info.plist; 332 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 333 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 334 | OTHER_LDFLAGS = ( 335 | "$(inherited)", 336 | "-ObjC", 337 | "-lc++", 338 | ); 339 | PRODUCT_BUNDLE_IDENTIFIER = org.name.ReactNative; 340 | PRODUCT_NAME = ReactNative; 341 | SWIFT_VERSION = 5.0; 342 | VERSIONING_SYSTEM = "apple-generic"; 343 | }; 344 | name = Release; 345 | }; 346 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 347 | isa = XCBuildConfiguration; 348 | buildSettings = { 349 | ALWAYS_SEARCH_USER_PATHS = NO; 350 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 351 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 352 | CLANG_CXX_LIBRARY = "libc++"; 353 | CLANG_ENABLE_MODULES = YES; 354 | CLANG_ENABLE_OBJC_ARC = YES; 355 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 356 | CLANG_WARN_BOOL_CONVERSION = YES; 357 | CLANG_WARN_COMMA = YES; 358 | CLANG_WARN_CONSTANT_CONVERSION = YES; 359 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 360 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 361 | CLANG_WARN_EMPTY_BODY = YES; 362 | CLANG_WARN_ENUM_CONVERSION = YES; 363 | CLANG_WARN_INFINITE_RECURSION = YES; 364 | CLANG_WARN_INT_CONVERSION = YES; 365 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 366 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 367 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 368 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 369 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 370 | CLANG_WARN_STRICT_PROTOTYPES = YES; 371 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 372 | CLANG_WARN_UNREACHABLE_CODE = YES; 373 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 374 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 375 | COPY_PHASE_STRIP = NO; 376 | ENABLE_STRICT_OBJC_MSGSEND = YES; 377 | ENABLE_TESTABILITY = YES; 378 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 379 | GCC_C_LANGUAGE_STANDARD = gnu99; 380 | GCC_DYNAMIC_NO_PIC = NO; 381 | GCC_NO_COMMON_BLOCKS = YES; 382 | GCC_OPTIMIZATION_LEVEL = 0; 383 | GCC_PREPROCESSOR_DEFINITIONS = ( 384 | "DEBUG=1", 385 | "$(inherited)", 386 | ); 387 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 388 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 389 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 390 | GCC_WARN_UNDECLARED_SELECTOR = YES; 391 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 392 | GCC_WARN_UNUSED_FUNCTION = YES; 393 | GCC_WARN_UNUSED_VARIABLE = YES; 394 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 395 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)"; 396 | LIBRARY_SEARCH_PATHS = "\"$(inherited)\""; 397 | MTL_ENABLE_DEBUG_INFO = YES; 398 | ONLY_ACTIVE_ARCH = YES; 399 | SDKROOT = iphoneos; 400 | }; 401 | name = Debug; 402 | }; 403 | 83CBBA211A601CBA00E9B192 /* Release */ = { 404 | isa = XCBuildConfiguration; 405 | buildSettings = { 406 | ALWAYS_SEARCH_USER_PATHS = NO; 407 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 408 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 409 | CLANG_CXX_LIBRARY = "libc++"; 410 | CLANG_ENABLE_MODULES = YES; 411 | CLANG_ENABLE_OBJC_ARC = YES; 412 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 413 | CLANG_WARN_BOOL_CONVERSION = YES; 414 | CLANG_WARN_COMMA = YES; 415 | CLANG_WARN_CONSTANT_CONVERSION = YES; 416 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 417 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 418 | CLANG_WARN_EMPTY_BODY = YES; 419 | CLANG_WARN_ENUM_CONVERSION = YES; 420 | CLANG_WARN_INFINITE_RECURSION = YES; 421 | CLANG_WARN_INT_CONVERSION = YES; 422 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 423 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 424 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 425 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 426 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 427 | CLANG_WARN_STRICT_PROTOTYPES = YES; 428 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 429 | CLANG_WARN_UNREACHABLE_CODE = YES; 430 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 431 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 432 | COPY_PHASE_STRIP = YES; 433 | ENABLE_NS_ASSERTIONS = NO; 434 | ENABLE_STRICT_OBJC_MSGSEND = YES; 435 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 436 | GCC_C_LANGUAGE_STANDARD = gnu99; 437 | GCC_NO_COMMON_BLOCKS = YES; 438 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 439 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 440 | GCC_WARN_UNDECLARED_SELECTOR = YES; 441 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 442 | GCC_WARN_UNUSED_FUNCTION = YES; 443 | GCC_WARN_UNUSED_VARIABLE = YES; 444 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 445 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)"; 446 | LIBRARY_SEARCH_PATHS = "\"$(inherited)\""; 447 | MTL_ENABLE_DEBUG_INFO = NO; 448 | SDKROOT = iphoneos; 449 | VALIDATE_PRODUCT = YES; 450 | }; 451 | name = Release; 452 | }; 453 | /* End XCBuildConfiguration section */ 454 | 455 | /* Begin XCConfigurationList section */ 456 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "ReactNative" */ = { 457 | isa = XCConfigurationList; 458 | buildConfigurations = ( 459 | 13B07F941A680F5B00A75B9A /* Debug */, 460 | 13B07F951A680F5B00A75B9A /* Release */, 461 | ); 462 | defaultConfigurationIsVisible = 0; 463 | defaultConfigurationName = Release; 464 | }; 465 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ReactNative" */ = { 466 | isa = XCConfigurationList; 467 | buildConfigurations = ( 468 | 83CBBA201A601CBA00E9B192 /* Debug */, 469 | 83CBBA211A601CBA00E9B192 /* Release */, 470 | ); 471 | defaultConfigurationIsVisible = 0; 472 | defaultConfigurationName = Release; 473 | }; 474 | /* End XCConfigurationList section */ 475 | }; 476 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 477 | } 478 | --------------------------------------------------------------------------------