├── .gitignore ├── LICENSE ├── Readme.md ├── example ├── .babelrc ├── .buckconfig ├── .flowconfig ├── .gitattributes ├── .gitignore ├── .watchmanconfig ├── __tests__ │ ├── index.android.js │ └── index.ios.js ├── android │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── example │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ ├── keystores │ │ ├── BUCK │ │ └── debug.keystore.properties │ └── settings.gradle ├── index.android.js ├── index.ios.js ├── ios │ ├── example.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── example.xcscheme │ ├── example │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── exampleTests │ │ ├── Info.plist │ │ └── exampleTests.m ├── package.json └── yarn.lock ├── media ├── example.png └── example@2x.png └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | # osx 3 | .DS_Store 4 | 5 | # project 6 | node_modules/ 7 | logs 8 | *.log 9 | npm-debug.log* 10 | *.idea 11 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | 2 | The MIT License 3 | 4 | Copyright (c) 2017- Niftylettuce LLC (http://niftylettuce.com/) 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining a copy 7 | of this software and associated documentation files (the "Software"), to deal 8 | in the Software without restriction, including without limitation the rights 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | copies of the Software, and to permit persons to whom the Software is 11 | furnished to do so, subject to the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be included in all 14 | copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | SOFTWARE. 23 | -------------------------------------------------------------------------------- /Readme.md: -------------------------------------------------------------------------------- 1 | 2 | # React Native Phone Verification 3 | 4 | [![PayPal Donate][paypal-donate-image]][paypal-donate-url] 5 | [![Slack Status][slack-image]][slack-url] 6 | [![Standard JS Style][standard-image]][standard-url] 7 | [![MIT License][license-image]][license-url] 8 | 9 | The best React Native example for phone verification (an alternative to [Twitter Digits][twitter-digits]). This package was built for [CrocodileJS][crocodile-url]. 10 | 11 | ![React Native Phone Verification][demo] 12 | 13 | ## Features 14 | 15 | * :boom: Works with iOS and Android! :100: 100% Cross-platform baby :baby:! 16 | * :flags: Built-in country picker (uses [react-native-country-picker-modal][react-native-country-picker-modal])! 17 | * :wrench: Completely customizable form (uses [react-native-form][react-native-form], but you could also use [tcomb-form-native][tcomb-form-native])! 18 | * :crystal_ball: Spinner overlay (uses [react-native-loading-spinner-overlay][react-native-loading-spinner-overlay])! 19 | 20 | ## Wishlist 21 | 22 | * :sparkles: Optional Android support for reading verification codes automatically (uses [react-native-android-sms-listener][react-native-android-sms-listener])! 23 | 24 | ## Usage 25 | 26 | 1. Install [React Native][react-native]: 27 | 28 | ```bash 29 | npm install -g react-native-cli 30 | ``` 31 | 32 | 2. Initialize a new project: 33 | 34 | ```bash 35 | react-native init myproject 36 | ``` 37 | 38 | 3. Install dependencies: 39 | 40 | > If you're using `npm` to install packages: 41 | 42 | ```bash 43 | npm install --save frisbee react-native-country-picker-modal react-native-form react-native-loading-spinner-overlay 44 | ``` 45 | 46 | > Or, if you're using `yarn` to install packages: 47 | 48 | ```bash 49 | yarn add frisbee react-native-country-picker-modal react-native-form react-native-loading-spinner-overlay 50 | ``` 51 | 52 | 4. See [example][example] directory for how to integrate into your codebase (you can also just clone this repo and run the example to test it out). 53 | 54 | 55 | ## License 56 | 57 | All code is licensed under [MIT][license-url] 58 | 59 | 60 | [paypal-donate-image]: https://img.shields.io/badge/paypal-donate-orange.svg 61 | [paypal-donate-url]: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FE3EFQ5X9RHT6 62 | [license-image]: http://img.shields.io/badge/license-MIT-blue.svg 63 | [license-url]: LICENSE 64 | [crocodile-url]: https://crocodilejs.com 65 | [slack-image]: http://slack.crocodilejs.com/badge.svg 66 | [slack-url]: http://slack.crocodilejs.com 67 | [standard-image]: https://img.shields.io/badge/code%20style-standard%2Bes7-brightgreen.svg 68 | [standard-url]: https://github.com/crocodilejs/eslint-config-crocodile 69 | [react-native-country-picker-modal]: https://github.com/xcarpentier/react-native-country-picker-modal 70 | [react-native]: https://facebook.github.io/react-native/ 71 | [react-native-android-sms-listener]: https://github.com/CentaurWarchief/react-native-android-sms-listener 72 | [tcomb-form-native]: https://github.com/gcanti/tcomb-form-native 73 | [react-native-form]: https://github.com/julianocomg/react-native-form 74 | [react-native-loading-spinner-overlay]: https://github.com/niftylettuce/react-native-loading-spinner-overlay 75 | [demo]: https://cdn.rawgit.com/niftylettuce/react-native-phone-verification/master/media/example.png 76 | [example]: example/index.ios.js 77 | [twitter-digits]: https://get.digits.com/ 78 | -------------------------------------------------------------------------------- /example/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } -------------------------------------------------------------------------------- /example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /example/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | [include] 18 | 19 | [libs] 20 | node_modules/react-native/Libraries/react-native/react-native-interface.js 21 | node_modules/react-native/flow 22 | flow/ 23 | 24 | [options] 25 | module.system=haste 26 | 27 | experimental.strict_type_args=true 28 | 29 | munge_underscores=true 30 | 31 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 32 | 33 | suppress_type=$FlowIssue 34 | suppress_type=$FlowFixMe 35 | suppress_type=$FixMe 36 | 37 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-6]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 38 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-6]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 39 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 40 | 41 | unsafe.enable_getters_and_setters=true 42 | 43 | [version] 44 | ^0.36.0 45 | -------------------------------------------------------------------------------- /example/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /example/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | 38 | # BUCK 39 | buck-out/ 40 | \.buckd/ 41 | android/app/libs 42 | *.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md 50 | 51 | fastlane/report.xml 52 | fastlane/Preview.html 53 | fastlane/screenshots 54 | -------------------------------------------------------------------------------- /example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /example/__tests__/index.android.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.android.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /example/__tests__/index.ios.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.ios.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /example/android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.example', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.example', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.example" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile fileTree(dir: "libs", include: ["*.jar"]) 130 | compile "com.android.support:appcompat-v7:23.0.1" 131 | compile "com.facebook.react:react-native:+" // From node_modules 132 | } 133 | 134 | // Run this once to be able to run the application with BUCK 135 | // puts all compile dependencies into folder libs for BUCK to use 136 | task copyDownloadableDepsToLibs(type: Copy) { 137 | from configurations.compile 138 | into 'libs' 139 | } 140 | -------------------------------------------------------------------------------- /example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "example"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import android.app.Application; 4 | import android.util.Log; 5 | 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.shell.MainReactPackage; 11 | import com.facebook.soloader.SoLoader; 12 | 13 | import java.util.Arrays; 14 | import java.util.List; 15 | 16 | public class MainApplication extends Application implements ReactApplication { 17 | 18 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 19 | @Override 20 | protected boolean getUseDeveloperSupport() { 21 | return BuildConfig.DEBUG; 22 | } 23 | 24 | @Override 25 | protected List getPackages() { 26 | return Arrays.asList( 27 | new MainReactPackage() 28 | ); 29 | } 30 | }; 31 | 32 | @Override 33 | public ReactNativeHost getReactNativeHost() { 34 | return mReactNativeHost; 35 | } 36 | 37 | @Override 38 | public void onCreate() { 39 | super.onCreate(); 40 | SoLoader.init(this, /* native exopackage */ false); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ladjs/react-native-phone-verification/3a96dfa47e1a65a6693823bcd8acef73cf81a2bf/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ladjs/react-native-phone-verification/3a96dfa47e1a65a6693823bcd8acef73cf81a2bf/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ladjs/react-native-phone-verification/3a96dfa47e1a65a6693823bcd8acef73cf81a2bf/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ladjs/react-native-phone-verification/3a96dfa47e1a65a6693823bcd8acef73cf81a2bf/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | example 3 | 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -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 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ladjs/react-native-phone-verification/3a96dfa47e1a65a6693823bcd8acef73cf81a2bf/example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /example/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /example/android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'example' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /example/index.android.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | 9 | import { 10 | AppRegistry, 11 | StyleSheet, 12 | Text, 13 | TextInput, 14 | TouchableOpacity, 15 | View, 16 | Platform, 17 | Alert 18 | } from 'react-native'; 19 | 20 | import Frisbee from 'frisbee'; 21 | import Spinner from 'react-native-loading-spinner-overlay'; 22 | import Form from 'react-native-form'; 23 | import CountryPicker from 'react-native-country-picker-modal'; 24 | 25 | const api = new Frisbee({ 26 | baseURI: 'http://localhost:3000', 27 | headers: { 28 | 'Accept': 'application/json', 29 | 'Content-Type': 'application/json' 30 | } 31 | }); 32 | 33 | const MAX_LENGTH_CODE = 6; 34 | const MAX_LENGTH_NUMBER = 20; 35 | 36 | // if you want to customize the country picker 37 | const countryPickerCustomStyles = {}; 38 | 39 | // your brand's theme primary color 40 | const brandColor = '#744BAC'; 41 | 42 | const styles = StyleSheet.create({ 43 | countryPicker: { 44 | alignItems: 'center', 45 | justifyContent: 'center' 46 | }, 47 | container: { 48 | flex: 1 49 | }, 50 | header: { 51 | textAlign: 'center', 52 | marginTop: 60, 53 | fontSize: 22, 54 | margin: 20, 55 | color: '#4A4A4A', 56 | }, 57 | form: { 58 | margin: 20 59 | }, 60 | textInput: { 61 | padding: 0, 62 | margin: 0, 63 | flex: 1, 64 | fontSize: 20, 65 | color: brandColor 66 | }, 67 | button: { 68 | marginTop: 20, 69 | height: 50, 70 | backgroundColor: brandColor, 71 | alignItems: 'center', 72 | justifyContent: 'center', 73 | borderRadius: 5, 74 | }, 75 | buttonText: { 76 | color: '#fff', 77 | fontFamily: 'Helvetica', 78 | fontSize: 16, 79 | fontWeight: 'bold' 80 | }, 81 | wrongNumberText: { 82 | margin: 10, 83 | fontSize: 14, 84 | textAlign: 'center' 85 | }, 86 | disclaimerText: { 87 | marginTop: 30, 88 | fontSize: 12, 89 | color: 'grey' 90 | }, 91 | callingCodeView: { 92 | alignItems: 'center', 93 | justifyContent: 'center' 94 | }, 95 | callingCodeText: { 96 | fontSize: 20, 97 | color: brandColor, 98 | fontFamily: 'Helvetica', 99 | fontWeight: 'bold', 100 | paddingRight: 10 101 | } 102 | }); 103 | 104 | export default class example extends Component { 105 | 106 | constructor(props) { 107 | super(props); 108 | this.state = { 109 | enterCode: false, 110 | spinner: false, 111 | country: { 112 | cca2: 'US', 113 | callingCode: '1' 114 | } 115 | }; 116 | } 117 | 118 | _getCode = () => { 119 | 120 | this.setState({ spinner: true }); 121 | 122 | setTimeout(async () => { 123 | 124 | try { 125 | 126 | const res = await api.post('/v1/verifications', { 127 | body: { 128 | ...this.refs.form.getValues(), 129 | ...this.state.country 130 | } 131 | }); 132 | 133 | if (res.err) throw res.err; 134 | 135 | this.setState({ 136 | spinner: false, 137 | enterCode: true, 138 | verification: res.body 139 | }); 140 | this.refs.form.refs.textInput.setNativeProps({ text: '' }); 141 | 142 | setTimeout(() => { 143 | Alert.alert('Sent!', "We've sent you a verification code", [{ 144 | text: 'OK', 145 | onPress: () => this.refs.form.refs.textInput.focus() 146 | }]); 147 | }, 100); 148 | 149 | } catch (err) { 150 | // 151 | this.setState({ spinner: false }); 152 | setTimeout(() => { 153 | Alert.alert('Oops!', err.message); 154 | }, 100); 155 | } 156 | 157 | }, 100); 158 | 159 | } 160 | 161 | _verifyCode = () => { 162 | 163 | this.setState({ spinner: true }); 164 | 165 | setTimeout(async () => { 166 | 167 | try { 168 | 169 | const res = await api.put('/v1/verifications', { 170 | body: { 171 | ...this.refs.form.getValues(), 172 | ...this.state.country 173 | } 174 | }); 175 | 176 | if (res.err) throw res.err; 177 | 178 | this.refs.form.refs.textInput.blur(); 179 | // 180 | this.setState({ spinner: false }); 181 | setTimeout(() => { 182 | Alert.alert('Success!', 'You have successfully verified your phone number'); 183 | }, 100); 184 | 185 | } catch (err) { 186 | // 187 | this.setState({ spinner: false }); 188 | setTimeout(() => { 189 | Alert.alert('Oops!', err.message); 190 | }, 100); 191 | } 192 | 193 | }, 100); 194 | 195 | } 196 | 197 | _onChangeText = (val) => { 198 | if (!this.state.enterCode) return; 199 | if (val.length === MAX_LENGTH_CODE) 200 | this._verifyCode(); 201 | } 202 | 203 | _tryAgain = () => { 204 | this.refs.form.refs.textInput.setNativeProps({ text: '' }) 205 | this.refs.form.refs.textInput.focus(); 206 | this.setState({ enterCode: false }); 207 | } 208 | 209 | _getSubmitAction = () => { 210 | this.state.enterCode ? this._verifyCode() : this._getCode(); 211 | } 212 | 213 | _changeCountry = (country) => { 214 | this.setState({ country }); 215 | this.refs.form.refs.textInput.focus(); 216 | } 217 | 218 | _renderFooter = () => { 219 | 220 | if (this.state.enterCode) 221 | return ( 222 | 223 | 224 | Enter the wrong number or need a new code? 225 | 226 | 227 | ); 228 | 229 | return ( 230 | 231 | By tapping "Send confirmation code" above, we will send you an SMS to confirm your phone number. Message & data rates may apply. 232 | 233 | ); 234 | 235 | } 236 | 237 | _renderCountryPicker = () => { 238 | 239 | if (this.state.enterCode) 240 | return ( 241 | 242 | ); 243 | 244 | return ( 245 | 253 | ); 254 | 255 | } 256 | 257 | _renderCallingCode = () => { 258 | 259 | if (this.state.enterCode) 260 | return ( 261 | 262 | ); 263 | 264 | return ( 265 | 266 | +{this.state.country.callingCode} 267 | 268 | ); 269 | 270 | } 271 | 272 | render() { 273 | 274 | let headerText = `What's your ${this.state.enterCode ? 'verification code' : 'phone number'}?` 275 | let buttonText = this.state.enterCode ? 'Verify confirmation code' : 'Send confirmation code'; 276 | let textStyle = this.state.enterCode ? { 277 | height: 50, 278 | textAlign: 'center', 279 | fontSize: 40, 280 | fontWeight: 'bold', 281 | fontFamily: 'Courier' 282 | } : {}; 283 | 284 | return ( 285 | 286 | 287 | 288 | {headerText} 289 | 290 |
291 | 292 | 293 | 294 | {this._renderCountryPicker()} 295 | {this._renderCallingCode()} 296 | 297 | 314 | 315 | 316 | 317 | 318 | { buttonText } 319 | 320 | 321 | {this._renderFooter()} 322 | 323 |
324 | 325 | 329 | 330 | 331 | 332 | ); 333 | } 334 | } 335 | 336 | AppRegistry.registerComponent('example', () => example); 337 | -------------------------------------------------------------------------------- /example/index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | 9 | import { 10 | AppRegistry, 11 | StyleSheet, 12 | Text, 13 | TextInput, 14 | TouchableOpacity, 15 | View, 16 | Platform, 17 | Alert 18 | } from 'react-native'; 19 | 20 | import Frisbee from 'frisbee'; 21 | import Spinner from 'react-native-loading-spinner-overlay'; 22 | import Form from 'react-native-form'; 23 | import CountryPicker from 'react-native-country-picker-modal'; 24 | 25 | const api = new Frisbee({ 26 | baseURI: 'http://localhost:3000', 27 | headers: { 28 | 'Accept': 'application/json', 29 | 'Content-Type': 'application/json' 30 | } 31 | }); 32 | 33 | const MAX_LENGTH_CODE = 6; 34 | const MAX_LENGTH_NUMBER = 20; 35 | 36 | // if you want to customize the country picker 37 | const countryPickerCustomStyles = {}; 38 | 39 | // your brand's theme primary color 40 | const brandColor = '#744BAC'; 41 | 42 | const styles = StyleSheet.create({ 43 | countryPicker: { 44 | alignItems: 'center', 45 | justifyContent: 'center' 46 | }, 47 | container: { 48 | flex: 1 49 | }, 50 | header: { 51 | textAlign: 'center', 52 | marginTop: 60, 53 | fontSize: 22, 54 | margin: 20, 55 | color: '#4A4A4A', 56 | }, 57 | form: { 58 | margin: 20 59 | }, 60 | textInput: { 61 | padding: 0, 62 | margin: 0, 63 | flex: 1, 64 | fontSize: 20, 65 | color: brandColor 66 | }, 67 | button: { 68 | marginTop: 20, 69 | height: 50, 70 | backgroundColor: brandColor, 71 | alignItems: 'center', 72 | justifyContent: 'center', 73 | borderRadius: 5, 74 | }, 75 | buttonText: { 76 | color: '#fff', 77 | fontFamily: 'Helvetica', 78 | fontSize: 16, 79 | fontWeight: 'bold' 80 | }, 81 | wrongNumberText: { 82 | margin: 10, 83 | fontSize: 14, 84 | textAlign: 'center' 85 | }, 86 | disclaimerText: { 87 | marginTop: 30, 88 | fontSize: 12, 89 | color: 'grey' 90 | }, 91 | callingCodeView: { 92 | alignItems: 'center', 93 | justifyContent: 'center' 94 | }, 95 | callingCodeText: { 96 | fontSize: 20, 97 | color: brandColor, 98 | fontFamily: 'Helvetica', 99 | fontWeight: 'bold', 100 | paddingRight: 10 101 | } 102 | }); 103 | 104 | export default class example extends Component { 105 | 106 | constructor(props) { 107 | super(props); 108 | this.state = { 109 | enterCode: false, 110 | spinner: false, 111 | country: { 112 | cca2: 'US', 113 | callingCode: '1' 114 | } 115 | }; 116 | } 117 | 118 | _getCode = () => { 119 | 120 | this.setState({ spinner: true }); 121 | 122 | setTimeout(async () => { 123 | 124 | try { 125 | 126 | const res = await api.post('/v1/verifications', { 127 | body: { 128 | ...this.refs.form.getValues(), 129 | ...this.state.country 130 | } 131 | }); 132 | 133 | if (res.err) throw res.err; 134 | 135 | this.setState({ 136 | spinner: false, 137 | enterCode: true, 138 | verification: res.body 139 | }); 140 | this.refs.form.refs.textInput.setNativeProps({ text: '' }); 141 | 142 | setTimeout(() => { 143 | Alert.alert('Sent!', "We've sent you a verification code", [{ 144 | text: 'OK', 145 | onPress: () => this.refs.form.refs.textInput.focus() 146 | }]); 147 | }, 100); 148 | 149 | } catch (err) { 150 | // 151 | this.setState({ spinner: false }); 152 | setTimeout(() => { 153 | Alert.alert('Oops!', err.message); 154 | }, 100); 155 | } 156 | 157 | }, 100); 158 | 159 | } 160 | 161 | _verifyCode = () => { 162 | 163 | this.setState({ spinner: true }); 164 | 165 | setTimeout(async () => { 166 | 167 | try { 168 | 169 | const res = await api.put('/v1/verifications', { 170 | body: { 171 | ...this.refs.form.getValues(), 172 | ...this.state.country 173 | } 174 | }); 175 | 176 | if (res.err) throw res.err; 177 | 178 | this.refs.form.refs.textInput.blur(); 179 | // 180 | this.setState({ spinner: false }); 181 | setTimeout(() => { 182 | Alert.alert('Success!', 'You have successfully verified your phone number'); 183 | }, 100); 184 | 185 | } catch (err) { 186 | // 187 | this.setState({ spinner: false }); 188 | setTimeout(() => { 189 | Alert.alert('Oops!', err.message); 190 | }, 100); 191 | } 192 | 193 | }, 100); 194 | 195 | } 196 | 197 | _onChangeText = (val) => { 198 | if (!this.state.enterCode) return; 199 | if (val.length === MAX_LENGTH_CODE) 200 | this._verifyCode(); 201 | } 202 | 203 | _tryAgain = () => { 204 | this.refs.form.refs.textInput.setNativeProps({ text: '' }) 205 | this.refs.form.refs.textInput.focus(); 206 | this.setState({ enterCode: false }); 207 | } 208 | 209 | _getSubmitAction = () => { 210 | this.state.enterCode ? this._verifyCode() : this._getCode(); 211 | } 212 | 213 | _changeCountry = (country) => { 214 | this.setState({ country }); 215 | this.refs.form.refs.textInput.focus(); 216 | } 217 | 218 | _renderFooter = () => { 219 | 220 | if (this.state.enterCode) 221 | return ( 222 | 223 | 224 | Enter the wrong number or need a new code? 225 | 226 | 227 | ); 228 | 229 | return ( 230 | 231 | By tapping "Send confirmation code" above, we will send you an SMS to confirm your phone number. Message & data rates may apply. 232 | 233 | ); 234 | 235 | } 236 | 237 | _renderCountryPicker = () => { 238 | 239 | if (this.state.enterCode) 240 | return ( 241 | 242 | ); 243 | 244 | return ( 245 | 253 | ); 254 | 255 | } 256 | 257 | _renderCallingCode = () => { 258 | 259 | if (this.state.enterCode) 260 | return ( 261 | 262 | ); 263 | 264 | return ( 265 | 266 | +{this.state.country.callingCode} 267 | 268 | ); 269 | 270 | } 271 | 272 | render() { 273 | 274 | let headerText = `What's your ${this.state.enterCode ? 'verification code' : 'phone number'}?` 275 | let buttonText = this.state.enterCode ? 'Verify confirmation code' : 'Send confirmation code'; 276 | let textStyle = this.state.enterCode ? { 277 | height: 50, 278 | textAlign: 'center', 279 | fontSize: 40, 280 | fontWeight: 'bold', 281 | fontFamily: 'Courier' 282 | } : {}; 283 | 284 | return ( 285 | 286 | 287 | 288 | {headerText} 289 | 290 |
291 | 292 | 293 | 294 | {this._renderCountryPicker()} 295 | {this._renderCallingCode()} 296 | 297 | 314 | 315 | 316 | 317 | 318 | { buttonText } 319 | 320 | 321 | {this._renderFooter()} 322 | 323 |
324 | 325 | 329 | 330 | 331 | 332 | ); 333 | } 334 | } 335 | 336 | AppRegistry.registerComponent('example', () => example); 337 | -------------------------------------------------------------------------------- /example/ios/example.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* exampleTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 26 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 27 | /* End PBXBuildFile section */ 28 | 29 | /* Begin PBXContainerItemProxy section */ 30 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 31 | isa = PBXContainerItemProxy; 32 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 33 | proxyType = 2; 34 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 35 | remoteInfo = RCTActionSheet; 36 | }; 37 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 38 | isa = PBXContainerItemProxy; 39 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 40 | proxyType = 2; 41 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 42 | remoteInfo = RCTGeolocation; 43 | }; 44 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 45 | isa = PBXContainerItemProxy; 46 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 47 | proxyType = 2; 48 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 49 | remoteInfo = RCTImage; 50 | }; 51 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 52 | isa = PBXContainerItemProxy; 53 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 54 | proxyType = 2; 55 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 56 | remoteInfo = RCTNetwork; 57 | }; 58 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 59 | isa = PBXContainerItemProxy; 60 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 61 | proxyType = 2; 62 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 63 | remoteInfo = RCTVibration; 64 | }; 65 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 66 | isa = PBXContainerItemProxy; 67 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 68 | proxyType = 1; 69 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 70 | remoteInfo = example; 71 | }; 72 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 73 | isa = PBXContainerItemProxy; 74 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 75 | proxyType = 2; 76 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 77 | remoteInfo = RCTSettings; 78 | }; 79 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 80 | isa = PBXContainerItemProxy; 81 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 82 | proxyType = 2; 83 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 84 | remoteInfo = RCTWebSocket; 85 | }; 86 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 87 | isa = PBXContainerItemProxy; 88 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 89 | proxyType = 2; 90 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 91 | remoteInfo = React; 92 | }; 93 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 94 | isa = PBXContainerItemProxy; 95 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 96 | proxyType = 2; 97 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 98 | remoteInfo = "RCTImage-tvOS"; 99 | }; 100 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 101 | isa = PBXContainerItemProxy; 102 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 103 | proxyType = 2; 104 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 105 | remoteInfo = "RCTLinking-tvOS"; 106 | }; 107 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 108 | isa = PBXContainerItemProxy; 109 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 110 | proxyType = 2; 111 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 112 | remoteInfo = "RCTNetwork-tvOS"; 113 | }; 114 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 115 | isa = PBXContainerItemProxy; 116 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 117 | proxyType = 2; 118 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 119 | remoteInfo = "RCTSettings-tvOS"; 120 | }; 121 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 122 | isa = PBXContainerItemProxy; 123 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 124 | proxyType = 2; 125 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 126 | remoteInfo = "RCTText-tvOS"; 127 | }; 128 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 129 | isa = PBXContainerItemProxy; 130 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 131 | proxyType = 2; 132 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 133 | remoteInfo = "RCTWebSocket-tvOS"; 134 | }; 135 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 136 | isa = PBXContainerItemProxy; 137 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 138 | proxyType = 2; 139 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 140 | remoteInfo = "React-tvOS"; 141 | }; 142 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 143 | isa = PBXContainerItemProxy; 144 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 145 | proxyType = 2; 146 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 147 | remoteInfo = yoga; 148 | }; 149 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 150 | isa = PBXContainerItemProxy; 151 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 152 | proxyType = 2; 153 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 154 | remoteInfo = "yoga-tvOS"; 155 | }; 156 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 157 | isa = PBXContainerItemProxy; 158 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 159 | proxyType = 2; 160 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 161 | remoteInfo = cxxreact; 162 | }; 163 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 164 | isa = PBXContainerItemProxy; 165 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 166 | proxyType = 2; 167 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 168 | remoteInfo = "cxxreact-tvOS"; 169 | }; 170 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 171 | isa = PBXContainerItemProxy; 172 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 173 | proxyType = 2; 174 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 175 | remoteInfo = jschelpers; 176 | }; 177 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 178 | isa = PBXContainerItemProxy; 179 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 180 | proxyType = 2; 181 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 182 | remoteInfo = "jschelpers-tvOS"; 183 | }; 184 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 185 | isa = PBXContainerItemProxy; 186 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 187 | proxyType = 2; 188 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 189 | remoteInfo = RCTAnimation; 190 | }; 191 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 192 | isa = PBXContainerItemProxy; 193 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 194 | proxyType = 2; 195 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 196 | remoteInfo = "RCTAnimation-tvOS"; 197 | }; 198 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 199 | isa = PBXContainerItemProxy; 200 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 201 | proxyType = 2; 202 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 203 | remoteInfo = RCTLinking; 204 | }; 205 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 206 | isa = PBXContainerItemProxy; 207 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 208 | proxyType = 2; 209 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 210 | remoteInfo = RCTText; 211 | }; 212 | /* End PBXContainerItemProxy section */ 213 | 214 | /* Begin PBXFileReference section */ 215 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 216 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 217 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 218 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 219 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 220 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 221 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = exampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 222 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 223 | 00E356F21AD99517003FC87E /* exampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = exampleTests.m; sourceTree = ""; }; 224 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 225 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 226 | 13B07F961A680F5B00A75B9A /* example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = example.app; sourceTree = BUILT_PRODUCTS_DIR; }; 227 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = example/AppDelegate.h; sourceTree = ""; }; 228 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = example/AppDelegate.m; sourceTree = ""; }; 229 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 230 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = example/Images.xcassets; sourceTree = ""; }; 231 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = example/Info.plist; sourceTree = ""; }; 232 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = example/main.m; sourceTree = ""; }; 233 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 234 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 235 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 236 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 237 | /* End PBXFileReference section */ 238 | 239 | /* Begin PBXFrameworksBuildPhase section */ 240 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 241 | isa = PBXFrameworksBuildPhase; 242 | buildActionMask = 2147483647; 243 | files = ( 244 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 245 | ); 246 | runOnlyForDeploymentPostprocessing = 0; 247 | }; 248 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 249 | isa = PBXFrameworksBuildPhase; 250 | buildActionMask = 2147483647; 251 | files = ( 252 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 253 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 254 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 255 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 256 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 257 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 258 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 259 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 260 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 261 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 262 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 263 | ); 264 | runOnlyForDeploymentPostprocessing = 0; 265 | }; 266 | /* End PBXFrameworksBuildPhase section */ 267 | 268 | /* Begin PBXGroup section */ 269 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 270 | isa = PBXGroup; 271 | children = ( 272 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 273 | ); 274 | name = Products; 275 | sourceTree = ""; 276 | }; 277 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 278 | isa = PBXGroup; 279 | children = ( 280 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 281 | ); 282 | name = Products; 283 | sourceTree = ""; 284 | }; 285 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 286 | isa = PBXGroup; 287 | children = ( 288 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 289 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 290 | ); 291 | name = Products; 292 | sourceTree = ""; 293 | }; 294 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 295 | isa = PBXGroup; 296 | children = ( 297 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 298 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 299 | ); 300 | name = Products; 301 | sourceTree = ""; 302 | }; 303 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 304 | isa = PBXGroup; 305 | children = ( 306 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 307 | ); 308 | name = Products; 309 | sourceTree = ""; 310 | }; 311 | 00E356EF1AD99517003FC87E /* exampleTests */ = { 312 | isa = PBXGroup; 313 | children = ( 314 | 00E356F21AD99517003FC87E /* exampleTests.m */, 315 | 00E356F01AD99517003FC87E /* Supporting Files */, 316 | ); 317 | path = exampleTests; 318 | sourceTree = ""; 319 | }; 320 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 321 | isa = PBXGroup; 322 | children = ( 323 | 00E356F11AD99517003FC87E /* Info.plist */, 324 | ); 325 | name = "Supporting Files"; 326 | sourceTree = ""; 327 | }; 328 | 139105B71AF99BAD00B5F7CC /* Products */ = { 329 | isa = PBXGroup; 330 | children = ( 331 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 332 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 333 | ); 334 | name = Products; 335 | sourceTree = ""; 336 | }; 337 | 139FDEE71B06529A00C62182 /* Products */ = { 338 | isa = PBXGroup; 339 | children = ( 340 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 341 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 342 | ); 343 | name = Products; 344 | sourceTree = ""; 345 | }; 346 | 13B07FAE1A68108700A75B9A /* example */ = { 347 | isa = PBXGroup; 348 | children = ( 349 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 350 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 351 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 352 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 353 | 13B07FB61A68108700A75B9A /* Info.plist */, 354 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 355 | 13B07FB71A68108700A75B9A /* main.m */, 356 | ); 357 | name = example; 358 | sourceTree = ""; 359 | }; 360 | 146834001AC3E56700842450 /* Products */ = { 361 | isa = PBXGroup; 362 | children = ( 363 | 146834041AC3E56700842450 /* libReact.a */, 364 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 365 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 366 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 367 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 368 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 369 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 370 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 371 | ); 372 | name = Products; 373 | sourceTree = ""; 374 | }; 375 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 376 | isa = PBXGroup; 377 | children = ( 378 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 379 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 380 | ); 381 | name = Products; 382 | sourceTree = ""; 383 | }; 384 | 78C398B11ACF4ADC00677621 /* Products */ = { 385 | isa = PBXGroup; 386 | children = ( 387 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 388 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 389 | ); 390 | name = Products; 391 | sourceTree = ""; 392 | }; 393 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 394 | isa = PBXGroup; 395 | children = ( 396 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 397 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 398 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 399 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 400 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 401 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 402 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 403 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 404 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 405 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 406 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 407 | ); 408 | name = Libraries; 409 | sourceTree = ""; 410 | }; 411 | 832341B11AAA6A8300B99B32 /* Products */ = { 412 | isa = PBXGroup; 413 | children = ( 414 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 415 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 416 | ); 417 | name = Products; 418 | sourceTree = ""; 419 | }; 420 | 83CBB9F61A601CBA00E9B192 = { 421 | isa = PBXGroup; 422 | children = ( 423 | 13B07FAE1A68108700A75B9A /* example */, 424 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 425 | 00E356EF1AD99517003FC87E /* exampleTests */, 426 | 83CBBA001A601CBA00E9B192 /* Products */, 427 | ); 428 | indentWidth = 2; 429 | sourceTree = ""; 430 | tabWidth = 2; 431 | }; 432 | 83CBBA001A601CBA00E9B192 /* Products */ = { 433 | isa = PBXGroup; 434 | children = ( 435 | 13B07F961A680F5B00A75B9A /* example.app */, 436 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */, 437 | ); 438 | name = Products; 439 | sourceTree = ""; 440 | }; 441 | /* End PBXGroup section */ 442 | 443 | /* Begin PBXNativeTarget section */ 444 | 00E356ED1AD99517003FC87E /* exampleTests */ = { 445 | isa = PBXNativeTarget; 446 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */; 447 | buildPhases = ( 448 | 00E356EA1AD99517003FC87E /* Sources */, 449 | 00E356EB1AD99517003FC87E /* Frameworks */, 450 | 00E356EC1AD99517003FC87E /* Resources */, 451 | ); 452 | buildRules = ( 453 | ); 454 | dependencies = ( 455 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 456 | ); 457 | name = exampleTests; 458 | productName = exampleTests; 459 | productReference = 00E356EE1AD99517003FC87E /* exampleTests.xctest */; 460 | productType = "com.apple.product-type.bundle.unit-test"; 461 | }; 462 | 13B07F861A680F5B00A75B9A /* example */ = { 463 | isa = PBXNativeTarget; 464 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */; 465 | buildPhases = ( 466 | 13B07F871A680F5B00A75B9A /* Sources */, 467 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 468 | 13B07F8E1A680F5B00A75B9A /* Resources */, 469 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 470 | ); 471 | buildRules = ( 472 | ); 473 | dependencies = ( 474 | ); 475 | name = example; 476 | productName = "Hello World"; 477 | productReference = 13B07F961A680F5B00A75B9A /* example.app */; 478 | productType = "com.apple.product-type.application"; 479 | }; 480 | /* End PBXNativeTarget section */ 481 | 482 | /* Begin PBXProject section */ 483 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 484 | isa = PBXProject; 485 | attributes = { 486 | LastUpgradeCheck = 0610; 487 | ORGANIZATIONNAME = Facebook; 488 | TargetAttributes = { 489 | 00E356ED1AD99517003FC87E = { 490 | CreatedOnToolsVersion = 6.2; 491 | TestTargetID = 13B07F861A680F5B00A75B9A; 492 | }; 493 | }; 494 | }; 495 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */; 496 | compatibilityVersion = "Xcode 3.2"; 497 | developmentRegion = English; 498 | hasScannedForEncodings = 0; 499 | knownRegions = ( 500 | en, 501 | Base, 502 | ); 503 | mainGroup = 83CBB9F61A601CBA00E9B192; 504 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 505 | projectDirPath = ""; 506 | projectReferences = ( 507 | { 508 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 509 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 510 | }, 511 | { 512 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 513 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 514 | }, 515 | { 516 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 517 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 518 | }, 519 | { 520 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 521 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 522 | }, 523 | { 524 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 525 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 526 | }, 527 | { 528 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 529 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 530 | }, 531 | { 532 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 533 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 534 | }, 535 | { 536 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 537 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 538 | }, 539 | { 540 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 541 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 542 | }, 543 | { 544 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 545 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 546 | }, 547 | { 548 | ProductGroup = 146834001AC3E56700842450 /* Products */; 549 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 550 | }, 551 | ); 552 | projectRoot = ""; 553 | targets = ( 554 | 13B07F861A680F5B00A75B9A /* example */, 555 | 00E356ED1AD99517003FC87E /* exampleTests */, 556 | ); 557 | }; 558 | /* End PBXProject section */ 559 | 560 | /* Begin PBXReferenceProxy section */ 561 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 562 | isa = PBXReferenceProxy; 563 | fileType = archive.ar; 564 | path = libRCTActionSheet.a; 565 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 566 | sourceTree = BUILT_PRODUCTS_DIR; 567 | }; 568 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 569 | isa = PBXReferenceProxy; 570 | fileType = archive.ar; 571 | path = libRCTGeolocation.a; 572 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 573 | sourceTree = BUILT_PRODUCTS_DIR; 574 | }; 575 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 576 | isa = PBXReferenceProxy; 577 | fileType = archive.ar; 578 | path = libRCTImage.a; 579 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 580 | sourceTree = BUILT_PRODUCTS_DIR; 581 | }; 582 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 583 | isa = PBXReferenceProxy; 584 | fileType = archive.ar; 585 | path = libRCTNetwork.a; 586 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 587 | sourceTree = BUILT_PRODUCTS_DIR; 588 | }; 589 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 590 | isa = PBXReferenceProxy; 591 | fileType = archive.ar; 592 | path = libRCTVibration.a; 593 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 594 | sourceTree = BUILT_PRODUCTS_DIR; 595 | }; 596 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 597 | isa = PBXReferenceProxy; 598 | fileType = archive.ar; 599 | path = libRCTSettings.a; 600 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 601 | sourceTree = BUILT_PRODUCTS_DIR; 602 | }; 603 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 604 | isa = PBXReferenceProxy; 605 | fileType = archive.ar; 606 | path = libRCTWebSocket.a; 607 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 608 | sourceTree = BUILT_PRODUCTS_DIR; 609 | }; 610 | 146834041AC3E56700842450 /* libReact.a */ = { 611 | isa = PBXReferenceProxy; 612 | fileType = archive.ar; 613 | path = libReact.a; 614 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 615 | sourceTree = BUILT_PRODUCTS_DIR; 616 | }; 617 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 618 | isa = PBXReferenceProxy; 619 | fileType = archive.ar; 620 | path = "libRCTImage-tvOS.a"; 621 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 622 | sourceTree = BUILT_PRODUCTS_DIR; 623 | }; 624 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 625 | isa = PBXReferenceProxy; 626 | fileType = archive.ar; 627 | path = "libRCTLinking-tvOS.a"; 628 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 629 | sourceTree = BUILT_PRODUCTS_DIR; 630 | }; 631 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 632 | isa = PBXReferenceProxy; 633 | fileType = archive.ar; 634 | path = "libRCTNetwork-tvOS.a"; 635 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 636 | sourceTree = BUILT_PRODUCTS_DIR; 637 | }; 638 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 639 | isa = PBXReferenceProxy; 640 | fileType = archive.ar; 641 | path = "libRCTSettings-tvOS.a"; 642 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 643 | sourceTree = BUILT_PRODUCTS_DIR; 644 | }; 645 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 646 | isa = PBXReferenceProxy; 647 | fileType = archive.ar; 648 | path = "libRCTText-tvOS.a"; 649 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 650 | sourceTree = BUILT_PRODUCTS_DIR; 651 | }; 652 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 653 | isa = PBXReferenceProxy; 654 | fileType = archive.ar; 655 | path = "libRCTWebSocket-tvOS.a"; 656 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 657 | sourceTree = BUILT_PRODUCTS_DIR; 658 | }; 659 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 660 | isa = PBXReferenceProxy; 661 | fileType = archive.ar; 662 | path = libReact.a; 663 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 664 | sourceTree = BUILT_PRODUCTS_DIR; 665 | }; 666 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 667 | isa = PBXReferenceProxy; 668 | fileType = archive.ar; 669 | path = libyoga.a; 670 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 671 | sourceTree = BUILT_PRODUCTS_DIR; 672 | }; 673 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 674 | isa = PBXReferenceProxy; 675 | fileType = archive.ar; 676 | path = libyoga.a; 677 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 678 | sourceTree = BUILT_PRODUCTS_DIR; 679 | }; 680 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 681 | isa = PBXReferenceProxy; 682 | fileType = archive.ar; 683 | path = libcxxreact.a; 684 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 685 | sourceTree = BUILT_PRODUCTS_DIR; 686 | }; 687 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 688 | isa = PBXReferenceProxy; 689 | fileType = archive.ar; 690 | path = libcxxreact.a; 691 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 692 | sourceTree = BUILT_PRODUCTS_DIR; 693 | }; 694 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 695 | isa = PBXReferenceProxy; 696 | fileType = archive.ar; 697 | path = libjschelpers.a; 698 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 699 | sourceTree = BUILT_PRODUCTS_DIR; 700 | }; 701 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 702 | isa = PBXReferenceProxy; 703 | fileType = archive.ar; 704 | path = libjschelpers.a; 705 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 706 | sourceTree = BUILT_PRODUCTS_DIR; 707 | }; 708 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 709 | isa = PBXReferenceProxy; 710 | fileType = archive.ar; 711 | path = libRCTAnimation.a; 712 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 713 | sourceTree = BUILT_PRODUCTS_DIR; 714 | }; 715 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 716 | isa = PBXReferenceProxy; 717 | fileType = archive.ar; 718 | path = "libRCTAnimation-tvOS.a"; 719 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 720 | sourceTree = BUILT_PRODUCTS_DIR; 721 | }; 722 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 723 | isa = PBXReferenceProxy; 724 | fileType = archive.ar; 725 | path = libRCTLinking.a; 726 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 727 | sourceTree = BUILT_PRODUCTS_DIR; 728 | }; 729 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 730 | isa = PBXReferenceProxy; 731 | fileType = archive.ar; 732 | path = libRCTText.a; 733 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 734 | sourceTree = BUILT_PRODUCTS_DIR; 735 | }; 736 | /* End PBXReferenceProxy section */ 737 | 738 | /* Begin PBXResourcesBuildPhase section */ 739 | 00E356EC1AD99517003FC87E /* Resources */ = { 740 | isa = PBXResourcesBuildPhase; 741 | buildActionMask = 2147483647; 742 | files = ( 743 | ); 744 | runOnlyForDeploymentPostprocessing = 0; 745 | }; 746 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 747 | isa = PBXResourcesBuildPhase; 748 | buildActionMask = 2147483647; 749 | files = ( 750 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 751 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 752 | ); 753 | runOnlyForDeploymentPostprocessing = 0; 754 | }; 755 | /* End PBXResourcesBuildPhase section */ 756 | 757 | /* Begin PBXShellScriptBuildPhase section */ 758 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 759 | isa = PBXShellScriptBuildPhase; 760 | buildActionMask = 2147483647; 761 | files = ( 762 | ); 763 | inputPaths = ( 764 | ); 765 | name = "Bundle React Native code and images"; 766 | outputPaths = ( 767 | ); 768 | runOnlyForDeploymentPostprocessing = 0; 769 | shellPath = /bin/sh; 770 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 771 | }; 772 | /* End PBXShellScriptBuildPhase section */ 773 | 774 | /* Begin PBXSourcesBuildPhase section */ 775 | 00E356EA1AD99517003FC87E /* Sources */ = { 776 | isa = PBXSourcesBuildPhase; 777 | buildActionMask = 2147483647; 778 | files = ( 779 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */, 780 | ); 781 | runOnlyForDeploymentPostprocessing = 0; 782 | }; 783 | 13B07F871A680F5B00A75B9A /* Sources */ = { 784 | isa = PBXSourcesBuildPhase; 785 | buildActionMask = 2147483647; 786 | files = ( 787 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 788 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 789 | ); 790 | runOnlyForDeploymentPostprocessing = 0; 791 | }; 792 | /* End PBXSourcesBuildPhase section */ 793 | 794 | /* Begin PBXTargetDependency section */ 795 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 796 | isa = PBXTargetDependency; 797 | target = 13B07F861A680F5B00A75B9A /* example */; 798 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 799 | }; 800 | /* End PBXTargetDependency section */ 801 | 802 | /* Begin PBXVariantGroup section */ 803 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 804 | isa = PBXVariantGroup; 805 | children = ( 806 | 13B07FB21A68108700A75B9A /* Base */, 807 | ); 808 | name = LaunchScreen.xib; 809 | path = example; 810 | sourceTree = ""; 811 | }; 812 | /* End PBXVariantGroup section */ 813 | 814 | /* Begin XCBuildConfiguration section */ 815 | 00E356F61AD99517003FC87E /* Debug */ = { 816 | isa = XCBuildConfiguration; 817 | buildSettings = { 818 | BUNDLE_LOADER = "$(TEST_HOST)"; 819 | GCC_PREPROCESSOR_DEFINITIONS = ( 820 | "DEBUG=1", 821 | "$(inherited)", 822 | ); 823 | INFOPLIST_FILE = exampleTests/Info.plist; 824 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 825 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 826 | PRODUCT_NAME = "$(TARGET_NAME)"; 827 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example"; 828 | }; 829 | name = Debug; 830 | }; 831 | 00E356F71AD99517003FC87E /* Release */ = { 832 | isa = XCBuildConfiguration; 833 | buildSettings = { 834 | BUNDLE_LOADER = "$(TEST_HOST)"; 835 | COPY_PHASE_STRIP = NO; 836 | INFOPLIST_FILE = exampleTests/Info.plist; 837 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 838 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 839 | PRODUCT_NAME = "$(TARGET_NAME)"; 840 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example"; 841 | }; 842 | name = Release; 843 | }; 844 | 13B07F941A680F5B00A75B9A /* Debug */ = { 845 | isa = XCBuildConfiguration; 846 | buildSettings = { 847 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 848 | CURRENT_PROJECT_VERSION = 1; 849 | DEAD_CODE_STRIPPING = NO; 850 | INFOPLIST_FILE = example/Info.plist; 851 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 852 | OTHER_LDFLAGS = ( 853 | "$(inherited)", 854 | "-ObjC", 855 | "-lc++", 856 | ); 857 | PRODUCT_NAME = example; 858 | VERSIONING_SYSTEM = "apple-generic"; 859 | }; 860 | name = Debug; 861 | }; 862 | 13B07F951A680F5B00A75B9A /* Release */ = { 863 | isa = XCBuildConfiguration; 864 | buildSettings = { 865 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 866 | CURRENT_PROJECT_VERSION = 1; 867 | INFOPLIST_FILE = example/Info.plist; 868 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 869 | OTHER_LDFLAGS = ( 870 | "$(inherited)", 871 | "-ObjC", 872 | "-lc++", 873 | ); 874 | PRODUCT_NAME = example; 875 | VERSIONING_SYSTEM = "apple-generic"; 876 | }; 877 | name = Release; 878 | }; 879 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 880 | isa = XCBuildConfiguration; 881 | buildSettings = { 882 | ALWAYS_SEARCH_USER_PATHS = NO; 883 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 884 | CLANG_CXX_LIBRARY = "libc++"; 885 | CLANG_ENABLE_MODULES = YES; 886 | CLANG_ENABLE_OBJC_ARC = YES; 887 | CLANG_WARN_BOOL_CONVERSION = YES; 888 | CLANG_WARN_CONSTANT_CONVERSION = YES; 889 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 890 | CLANG_WARN_EMPTY_BODY = YES; 891 | CLANG_WARN_ENUM_CONVERSION = YES; 892 | CLANG_WARN_INT_CONVERSION = YES; 893 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 894 | CLANG_WARN_UNREACHABLE_CODE = YES; 895 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 896 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 897 | COPY_PHASE_STRIP = NO; 898 | ENABLE_STRICT_OBJC_MSGSEND = YES; 899 | GCC_C_LANGUAGE_STANDARD = gnu99; 900 | GCC_DYNAMIC_NO_PIC = NO; 901 | GCC_OPTIMIZATION_LEVEL = 0; 902 | GCC_PREPROCESSOR_DEFINITIONS = ( 903 | "DEBUG=1", 904 | "$(inherited)", 905 | ); 906 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 907 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 908 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 909 | GCC_WARN_UNDECLARED_SELECTOR = YES; 910 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 911 | GCC_WARN_UNUSED_FUNCTION = YES; 912 | GCC_WARN_UNUSED_VARIABLE = YES; 913 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 914 | MTL_ENABLE_DEBUG_INFO = YES; 915 | ONLY_ACTIVE_ARCH = YES; 916 | SDKROOT = iphoneos; 917 | }; 918 | name = Debug; 919 | }; 920 | 83CBBA211A601CBA00E9B192 /* Release */ = { 921 | isa = XCBuildConfiguration; 922 | buildSettings = { 923 | ALWAYS_SEARCH_USER_PATHS = NO; 924 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 925 | CLANG_CXX_LIBRARY = "libc++"; 926 | CLANG_ENABLE_MODULES = YES; 927 | CLANG_ENABLE_OBJC_ARC = YES; 928 | CLANG_WARN_BOOL_CONVERSION = YES; 929 | CLANG_WARN_CONSTANT_CONVERSION = YES; 930 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 931 | CLANG_WARN_EMPTY_BODY = YES; 932 | CLANG_WARN_ENUM_CONVERSION = YES; 933 | CLANG_WARN_INT_CONVERSION = YES; 934 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 935 | CLANG_WARN_UNREACHABLE_CODE = YES; 936 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 937 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 938 | COPY_PHASE_STRIP = YES; 939 | ENABLE_NS_ASSERTIONS = NO; 940 | ENABLE_STRICT_OBJC_MSGSEND = YES; 941 | GCC_C_LANGUAGE_STANDARD = gnu99; 942 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 943 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 944 | GCC_WARN_UNDECLARED_SELECTOR = YES; 945 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 946 | GCC_WARN_UNUSED_FUNCTION = YES; 947 | GCC_WARN_UNUSED_VARIABLE = YES; 948 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 949 | MTL_ENABLE_DEBUG_INFO = NO; 950 | SDKROOT = iphoneos; 951 | VALIDATE_PRODUCT = YES; 952 | }; 953 | name = Release; 954 | }; 955 | /* End XCBuildConfiguration section */ 956 | 957 | /* Begin XCConfigurationList section */ 958 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */ = { 959 | isa = XCConfigurationList; 960 | buildConfigurations = ( 961 | 00E356F61AD99517003FC87E /* Debug */, 962 | 00E356F71AD99517003FC87E /* Release */, 963 | ); 964 | defaultConfigurationIsVisible = 0; 965 | defaultConfigurationName = Release; 966 | }; 967 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */ = { 968 | isa = XCConfigurationList; 969 | buildConfigurations = ( 970 | 13B07F941A680F5B00A75B9A /* Debug */, 971 | 13B07F951A680F5B00A75B9A /* Release */, 972 | ); 973 | defaultConfigurationIsVisible = 0; 974 | defaultConfigurationName = Release; 975 | }; 976 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */ = { 977 | isa = XCConfigurationList; 978 | buildConfigurations = ( 979 | 83CBBA201A601CBA00E9B192 /* Debug */, 980 | 83CBBA211A601CBA00E9B192 /* Release */, 981 | ); 982 | defaultConfigurationIsVisible = 0; 983 | defaultConfigurationName = Release; 984 | }; 985 | /* End XCConfigurationList section */ 986 | }; 987 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 988 | } 989 | -------------------------------------------------------------------------------- /example/ios/example.xcodeproj/xcshareddata/xcschemes/example.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /example/ios/example/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /example/ios/example/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"example" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /example/ios/example/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /example/ios/example/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /example/ios/example/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /example/ios/example/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /example/ios/exampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/ios/exampleTests/exampleTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface exampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation exampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "example", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node node_modules/react-native/local-cli/cli.js start", 7 | "test": "jest" 8 | }, 9 | "dependencies": { 10 | "frisbee": "^1.1.7", 11 | "react": "~15.4.0-rc.4", 12 | "react-native": "0.40.0", 13 | "react-native-country-picker-modal": "niftylettuce/react-native-country-picker-modal", 14 | "react-native-form": "^2.1.2", 15 | "react-native-loading-spinner-overlay": "^0.4.1" 16 | }, 17 | "devDependencies": { 18 | "babel-jest": "18.0.0", 19 | "babel-preset-react-native": "1.9.1", 20 | "jest": "18.1.0", 21 | "react-test-renderer": "~15.4.0-rc.4" 22 | }, 23 | "jest": { 24 | "preset": "react-native" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /media/example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ladjs/react-native-phone-verification/3a96dfa47e1a65a6693823bcd8acef73cf81a2bf/media/example.png -------------------------------------------------------------------------------- /media/example@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ladjs/react-native-phone-verification/3a96dfa47e1a65a6693823bcd8acef73cf81a2bf/media/example@2x.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-phone-verification", 3 | "description": "The best React Native example for phone verification", 4 | "version": "0.0.1", 5 | "author": "Nick Baugh ", 6 | "bugs": { 7 | "url": "https://github.com/joinspontaneous/react-native-phone-verification", 8 | "email": "niftylettuce@gmail.com" 9 | }, 10 | "homepage": "https://github.com/joinspontaneous/react-native-phone-verification", 11 | "keywords": [ 12 | "react", 13 | "react-native", 14 | "native", 15 | "phone", 16 | "verification", 17 | "verify", 18 | "auth", 19 | "pin", 20 | "code", 21 | "digits", 22 | "twitter", 23 | "fabric", 24 | "twitter-digits", 25 | "google", 26 | "twilio", 27 | "crocodile", 28 | "two-factor", 29 | "tfa", 30 | "two", 31 | "factor", 32 | "authentication", 33 | "authy", 34 | "prove", 35 | "duo", 36 | "security", 37 | "authenticator", 38 | "mobile", 39 | "ios", 40 | "android" 41 | ], 42 | "license": "MIT", 43 | "repository": { 44 | "type": "git", 45 | "url": "https://github.com/joinspontaneous/react-native-phone-verification" 46 | } 47 | } 48 | --------------------------------------------------------------------------------