├── .babelrc
├── .editorconfig
├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── docs
├── async_feedback.jpg
├── normal.jpg
├── stacked.jpg
└── validation.jpg
├── 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
│ │ │ ├── assets
│ │ │ └── fonts
│ │ │ │ ├── Entypo.ttf
│ │ │ │ ├── EvilIcons.ttf
│ │ │ │ ├── FontAwesome.ttf
│ │ │ │ ├── Foundation.ttf
│ │ │ │ ├── Ionicons.ttf
│ │ │ │ ├── MaterialCommunityIcons.ttf
│ │ │ │ ├── MaterialIcons.ttf
│ │ │ │ ├── Octicons.ttf
│ │ │ │ ├── SimpleLineIcons.ttf
│ │ │ │ └── Zocial.ttf
│ │ │ ├── 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
└── src
│ ├── Form.js
│ └── index.js
├── index.js
├── package.json
├── redux-form-immutable.js
├── redux-form.js
└── src
├── ActionsContainer.js
├── Button.js
├── FieldsContainer.js
├── Fieldset.js
├── Form.js
├── FormGroup.js
├── Input.js
├── Label.js
├── Select.js
├── Switch.js
├── Theme.js
└── redux-form
├── createInputCreator.js
├── createInputs.js
├── immutable.js
└── index.js
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["react-native"]
3 | }
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | end_of_line = lf
6 | indent_size = 2
7 | indent_style = space
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
--------------------------------------------------------------------------------
/.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/IJ
26 | #
27 | .idea
28 | .gradle
29 | local.properties
30 |
31 | # node.js
32 | #
33 | node_modules/
34 | npm-debug.log
35 |
36 | .vscode/
37 |
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | example/
2 | .idea
3 | .babelrc
4 | node_modules/
5 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2017 Esben Petersen
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # react-native-clean-form
2 |
3 | [](https://www.npmjs.com/package/react-native-clean-form)
4 | [](https://david-dm.org/esbenp/react-native-clean-form)
5 | [](https://david-dm.org/esbenp/react-native-clean-form#info=devDependencies&view=table)
6 |
7 | Easy react-native forms using bootstrap-like syntax with redux-form+immutablejs integration. Styled using styled-components
8 |
9 | ## Big kudos to Artyom Khamitov
10 |
11 | **The look of the form was [inspired by this shot by Artyom Khamitov](https://dribbble.com/shots/3151351-Checkout-form).
12 | [Check out his profile on Dribbble](https://dribbble.com/gmax).**
13 |
14 | ---
15 |
16 |
17 |
18 |
19 | * Form elements with syntax inspired by Bootstrap
20 | * Styled using [styled-components](https://github.com/styled-components/styled-components). Easily extendible.
21 | * Integrated with [redux-form](https://github.com/erikras/redux-form)
22 | * Supports [immutable.js](https://github.com/facebook/immutable-js) state
23 |
24 |
25 |
26 | ---
27 |
28 | ## Installation
29 |
30 | Run `npm install --save react-native-clean-form`
31 |
32 | The form uses `react-native-vector-icons` so it is important the fonts are linked by using `react-native link`
33 | [or one of the other options available](https://github.com/oblador/react-native-vector-icons#ios).
34 |
35 | ## Example
36 |
37 | [I have written an article on my blog about React Native and redux-form](http://esbenp.github.io/2017/01/06/react-native-redux-form-immutable-styled-components/)
38 |
39 | **[For a complete example check out the example folder](https://github.com/esbenp/react-native-clean-form/tree/master/example)**
40 |
41 | ## Usage
42 |
43 | ```javascript
44 | import {
45 | ActionsContainer,
46 | Button,
47 | FieldsContainer,
48 | Fieldset,
49 | Form,
50 | FormGroup,
51 | Input,
52 | Label,
53 | Switch
54 | } from 'react-native-clean-form'
55 |
56 | const FormView = props => (
57 |
88 | )
89 | ```
90 |
91 | ## Usage with redux-form
92 |
93 | ```javascript
94 | import React from 'react'
95 | import { reduxForm } from 'redux-form'
96 | import {
97 | ActionsContainer,
98 | Button,
99 | FieldsContainer,
100 | Fieldset,
101 | Form,
102 | FormGroup,
103 | Label,
104 | } from 'react-native-clean-form'
105 | import {
106 | Input,
107 | Switch
108 | } from 'react-native-clean-form/redux-form'
109 | import { View,Text } from 'react-native'
110 |
111 | const onSubmit = (values, dispatch) => {
112 | return new Promise((resolve) => {
113 | setTimeout(() => {
114 | console.log(values)
115 | resolve()
116 | }, 1500)
117 | })
118 | }
119 |
120 | const FormView = props => {
121 | const { handleSubmit, submitting } = this.props
122 |
123 | return (
124 |
140 | )
141 | }
142 |
143 | export default reduxForm({
144 | form: 'Form'
145 | })(FormView)
146 | ```
147 |
148 | ## Usage with redux-form and Immutable.js
149 |
150 | To make it work with Immutable.js import `Input`, `Select`, and `Switch` from `react-native-clean-form/redux-form-immutable`
151 | instead of `react-native-clean-form/redux-form`.
152 | [Also, check out the included example](https://github.com/esbenp/react-native-clean-form/tree/master/example)
153 |
154 | ## Validation
155 |
156 |
157 |
158 | If integrating with `redux-form` validation is supported right out of the box. Just add a `validation` key to `reduxForm`
159 | your normally would.
160 |
161 | If not using `redux-form`, there is an `error` prop on `FormGroup` which will display the error if used.
162 |
163 |
164 |
165 | ## Async feedback
166 |
167 |
168 |
169 | The `Button` component has a `submitting` prop. If true, a spinner will be displayed.
170 |
171 |
172 |
173 | ## Run the example
174 |
175 | Clone the repo first.
176 |
177 | ```
178 | git clone https://github.com/esbenp/react-native-clean-form && cd react-native-clean-form
179 | ```
180 |
181 | Install dependencies.
182 |
183 | ```
184 | cd example
185 | npm install
186 | ```
187 |
188 | Run the simulator.
189 |
190 | ```
191 | react-native run-ios
192 | ```
193 |
--------------------------------------------------------------------------------
/docs/async_feedback.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/docs/async_feedback.jpg
--------------------------------------------------------------------------------
/docs/normal.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/docs/normal.jpg
--------------------------------------------------------------------------------
/docs/stacked.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/docs/stacked.jpg
--------------------------------------------------------------------------------
/docs/validation.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/docs/validation.jpg
--------------------------------------------------------------------------------
/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 project(':react-native-vector-icons')
130 | compile fileTree(dir: "libs", include: ["*.jar"])
131 | compile "com.android.support:appcompat-v7:23.0.1"
132 | compile "com.facebook.react:react-native:+" // From node_modules
133 | }
134 |
135 | // Run this once to be able to run the application with BUCK
136 | // puts all compile dependencies into folder libs for BUCK to use
137 | task copyDownloadableDepsToLibs(type: Copy) {
138 | from configurations.compile
139 | into 'libs'
140 | }
141 |
--------------------------------------------------------------------------------
/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/assets/fonts/Entypo.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/Entypo.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/EvilIcons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/EvilIcons.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/FontAwesome.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/FontAwesome.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/Foundation.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/Foundation.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/Ionicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/Ionicons.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/MaterialIcons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/MaterialIcons.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/Octicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/Octicons.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/SimpleLineIcons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/SimpleLineIcons.ttf
--------------------------------------------------------------------------------
/example/android/app/src/main/assets/fonts/Zocial.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/example/android/app/src/main/assets/fonts/Zocial.ttf
--------------------------------------------------------------------------------
/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.oblador.vectoricons.VectorIconsPackage;
8 | import com.facebook.react.ReactInstanceManager;
9 | import com.facebook.react.ReactNativeHost;
10 | import com.facebook.react.ReactPackage;
11 | import com.facebook.react.shell.MainReactPackage;
12 | import com.facebook.soloader.SoLoader;
13 |
14 | import java.util.Arrays;
15 | import java.util.List;
16 |
17 | public class MainApplication extends Application implements ReactApplication {
18 |
19 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
20 | @Override
21 | public boolean getUseDeveloperSupport() {
22 | return BuildConfig.DEBUG;
23 | }
24 |
25 | @Override
26 | protected List getPackages() {
27 | return Arrays.asList(
28 | new MainReactPackage(),
29 | new VectorIconsPackage()
30 | );
31 | }
32 | };
33 |
34 | @Override
35 | public ReactNativeHost getReactNativeHost() {
36 | return mReactNativeHost;
37 | }
38 |
39 | @Override
40 | public void onCreate() {
41 | super.onCreate();
42 | SoLoader.init(this, /* native exopackage */ false);
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/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/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/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/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/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/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/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/esbenp/react-native-clean-form/7871deac23b3435659078dd52df837d9beda0e99/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 | include ':react-native-vector-icons'
3 | project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
4 |
5 | include ':app'
6 |
--------------------------------------------------------------------------------
/example/index.android.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import {
3 | AppRegistry,
4 | StyleSheet,
5 | View
6 | } from 'react-native';
7 | import Container from './src'
8 |
9 | export default class example extends Component {
10 | render() {
11 | return (
12 |
13 |
14 |
15 | );
16 | }
17 | }
18 |
19 | const styles = StyleSheet.create({
20 | container: {
21 | flex: 1,
22 | paddingTop: 25
23 | }
24 | });
25 |
26 | AppRegistry.registerComponent('example', () => example);
--------------------------------------------------------------------------------
/example/index.ios.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import {
3 | AppRegistry,
4 | StyleSheet,
5 | View
6 | } from 'react-native';
7 | import Container from './src'
8 |
9 | export default class example extends Component {
10 | render() {
11 | return (
12 |
13 |
14 |
15 | );
16 | }
17 | }
18 |
19 | const styles = StyleSheet.create({
20 | container: {
21 | flex: 1,
22 | paddingTop: 25
23 | }
24 | });
25 |
26 | AppRegistry.registerComponent('example', () => example);
27 |
--------------------------------------------------------------------------------
/example/ios/example.xcodeproj/project.pbxproj:
--------------------------------------------------------------------------------
1 | // !$*UTF8*$!
2 | {
3 | archiveVersion = 1;
4 | classes = {
5 | };
6 | objectVersion = 46;
7 | objects = {
8 | /* Begin PBXBuildFile section */
9 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
10 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
11 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; };
12 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; };
13 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; };
14 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* exampleTests.m */; };
15 | 10A57C56C14245E7B2EA4EB4 /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 6DD2019597A0493FB30CFD2F /* EvilIcons.ttf */; };
16 | 12B4D2EA2926409D86C3297D /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 370F490B5D9C4C398AD46EF5 /* Foundation.ttf */; };
17 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; };
18 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; };
19 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; };
20 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
21 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
22 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
23 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
24 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
25 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
26 | 1CE8950E13054171927C26B6 /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 616C376FF6F44F9482AFE162 /* Zocial.ttf */; };
27 | 28F8544A1E850EDD00F6C53E /* libRNVectorIcons.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 28F854491E850E4F00F6C53E /* libRNVectorIcons.a */; };
28 | 2D456EE8A9E6489883A0F7C8 /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F933932D1A914EF9A0092936 /* MaterialIcons.ttf */; };
29 | 3157AEFB125F450E822B73E0 /* Ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 16A899A0B90D4A78AB2CA206 /* Ionicons.ttf */; };
30 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; };
31 | 7C483901F35A4771B7B22C6B /* SimpleLineIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F6CAF99AAE1D4BF884ACE0F4 /* SimpleLineIcons.ttf */; };
32 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; };
33 | A9DB313CEBEF43AC9D201F2A /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = E6ABC60976034CFABD1B8F36 /* Entypo.ttf */; };
34 | D28CCCEB794A4CD1AE787DFC /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CEBD2F838EF04145A74D81CA /* Octicons.ttf */; };
35 | F51EC7179C4C447E94325A3E /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = E4A5C84494064E029272CECF /* FontAwesome.ttf */; };
36 | 73536D60D8374EEE80D64FB0 /* MaterialCommunityIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = ADB997DB08E54E45B06D0ED2 /* MaterialCommunityIcons.ttf */; };
37 | /* End PBXBuildFile section */
38 |
39 | /* Begin PBXContainerItemProxy section */
40 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = {
41 | isa = PBXContainerItemProxy;
42 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;
43 | proxyType = 2;
44 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
45 | remoteInfo = RCTActionSheet;
46 | };
47 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = {
48 | isa = PBXContainerItemProxy;
49 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;
50 | proxyType = 2;
51 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
52 | remoteInfo = RCTGeolocation;
53 | };
54 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = {
55 | isa = PBXContainerItemProxy;
56 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;
57 | proxyType = 2;
58 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676;
59 | remoteInfo = RCTImage;
60 | };
61 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = {
62 | isa = PBXContainerItemProxy;
63 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;
64 | proxyType = 2;
65 | remoteGlobalIDString = 58B511DB1A9E6C8500147676;
66 | remoteInfo = RCTNetwork;
67 | };
68 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = {
69 | isa = PBXContainerItemProxy;
70 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;
71 | proxyType = 2;
72 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7;
73 | remoteInfo = RCTVibration;
74 | };
75 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
76 | isa = PBXContainerItemProxy;
77 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
78 | proxyType = 1;
79 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
80 | remoteInfo = example;
81 | };
82 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = {
83 | isa = PBXContainerItemProxy;
84 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;
85 | proxyType = 2;
86 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
87 | remoteInfo = RCTSettings;
88 | };
89 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = {
90 | isa = PBXContainerItemProxy;
91 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
92 | proxyType = 2;
93 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A;
94 | remoteInfo = RCTWebSocket;
95 | };
96 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = {
97 | isa = PBXContainerItemProxy;
98 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
99 | proxyType = 2;
100 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192;
101 | remoteInfo = React;
102 | };
103 | 28F854481E850E4F00F6C53E /* PBXContainerItemProxy */ = {
104 | isa = PBXContainerItemProxy;
105 | containerPortal = 2CEE95E627554F93B87B4EBE /* RNVectorIcons.xcodeproj */;
106 | proxyType = 2;
107 | remoteGlobalIDString = 5DBEB1501B18CEA900B34395;
108 | remoteInfo = RNVectorIcons;
109 | };
110 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = {
111 | isa = PBXContainerItemProxy;
112 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;
113 | proxyType = 2;
114 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D;
115 | remoteInfo = "RCTImage-tvOS";
116 | };
117 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = {
118 | isa = PBXContainerItemProxy;
119 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;
120 | proxyType = 2;
121 | remoteGlobalIDString = 2D2A28471D9B043800D4039D;
122 | remoteInfo = "RCTLinking-tvOS";
123 | };
124 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = {
125 | isa = PBXContainerItemProxy;
126 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;
127 | proxyType = 2;
128 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D;
129 | remoteInfo = "RCTNetwork-tvOS";
130 | };
131 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = {
132 | isa = PBXContainerItemProxy;
133 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;
134 | proxyType = 2;
135 | remoteGlobalIDString = 2D2A28611D9B046600D4039D;
136 | remoteInfo = "RCTSettings-tvOS";
137 | };
138 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = {
139 | isa = PBXContainerItemProxy;
140 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;
141 | proxyType = 2;
142 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D;
143 | remoteInfo = "RCTText-tvOS";
144 | };
145 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = {
146 | isa = PBXContainerItemProxy;
147 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
148 | proxyType = 2;
149 | remoteGlobalIDString = 2D2A28881D9B049200D4039D;
150 | remoteInfo = "RCTWebSocket-tvOS";
151 | };
152 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = {
153 | isa = PBXContainerItemProxy;
154 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
155 | proxyType = 2;
156 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D;
157 | remoteInfo = "React-tvOS";
158 | };
159 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = {
160 | isa = PBXContainerItemProxy;
161 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
162 | proxyType = 2;
163 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA;
164 | remoteInfo = yoga;
165 | };
166 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = {
167 | isa = PBXContainerItemProxy;
168 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
169 | proxyType = 2;
170 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA;
171 | remoteInfo = "yoga-tvOS";
172 | };
173 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = {
174 | isa = PBXContainerItemProxy;
175 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
176 | proxyType = 2;
177 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4;
178 | remoteInfo = cxxreact;
179 | };
180 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = {
181 | isa = PBXContainerItemProxy;
182 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
183 | proxyType = 2;
184 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4;
185 | remoteInfo = "cxxreact-tvOS";
186 | };
187 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = {
188 | isa = PBXContainerItemProxy;
189 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
190 | proxyType = 2;
191 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4;
192 | remoteInfo = jschelpers;
193 | };
194 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = {
195 | isa = PBXContainerItemProxy;
196 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
197 | proxyType = 2;
198 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4;
199 | remoteInfo = "jschelpers-tvOS";
200 | };
201 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = {
202 | isa = PBXContainerItemProxy;
203 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;
204 | proxyType = 2;
205 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
206 | remoteInfo = RCTAnimation;
207 | };
208 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = {
209 | isa = PBXContainerItemProxy;
210 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;
211 | proxyType = 2;
212 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D;
213 | remoteInfo = "RCTAnimation-tvOS";
214 | };
215 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = {
216 | isa = PBXContainerItemProxy;
217 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;
218 | proxyType = 2;
219 | remoteGlobalIDString = 134814201AA4EA6300B7C361;
220 | remoteInfo = RCTLinking;
221 | };
222 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = {
223 | isa = PBXContainerItemProxy;
224 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;
225 | proxyType = 2;
226 | remoteGlobalIDString = 58B5119B1A9E6C1200147676;
227 | remoteInfo = RCTText;
228 | };
229 | /* End PBXContainerItemProxy section */
230 |
231 | /* Begin PBXFileReference section */
232 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; };
233 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; };
234 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; };
235 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; };
236 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; };
237 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; };
238 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = exampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
239 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
240 | 00E356F21AD99517003FC87E /* exampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = exampleTests.m; sourceTree = ""; };
241 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; };
242 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; };
243 | 13B07F961A680F5B00A75B9A /* example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = example.app; sourceTree = BUILT_PRODUCTS_DIR; };
244 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = example/AppDelegate.h; sourceTree = ""; };
245 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = example/AppDelegate.m; sourceTree = ""; };
246 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; };
247 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = example/Images.xcassets; sourceTree = ""; };
248 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = example/Info.plist; sourceTree = ""; };
249 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = example/main.m; sourceTree = ""; };
250 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; };
251 | 16A899A0B90D4A78AB2CA206 /* Ionicons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Ionicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf"; sourceTree = ""; };
252 | 2CEE95E627554F93B87B4EBE /* RNVectorIcons.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNVectorIcons.xcodeproj; path = "../node_modules/react-native-vector-icons/RNVectorIcons.xcodeproj"; sourceTree = ""; };
253 | 370F490B5D9C4C398AD46EF5 /* Foundation.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Foundation.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = ""; };
254 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; };
255 | 616C376FF6F44F9482AFE162 /* Zocial.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Zocial.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Zocial.ttf"; sourceTree = ""; };
256 | 6DD2019597A0493FB30CFD2F /* EvilIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = EvilIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = ""; };
257 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; };
258 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; };
259 | 9098955E1E1E22AA004B4CC5 /* Entypo.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = Entypo.ttf; sourceTree = ""; };
260 | 9098955F1E1E22AA004B4CC5 /* EvilIcons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = EvilIcons.ttf; sourceTree = ""; };
261 | 909895601E1E22AA004B4CC5 /* FontAwesome.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = FontAwesome.ttf; sourceTree = ""; };
262 | 909895611E1E22AA004B4CC5 /* Foundation.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = Foundation.ttf; sourceTree = ""; };
263 | 909895621E1E22AA004B4CC5 /* Ionicons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = Ionicons.ttf; sourceTree = ""; };
264 | 909895631E1E22AA004B4CC5 /* MaterialIcons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = MaterialIcons.ttf; sourceTree = ""; };
265 | 909895641E1E22AA004B4CC5 /* Octicons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = Octicons.ttf; sourceTree = ""; };
266 | 909895651E1E22AA004B4CC5 /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = SimpleLineIcons.ttf; sourceTree = ""; };
267 | 909895661E1E22AA004B4CC5 /* Zocial.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = Zocial.ttf; sourceTree = ""; };
268 | CEBD2F838EF04145A74D81CA /* Octicons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Octicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = ""; };
269 | E4A5C84494064E029272CECF /* FontAwesome.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = FontAwesome.ttf; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf"; sourceTree = ""; };
270 | E6ABC60976034CFABD1B8F36 /* Entypo.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Entypo.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = ""; };
271 | F6CAF99AAE1D4BF884ACE0F4 /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = SimpleLineIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = ""; };
272 | F933932D1A914EF9A0092936 /* MaterialIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = MaterialIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = ""; };
273 | ADB997DB08E54E45B06D0ED2 /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; name = "MaterialCommunityIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
274 | /* End PBXFileReference section */
275 |
276 | /* Begin PBXFrameworksBuildPhase section */
277 | 00E356EB1AD99517003FC87E /* Frameworks */ = {
278 | isa = PBXFrameworksBuildPhase;
279 | buildActionMask = 2147483647;
280 | files = (
281 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */,
282 | );
283 | runOnlyForDeploymentPostprocessing = 0;
284 | };
285 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
286 | isa = PBXFrameworksBuildPhase;
287 | buildActionMask = 2147483647;
288 | files = (
289 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */,
290 | 146834051AC3E58100842450 /* libReact.a in Frameworks */,
291 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */,
292 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */,
293 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */,
294 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */,
295 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */,
296 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */,
297 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */,
298 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
299 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
300 | 28F8544A1E850EDD00F6C53E /* libRNVectorIcons.a in Frameworks */,
301 | );
302 | runOnlyForDeploymentPostprocessing = 0;
303 | };
304 | /* End PBXFrameworksBuildPhase section */
305 |
306 | /* Begin PBXGroup section */
307 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = {
308 | isa = PBXGroup;
309 | children = (
310 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */,
311 | );
312 | name = Products;
313 | sourceTree = "";
314 | };
315 | 00C302B61ABCB90400DB3ED1 /* Products */ = {
316 | isa = PBXGroup;
317 | children = (
318 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */,
319 | );
320 | name = Products;
321 | sourceTree = "";
322 | };
323 | 00C302BC1ABCB91800DB3ED1 /* Products */ = {
324 | isa = PBXGroup;
325 | children = (
326 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */,
327 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */,
328 | );
329 | name = Products;
330 | sourceTree = "";
331 | };
332 | 00C302D41ABCB9D200DB3ED1 /* Products */ = {
333 | isa = PBXGroup;
334 | children = (
335 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */,
336 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */,
337 | );
338 | name = Products;
339 | sourceTree = "";
340 | };
341 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = {
342 | isa = PBXGroup;
343 | children = (
344 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */,
345 | );
346 | name = Products;
347 | sourceTree = "";
348 | };
349 | 00E356EF1AD99517003FC87E /* exampleTests */ = {
350 | isa = PBXGroup;
351 | children = (
352 | 00E356F21AD99517003FC87E /* exampleTests.m */,
353 | 00E356F01AD99517003FC87E /* Supporting Files */,
354 | );
355 | path = exampleTests;
356 | sourceTree = "";
357 | };
358 | 00E356F01AD99517003FC87E /* Supporting Files */ = {
359 | isa = PBXGroup;
360 | children = (
361 | 00E356F11AD99517003FC87E /* Info.plist */,
362 | );
363 | name = "Supporting Files";
364 | sourceTree = "";
365 | };
366 | 139105B71AF99BAD00B5F7CC /* Products */ = {
367 | isa = PBXGroup;
368 | children = (
369 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */,
370 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */,
371 | );
372 | name = Products;
373 | sourceTree = "";
374 | };
375 | 139FDEE71B06529A00C62182 /* Products */ = {
376 | isa = PBXGroup;
377 | children = (
378 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */,
379 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */,
380 | );
381 | name = Products;
382 | sourceTree = "";
383 | };
384 | 13B07FAE1A68108700A75B9A /* example */ = {
385 | isa = PBXGroup;
386 | children = (
387 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */,
388 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */,
389 | 13B07FB01A68108700A75B9A /* AppDelegate.m */,
390 | 13B07FB51A68108700A75B9A /* Images.xcassets */,
391 | 13B07FB61A68108700A75B9A /* Info.plist */,
392 | 9098955D1E1E22AA004B4CC5 /* Fonts */,
393 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
394 | 13B07FB71A68108700A75B9A /* main.m */,
395 | );
396 | name = example;
397 | sourceTree = "";
398 | };
399 | 146834001AC3E56700842450 /* Products */ = {
400 | isa = PBXGroup;
401 | children = (
402 | 146834041AC3E56700842450 /* libReact.a */,
403 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */,
404 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */,
405 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */,
406 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */,
407 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */,
408 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */,
409 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */,
410 | );
411 | name = Products;
412 | sourceTree = "";
413 | };
414 | 28F8542C1E850E4F00F6C53E /* Products */ = {
415 | isa = PBXGroup;
416 | children = (
417 | 28F854491E850E4F00F6C53E /* libRNVectorIcons.a */,
418 | );
419 | name = Products;
420 | sourceTree = "";
421 | };
422 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = {
423 | isa = PBXGroup;
424 | children = (
425 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */,
426 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */,
427 | );
428 | name = Products;
429 | sourceTree = "";
430 | };
431 | 78C398B11ACF4ADC00677621 /* Products */ = {
432 | isa = PBXGroup;
433 | children = (
434 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */,
435 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */,
436 | );
437 | name = Products;
438 | sourceTree = "";
439 | };
440 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = {
441 | isa = PBXGroup;
442 | children = (
443 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */,
444 | 146833FF1AC3E56700842450 /* React.xcodeproj */,
445 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */,
446 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */,
447 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */,
448 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */,
449 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */,
450 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */,
451 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */,
452 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,
453 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
454 | 2CEE95E627554F93B87B4EBE /* RNVectorIcons.xcodeproj */,
455 | );
456 | name = Libraries;
457 | sourceTree = "";
458 | };
459 | 832341B11AAA6A8300B99B32 /* Products */ = {
460 | isa = PBXGroup;
461 | children = (
462 | 832341B51AAA6A8300B99B32 /* libRCTText.a */,
463 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */,
464 | );
465 | name = Products;
466 | sourceTree = "";
467 | };
468 | 83CBB9F61A601CBA00E9B192 = {
469 | isa = PBXGroup;
470 | children = (
471 | 13B07FAE1A68108700A75B9A /* example */,
472 | 832341AE1AAA6A7D00B99B32 /* Libraries */,
473 | 00E356EF1AD99517003FC87E /* exampleTests */,
474 | 83CBBA001A601CBA00E9B192 /* Products */,
475 | EC38B8A086EF49DE9AC32EA2 /* Resources */,
476 | );
477 | indentWidth = 2;
478 | sourceTree = "";
479 | tabWidth = 2;
480 | };
481 | 83CBBA001A601CBA00E9B192 /* Products */ = {
482 | isa = PBXGroup;
483 | children = (
484 | 13B07F961A680F5B00A75B9A /* example.app */,
485 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */,
486 | );
487 | name = Products;
488 | sourceTree = "";
489 | };
490 | 9098955D1E1E22AA004B4CC5 /* Fonts */ = {
491 | isa = PBXGroup;
492 | children = (
493 | 9098955E1E1E22AA004B4CC5 /* Entypo.ttf */,
494 | 9098955F1E1E22AA004B4CC5 /* EvilIcons.ttf */,
495 | 909895601E1E22AA004B4CC5 /* FontAwesome.ttf */,
496 | 909895611E1E22AA004B4CC5 /* Foundation.ttf */,
497 | 909895621E1E22AA004B4CC5 /* Ionicons.ttf */,
498 | 909895631E1E22AA004B4CC5 /* MaterialIcons.ttf */,
499 | 909895641E1E22AA004B4CC5 /* Octicons.ttf */,
500 | 909895651E1E22AA004B4CC5 /* SimpleLineIcons.ttf */,
501 | 909895661E1E22AA004B4CC5 /* Zocial.ttf */,
502 | );
503 | name = Fonts;
504 | path = "../node_modules/react-native-vector-icons/Fonts";
505 | sourceTree = "";
506 | };
507 | EC38B8A086EF49DE9AC32EA2 /* Resources */ = {
508 | isa = PBXGroup;
509 | children = (
510 | E6ABC60976034CFABD1B8F36 /* Entypo.ttf */,
511 | 6DD2019597A0493FB30CFD2F /* EvilIcons.ttf */,
512 | E4A5C84494064E029272CECF /* FontAwesome.ttf */,
513 | 370F490B5D9C4C398AD46EF5 /* Foundation.ttf */,
514 | 16A899A0B90D4A78AB2CA206 /* Ionicons.ttf */,
515 | F933932D1A914EF9A0092936 /* MaterialIcons.ttf */,
516 | CEBD2F838EF04145A74D81CA /* Octicons.ttf */,
517 | F6CAF99AAE1D4BF884ACE0F4 /* SimpleLineIcons.ttf */,
518 | 616C376FF6F44F9482AFE162 /* Zocial.ttf */,
519 | ADB997DB08E54E45B06D0ED2 /* MaterialCommunityIcons.ttf */,
520 | );
521 | name = Resources;
522 | sourceTree = "";
523 | };
524 | /* End PBXGroup section */
525 |
526 | /* Begin PBXNativeTarget section */
527 | 00E356ED1AD99517003FC87E /* exampleTests */ = {
528 | isa = PBXNativeTarget;
529 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */;
530 | buildPhases = (
531 | 00E356EA1AD99517003FC87E /* Sources */,
532 | 00E356EB1AD99517003FC87E /* Frameworks */,
533 | 00E356EC1AD99517003FC87E /* Resources */,
534 | );
535 | buildRules = (
536 | );
537 | dependencies = (
538 | 00E356F51AD99517003FC87E /* PBXTargetDependency */,
539 | );
540 | name = exampleTests;
541 | productName = exampleTests;
542 | productReference = 00E356EE1AD99517003FC87E /* exampleTests.xctest */;
543 | productType = "com.apple.product-type.bundle.unit-test";
544 | };
545 | 13B07F861A680F5B00A75B9A /* example */ = {
546 | isa = PBXNativeTarget;
547 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */;
548 | buildPhases = (
549 | 13B07F871A680F5B00A75B9A /* Sources */,
550 | 13B07F8C1A680F5B00A75B9A /* Frameworks */,
551 | 13B07F8E1A680F5B00A75B9A /* Resources */,
552 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
553 | );
554 | buildRules = (
555 | );
556 | dependencies = (
557 | );
558 | name = example;
559 | productName = "Hello World";
560 | productReference = 13B07F961A680F5B00A75B9A /* example.app */;
561 | productType = "com.apple.product-type.application";
562 | };
563 | /* End PBXNativeTarget section */
564 |
565 | /* Begin PBXProject section */
566 | 83CBB9F71A601CBA00E9B192 /* Project object */ = {
567 | isa = PBXProject;
568 | attributes = {
569 | LastUpgradeCheck = 820;
570 | ORGANIZATIONNAME = Facebook;
571 | TargetAttributes = {
572 | 00E356ED1AD99517003FC87E = {
573 | CreatedOnToolsVersion = 6.2;
574 | TestTargetID = 13B07F861A680F5B00A75B9A;
575 | };
576 | };
577 | };
578 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */;
579 | compatibilityVersion = "Xcode 3.2";
580 | developmentRegion = English;
581 | hasScannedForEncodings = 0;
582 | knownRegions = (
583 | en,
584 | Base,
585 | );
586 | mainGroup = 83CBB9F61A601CBA00E9B192;
587 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
588 | projectDirPath = "";
589 | projectReferences = (
590 | {
591 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */;
592 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;
593 | },
594 | {
595 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */;
596 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;
597 | },
598 | {
599 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */;
600 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;
601 | },
602 | {
603 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */;
604 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;
605 | },
606 | {
607 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */;
608 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;
609 | },
610 | {
611 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */;
612 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;
613 | },
614 | {
615 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */;
616 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;
617 | },
618 | {
619 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */;
620 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;
621 | },
622 | {
623 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */;
624 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;
625 | },
626 | {
627 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */;
628 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
629 | },
630 | {
631 | ProductGroup = 146834001AC3E56700842450 /* Products */;
632 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */;
633 | },
634 | {
635 | ProductGroup = 28F8542C1E850E4F00F6C53E /* Products */;
636 | ProjectRef = 2CEE95E627554F93B87B4EBE /* RNVectorIcons.xcodeproj */;
637 | },
638 | );
639 | projectRoot = "";
640 | targets = (
641 | 13B07F861A680F5B00A75B9A /* example */,
642 | 00E356ED1AD99517003FC87E /* exampleTests */,
643 | );
644 | };
645 | /* End PBXProject section */
646 |
647 | /* Begin PBXReferenceProxy section */
648 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = {
649 | isa = PBXReferenceProxy;
650 | fileType = archive.ar;
651 | path = libRCTActionSheet.a;
652 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */;
653 | sourceTree = BUILT_PRODUCTS_DIR;
654 | };
655 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = {
656 | isa = PBXReferenceProxy;
657 | fileType = archive.ar;
658 | path = libRCTGeolocation.a;
659 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */;
660 | sourceTree = BUILT_PRODUCTS_DIR;
661 | };
662 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = {
663 | isa = PBXReferenceProxy;
664 | fileType = archive.ar;
665 | path = libRCTImage.a;
666 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */;
667 | sourceTree = BUILT_PRODUCTS_DIR;
668 | };
669 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = {
670 | isa = PBXReferenceProxy;
671 | fileType = archive.ar;
672 | path = libRCTNetwork.a;
673 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */;
674 | sourceTree = BUILT_PRODUCTS_DIR;
675 | };
676 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = {
677 | isa = PBXReferenceProxy;
678 | fileType = archive.ar;
679 | path = libRCTVibration.a;
680 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */;
681 | sourceTree = BUILT_PRODUCTS_DIR;
682 | };
683 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = {
684 | isa = PBXReferenceProxy;
685 | fileType = archive.ar;
686 | path = libRCTSettings.a;
687 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */;
688 | sourceTree = BUILT_PRODUCTS_DIR;
689 | };
690 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = {
691 | isa = PBXReferenceProxy;
692 | fileType = archive.ar;
693 | path = libRCTWebSocket.a;
694 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */;
695 | sourceTree = BUILT_PRODUCTS_DIR;
696 | };
697 | 146834041AC3E56700842450 /* libReact.a */ = {
698 | isa = PBXReferenceProxy;
699 | fileType = archive.ar;
700 | path = libReact.a;
701 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */;
702 | sourceTree = BUILT_PRODUCTS_DIR;
703 | };
704 | 28F854491E850E4F00F6C53E /* libRNVectorIcons.a */ = {
705 | isa = PBXReferenceProxy;
706 | fileType = archive.ar;
707 | path = libRNVectorIcons.a;
708 | remoteRef = 28F854481E850E4F00F6C53E /* PBXContainerItemProxy */;
709 | sourceTree = BUILT_PRODUCTS_DIR;
710 | };
711 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = {
712 | isa = PBXReferenceProxy;
713 | fileType = archive.ar;
714 | path = "libRCTImage-tvOS.a";
715 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */;
716 | sourceTree = BUILT_PRODUCTS_DIR;
717 | };
718 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = {
719 | isa = PBXReferenceProxy;
720 | fileType = archive.ar;
721 | path = "libRCTLinking-tvOS.a";
722 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */;
723 | sourceTree = BUILT_PRODUCTS_DIR;
724 | };
725 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = {
726 | isa = PBXReferenceProxy;
727 | fileType = archive.ar;
728 | path = "libRCTNetwork-tvOS.a";
729 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */;
730 | sourceTree = BUILT_PRODUCTS_DIR;
731 | };
732 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = {
733 | isa = PBXReferenceProxy;
734 | fileType = archive.ar;
735 | path = "libRCTSettings-tvOS.a";
736 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */;
737 | sourceTree = BUILT_PRODUCTS_DIR;
738 | };
739 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = {
740 | isa = PBXReferenceProxy;
741 | fileType = archive.ar;
742 | path = "libRCTText-tvOS.a";
743 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */;
744 | sourceTree = BUILT_PRODUCTS_DIR;
745 | };
746 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = {
747 | isa = PBXReferenceProxy;
748 | fileType = archive.ar;
749 | path = "libRCTWebSocket-tvOS.a";
750 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */;
751 | sourceTree = BUILT_PRODUCTS_DIR;
752 | };
753 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = {
754 | isa = PBXReferenceProxy;
755 | fileType = archive.ar;
756 | path = libReact.a;
757 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */;
758 | sourceTree = BUILT_PRODUCTS_DIR;
759 | };
760 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = {
761 | isa = PBXReferenceProxy;
762 | fileType = archive.ar;
763 | path = libyoga.a;
764 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */;
765 | sourceTree = BUILT_PRODUCTS_DIR;
766 | };
767 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = {
768 | isa = PBXReferenceProxy;
769 | fileType = archive.ar;
770 | path = libyoga.a;
771 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */;
772 | sourceTree = BUILT_PRODUCTS_DIR;
773 | };
774 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = {
775 | isa = PBXReferenceProxy;
776 | fileType = archive.ar;
777 | path = libcxxreact.a;
778 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */;
779 | sourceTree = BUILT_PRODUCTS_DIR;
780 | };
781 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = {
782 | isa = PBXReferenceProxy;
783 | fileType = archive.ar;
784 | path = libcxxreact.a;
785 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */;
786 | sourceTree = BUILT_PRODUCTS_DIR;
787 | };
788 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = {
789 | isa = PBXReferenceProxy;
790 | fileType = archive.ar;
791 | path = libjschelpers.a;
792 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */;
793 | sourceTree = BUILT_PRODUCTS_DIR;
794 | };
795 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = {
796 | isa = PBXReferenceProxy;
797 | fileType = archive.ar;
798 | path = libjschelpers.a;
799 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */;
800 | sourceTree = BUILT_PRODUCTS_DIR;
801 | };
802 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = {
803 | isa = PBXReferenceProxy;
804 | fileType = archive.ar;
805 | path = libRCTAnimation.a;
806 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */;
807 | sourceTree = BUILT_PRODUCTS_DIR;
808 | };
809 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = {
810 | isa = PBXReferenceProxy;
811 | fileType = archive.ar;
812 | path = "libRCTAnimation-tvOS.a";
813 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */;
814 | sourceTree = BUILT_PRODUCTS_DIR;
815 | };
816 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = {
817 | isa = PBXReferenceProxy;
818 | fileType = archive.ar;
819 | path = libRCTLinking.a;
820 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */;
821 | sourceTree = BUILT_PRODUCTS_DIR;
822 | };
823 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = {
824 | isa = PBXReferenceProxy;
825 | fileType = archive.ar;
826 | path = libRCTText.a;
827 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */;
828 | sourceTree = BUILT_PRODUCTS_DIR;
829 | };
830 | /* End PBXReferenceProxy section */
831 |
832 | /* Begin PBXResourcesBuildPhase section */
833 | 00E356EC1AD99517003FC87E /* Resources */ = {
834 | isa = PBXResourcesBuildPhase;
835 | buildActionMask = 2147483647;
836 | files = (
837 | );
838 | runOnlyForDeploymentPostprocessing = 0;
839 | };
840 | 13B07F8E1A680F5B00A75B9A /* Resources */ = {
841 | isa = PBXResourcesBuildPhase;
842 | buildActionMask = 2147483647;
843 | files = (
844 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
845 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
846 | A9DB313CEBEF43AC9D201F2A /* Entypo.ttf in Resources */,
847 | 10A57C56C14245E7B2EA4EB4 /* EvilIcons.ttf in Resources */,
848 | F51EC7179C4C447E94325A3E /* FontAwesome.ttf in Resources */,
849 | 12B4D2EA2926409D86C3297D /* Foundation.ttf in Resources */,
850 | 3157AEFB125F450E822B73E0 /* Ionicons.ttf in Resources */,
851 | 2D456EE8A9E6489883A0F7C8 /* MaterialIcons.ttf in Resources */,
852 | D28CCCEB794A4CD1AE787DFC /* Octicons.ttf in Resources */,
853 | 7C483901F35A4771B7B22C6B /* SimpleLineIcons.ttf in Resources */,
854 | 1CE8950E13054171927C26B6 /* Zocial.ttf in Resources */,
855 | 73536D60D8374EEE80D64FB0 /* MaterialCommunityIcons.ttf in Resources */,
856 | );
857 | runOnlyForDeploymentPostprocessing = 0;
858 | };
859 | /* End PBXResourcesBuildPhase section */
860 |
861 | /* Begin PBXShellScriptBuildPhase section */
862 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
863 | isa = PBXShellScriptBuildPhase;
864 | buildActionMask = 2147483647;
865 | files = (
866 | );
867 | inputPaths = (
868 | );
869 | name = "Bundle React Native code and images";
870 | outputPaths = (
871 | );
872 | runOnlyForDeploymentPostprocessing = 0;
873 | shellPath = /bin/sh;
874 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh";
875 | };
876 | /* End PBXShellScriptBuildPhase section */
877 |
878 | /* Begin PBXSourcesBuildPhase section */
879 | 00E356EA1AD99517003FC87E /* Sources */ = {
880 | isa = PBXSourcesBuildPhase;
881 | buildActionMask = 2147483647;
882 | files = (
883 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */,
884 | );
885 | runOnlyForDeploymentPostprocessing = 0;
886 | };
887 | 13B07F871A680F5B00A75B9A /* Sources */ = {
888 | isa = PBXSourcesBuildPhase;
889 | buildActionMask = 2147483647;
890 | files = (
891 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
892 | 13B07FC11A68108700A75B9A /* main.m in Sources */,
893 | );
894 | runOnlyForDeploymentPostprocessing = 0;
895 | };
896 | /* End PBXSourcesBuildPhase section */
897 |
898 | /* Begin PBXTargetDependency section */
899 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
900 | isa = PBXTargetDependency;
901 | target = 13B07F861A680F5B00A75B9A /* example */;
902 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
903 | };
904 | /* End PBXTargetDependency section */
905 |
906 | /* Begin PBXVariantGroup section */
907 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
908 | isa = PBXVariantGroup;
909 | children = (
910 | 13B07FB21A68108700A75B9A /* Base */,
911 | );
912 | name = LaunchScreen.xib;
913 | path = example;
914 | sourceTree = "";
915 | };
916 | /* End PBXVariantGroup section */
917 |
918 | /* Begin XCBuildConfiguration section */
919 | 00E356F61AD99517003FC87E /* Debug */ = {
920 | isa = XCBuildConfiguration;
921 | buildSettings = {
922 | BUNDLE_LOADER = "$(TEST_HOST)";
923 | GCC_PREPROCESSOR_DEFINITIONS = (
924 | "DEBUG=1",
925 | "$(inherited)",
926 | );
927 | INFOPLIST_FILE = exampleTests/Info.plist;
928 | IPHONEOS_DEPLOYMENT_TARGET = 8.0;
929 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
930 | LIBRARY_SEARCH_PATHS = (
931 | "$(inherited)",
932 | "\"$(SRCROOT)/$(TARGET_NAME)\"",
933 | );
934 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
935 | PRODUCT_NAME = "$(TARGET_NAME)";
936 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example";
937 | };
938 | name = Debug;
939 | };
940 | 00E356F71AD99517003FC87E /* Release */ = {
941 | isa = XCBuildConfiguration;
942 | buildSettings = {
943 | BUNDLE_LOADER = "$(TEST_HOST)";
944 | COPY_PHASE_STRIP = NO;
945 | INFOPLIST_FILE = exampleTests/Info.plist;
946 | IPHONEOS_DEPLOYMENT_TARGET = 8.0;
947 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
948 | LIBRARY_SEARCH_PATHS = (
949 | "$(inherited)",
950 | "\"$(SRCROOT)/$(TARGET_NAME)\"",
951 | );
952 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
953 | PRODUCT_NAME = "$(TARGET_NAME)";
954 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example";
955 | };
956 | name = Release;
957 | };
958 | 13B07F941A680F5B00A75B9A /* Debug */ = {
959 | isa = XCBuildConfiguration;
960 | buildSettings = {
961 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
962 | CURRENT_PROJECT_VERSION = 1;
963 | DEAD_CODE_STRIPPING = NO;
964 | INFOPLIST_FILE = example/Info.plist;
965 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
966 | OTHER_LDFLAGS = (
967 | "$(inherited)",
968 | "-ObjC",
969 | "-lc++",
970 | );
971 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
972 | PRODUCT_NAME = example;
973 | VERSIONING_SYSTEM = "apple-generic";
974 | };
975 | name = Debug;
976 | };
977 | 13B07F951A680F5B00A75B9A /* Release */ = {
978 | isa = XCBuildConfiguration;
979 | buildSettings = {
980 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
981 | CURRENT_PROJECT_VERSION = 1;
982 | INFOPLIST_FILE = example/Info.plist;
983 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
984 | OTHER_LDFLAGS = (
985 | "$(inherited)",
986 | "-ObjC",
987 | "-lc++",
988 | );
989 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
990 | PRODUCT_NAME = example;
991 | VERSIONING_SYSTEM = "apple-generic";
992 | };
993 | name = Release;
994 | };
995 | 83CBBA201A601CBA00E9B192 /* Debug */ = {
996 | isa = XCBuildConfiguration;
997 | buildSettings = {
998 | ALWAYS_SEARCH_USER_PATHS = NO;
999 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
1000 | CLANG_CXX_LIBRARY = "libc++";
1001 | CLANG_ENABLE_MODULES = YES;
1002 | CLANG_ENABLE_OBJC_ARC = YES;
1003 | CLANG_WARN_BOOL_CONVERSION = YES;
1004 | CLANG_WARN_CONSTANT_CONVERSION = YES;
1005 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
1006 | CLANG_WARN_EMPTY_BODY = YES;
1007 | CLANG_WARN_ENUM_CONVERSION = YES;
1008 | CLANG_WARN_INFINITE_RECURSION = YES;
1009 | CLANG_WARN_INT_CONVERSION = YES;
1010 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
1011 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
1012 | CLANG_WARN_UNREACHABLE_CODE = YES;
1013 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
1014 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
1015 | COPY_PHASE_STRIP = NO;
1016 | ENABLE_STRICT_OBJC_MSGSEND = YES;
1017 | ENABLE_TESTABILITY = YES;
1018 | GCC_C_LANGUAGE_STANDARD = gnu99;
1019 | GCC_DYNAMIC_NO_PIC = NO;
1020 | GCC_NO_COMMON_BLOCKS = YES;
1021 | GCC_OPTIMIZATION_LEVEL = 0;
1022 | GCC_PREPROCESSOR_DEFINITIONS = (
1023 | "DEBUG=1",
1024 | "$(inherited)",
1025 | );
1026 | GCC_SYMBOLS_PRIVATE_EXTERN = NO;
1027 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
1028 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
1029 | GCC_WARN_UNDECLARED_SELECTOR = YES;
1030 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
1031 | GCC_WARN_UNUSED_FUNCTION = YES;
1032 | GCC_WARN_UNUSED_VARIABLE = YES;
1033 | IPHONEOS_DEPLOYMENT_TARGET = 8.0;
1034 | MTL_ENABLE_DEBUG_INFO = YES;
1035 | ONLY_ACTIVE_ARCH = YES;
1036 | SDKROOT = iphoneos;
1037 | };
1038 | name = Debug;
1039 | };
1040 | 83CBBA211A601CBA00E9B192 /* Release */ = {
1041 | isa = XCBuildConfiguration;
1042 | buildSettings = {
1043 | ALWAYS_SEARCH_USER_PATHS = NO;
1044 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
1045 | CLANG_CXX_LIBRARY = "libc++";
1046 | CLANG_ENABLE_MODULES = YES;
1047 | CLANG_ENABLE_OBJC_ARC = YES;
1048 | CLANG_WARN_BOOL_CONVERSION = YES;
1049 | CLANG_WARN_CONSTANT_CONVERSION = YES;
1050 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
1051 | CLANG_WARN_EMPTY_BODY = YES;
1052 | CLANG_WARN_ENUM_CONVERSION = YES;
1053 | CLANG_WARN_INFINITE_RECURSION = YES;
1054 | CLANG_WARN_INT_CONVERSION = YES;
1055 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
1056 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
1057 | CLANG_WARN_UNREACHABLE_CODE = YES;
1058 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
1059 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
1060 | COPY_PHASE_STRIP = YES;
1061 | ENABLE_NS_ASSERTIONS = NO;
1062 | ENABLE_STRICT_OBJC_MSGSEND = YES;
1063 | GCC_C_LANGUAGE_STANDARD = gnu99;
1064 | GCC_NO_COMMON_BLOCKS = YES;
1065 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
1066 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
1067 | GCC_WARN_UNDECLARED_SELECTOR = YES;
1068 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
1069 | GCC_WARN_UNUSED_FUNCTION = YES;
1070 | GCC_WARN_UNUSED_VARIABLE = YES;
1071 | IPHONEOS_DEPLOYMENT_TARGET = 8.0;
1072 | MTL_ENABLE_DEBUG_INFO = NO;
1073 | SDKROOT = iphoneos;
1074 | VALIDATE_PRODUCT = YES;
1075 | };
1076 | name = Release;
1077 | };
1078 | /* End XCBuildConfiguration section */
1079 |
1080 | /* Begin XCConfigurationList section */
1081 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */ = {
1082 | isa = XCConfigurationList;
1083 | buildConfigurations = (
1084 | 00E356F61AD99517003FC87E /* Debug */,
1085 | 00E356F71AD99517003FC87E /* Release */,
1086 | );
1087 | defaultConfigurationIsVisible = 0;
1088 | defaultConfigurationName = Release;
1089 | };
1090 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */ = {
1091 | isa = XCConfigurationList;
1092 | buildConfigurations = (
1093 | 13B07F941A680F5B00A75B9A /* Debug */,
1094 | 13B07F951A680F5B00A75B9A /* Release */,
1095 | );
1096 | defaultConfigurationIsVisible = 0;
1097 | defaultConfigurationName = Release;
1098 | };
1099 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */ = {
1100 | isa = XCConfigurationList;
1101 | buildConfigurations = (
1102 | 83CBBA201A601CBA00E9B192 /* Debug */,
1103 | 83CBBA211A601CBA00E9B192 /* Release */,
1104 | );
1105 | defaultConfigurationIsVisible = 0;
1106 | defaultConfigurationName = Release;
1107 | };
1108 | /* End XCConfigurationList section */
1109 | };
1110 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
1111 | }
1112 |
--------------------------------------------------------------------------------
/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 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/example/ios/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 | $(PRODUCT_BUNDLE_IDENTIFIER)
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 | NSAppTransportSecurity
26 |
27 | NSExceptionDomains
28 |
29 | localhost
30 |
31 | NSExceptionAllowsInsecureHTTPLoads
32 |
33 |
34 |
35 |
36 | NSLocationWhenInUseUsageDescription
37 |
38 | UIAppFonts
39 |
40 | Ionicons.ttf
41 | Foundation.ttf
42 | FontAwesome.ttf
43 | MaterialIcons.ttf
44 | Entypo.ttf
45 | EvilIcons.ttf
46 | FontAwesome.ttf
47 | Foundation.ttf
48 | Ionicons.ttf
49 | MaterialIcons.ttf
50 | Octicons.ttf
51 | SimpleLineIcons.ttf
52 | Zocial.ttf
53 | MaterialCommunityIcons.ttf
54 |
55 | UILaunchStoryboardName
56 | LaunchScreen
57 | UIRequiredDeviceCapabilities
58 |
59 | armv7
60 |
61 | UISupportedInterfaceOrientations
62 |
63 | UIInterfaceOrientationPortrait
64 | UIInterfaceOrientationLandscapeLeft
65 | UIInterfaceOrientationLandscapeRight
66 |
67 | UIViewControllerBasedStatusBarAppearance
68 |
69 |
70 |
--------------------------------------------------------------------------------
/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 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | BNDL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 |
24 |
25 |
--------------------------------------------------------------------------------
/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 | "devDependencies": {
10 | "babel": "^6.5.2",
11 | "babel-jest": "18.0.0",
12 | "babel-preset-react-native": "1.9.1",
13 | "cross-env": "^3.1.4",
14 | "jest": "18.1.0",
15 | "react-test-renderer": "~15.4.0-rc.4",
16 | "webpack": "^1.14.0"
17 | },
18 | "peerDependencies": {
19 | "react": ">=15.4.0",
20 | "react-native": ">=0.40",
21 | "styled-components": ">=1.4",
22 | "react-native-vector-icons": ">=4.0.0"
23 | },
24 | "dependencies": {
25 | "immutable": "^3.8.1",
26 | "react": ">=15.4.0",
27 | "react-native": "^0.42.3",
28 | "react-native-clean-form": "file:../",
29 | "react-native-vector-icons": ">=4.0.0",
30 | "react-redux": "^5.0.1",
31 | "redux": "^3.6.0",
32 | "redux-form": "^6.4.3",
33 | "redux-immutablejs": "0.0.8",
34 | "styled-components": "^1.4"
35 | },
36 | "jest": {
37 | "preset": "react-native"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/example/src/Form.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { reduxForm } from 'redux-form/immutable'
3 | import {
4 | ActionsContainer,
5 | Button,
6 | FieldsContainer,
7 | Fieldset,
8 | Form,
9 | FormGroup,
10 | Label,
11 | } from 'react-native-clean-form'
12 | import {
13 | Input,
14 | Select,
15 | Switch
16 | } from 'react-native-clean-form/redux-form-immutable'
17 | import { View,Text } from 'react-native'
18 |
19 | const onSubmit = (values, dispatch) => {
20 | return new Promise((resolve) => {
21 | setTimeout(() => {
22 | console.log(values.toJS())
23 | resolve()
24 | }, 1500)
25 | })
26 | }
27 |
28 | const countryOptions = [
29 | {label: 'Denmark', value: 'DK'},
30 | {label: 'Germany', value: 'DE'},
31 | {label: 'United State', value: 'US'}
32 | ]
33 |
34 | class FormView extends Component {
35 | render() {
36 | const { handleSubmit, submitting } = this.props
37 |
38 | return (
39 |
65 | )
66 | }
67 | }
68 |
69 | export default reduxForm({
70 | form: 'Form',
71 | validate: values => {
72 | const errors = {}
73 |
74 | values = values.toJS()
75 |
76 | if (!values.first_name) {
77 | errors.first_name = 'First name is required.'
78 | }
79 |
80 | if (!values.last_name) {
81 | errors.last_name = 'Last name is required.'
82 | }
83 |
84 | if (!values.email) {
85 | errors.email = 'Email is required.'
86 | }
87 |
88 | return errors
89 | }
90 | })(FormView)
91 |
--------------------------------------------------------------------------------
/example/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { createStore } from 'redux'
3 | import { Provider } from 'react-redux'
4 | import { combineReducers } from 'redux-immutablejs'
5 | import { reducer as form } from 'redux-form/immutable'
6 | import { fromJS } from 'immutable'
7 | import Form from './Form'
8 | import { View } from 'react-native'
9 |
10 | const reducer = combineReducers({ form })
11 | const store = createStore(reducer, fromJS({}))
12 |
13 | const Container = props => {
14 | return (
15 |
16 |
17 |
18 | )
19 | }
20 |
21 | export default Container
22 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | import ActionsContainer from './src/ActionsContainer'
2 | import Button from './src/Button'
3 | import FieldsContainer from './src/FieldsContainer'
4 | import Fieldset from './src/Fieldset'
5 | import Form from './src/Form'
6 | import FormGroup from './src/FormGroup'
7 | import Input from './src/Input'
8 | import Label from './src/Label'
9 | import Select from './src/Select'
10 | import Switch from './src/Switch'
11 | import Theme from './src/Theme'
12 |
13 | export {
14 | ActionsContainer,
15 | Button,
16 | FieldsContainer,
17 | Fieldset,
18 | Form,
19 | FormGroup,
20 | Input,
21 | Label,
22 | Select,
23 | Switch,
24 | Theme
25 | }
26 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-native-clean-form",
3 | "version": "0.5.0",
4 | "description": "An example of creating mobile forms with React Native, styled-components and redux-form",
5 | "main": "index.js",
6 | "directories": {
7 | "example": "example"
8 | },
9 | "scripts": {
10 | },
11 | "repository": {
12 | "type": "git",
13 | "url": "git+https://github.com/esbenp/react-native-clean-form.git"
14 | },
15 | "keywords": [
16 | "react-native",
17 | "redux-form",
18 | "immutable.js",
19 | "styled-components"
20 | ],
21 | "author": "Esben Petersen ",
22 | "license": "MIT",
23 | "bugs": {
24 | "url": "https://github.com/esbenp/react-native-clean-form/issues"
25 | },
26 | "homepage": "https://github.com/esbenp/react-native-clean-form#readme",
27 | "files": [
28 | "src",
29 | "redux-form.js",
30 | "redux-form-immutable.js"
31 | ],
32 | "devDependencies": {
33 | "react-native": "~0.40.0"
34 | },
35 | "peerDependencies": {
36 | "react-native": "*"
37 | },
38 | "dependencies": {
39 | "styled-components": ">=1.4",
40 | "react-native-universal-picker": "^1.1.0",
41 | "react-native-vector-icons": ">=4.0.0",
42 | "prop-types": "^15.6.0"
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/redux-form-immutable.js:
--------------------------------------------------------------------------------
1 | module.exports = require('./src/redux-form/immutable')
2 |
--------------------------------------------------------------------------------
/redux-form.js:
--------------------------------------------------------------------------------
1 | module.exports = require('./src/redux-form/index')
2 |
--------------------------------------------------------------------------------
/src/ActionsContainer.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { View } from 'react-native'
3 | import styled from 'styled-components/native'
4 | import defaultTheme from './Theme'
5 |
6 | const ButtonGroup = styled.View`
7 | height: ${props => props.theme.Button.height};
8 | `
9 |
10 | ButtonGroup.defaultProps = {
11 | theme: defaultTheme,
12 | componentName: 'ButtonGroup'
13 | }
14 |
15 | export default ButtonGroup
16 |
--------------------------------------------------------------------------------
/src/Button.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {
3 | ActivityIndicator,
4 | Platform,
5 | Text,
6 | TouchableNativeFeedback,
7 | TouchableOpacity,
8 | View
9 | } from 'react-native'
10 | import styled from 'styled-components/native'
11 | import PropTypes from 'prop-types'
12 | import Icon from 'react-native-vector-icons/Ionicons'
13 | import defaultTheme from './Theme'
14 |
15 | const ButtonWrapper = styled.View`
16 | flex:1;
17 | align-self: stretch;
18 | flex-direction: column;
19 | justify-content: center;
20 | `
21 |
22 | const ButtonStyle = styled.View`
23 | backgroundColor: ${props => props.theme.Button.backgroundColor};
24 | height: ${props => props.theme.Button.height};
25 | `
26 |
27 | ButtonStyle.defaultProps = {
28 | theme: defaultTheme
29 | }
30 |
31 | const ButtonTextWrapper = styled.View`
32 | flex:1;
33 | flex-direction: row;
34 | justify-content: center;
35 | align-items: center;
36 | `
37 |
38 | const ButtonText = styled.Text`
39 | color: ${props => props.theme.Button.color};
40 | font-size: ${props => props.theme.Button.fontSize};
41 | font-weight: ${props => props.theme.Button.fontWeight};
42 | `
43 |
44 | ButtonText.defaultProps = {
45 | theme: defaultTheme,
46 | componentName: 'Button'
47 | }
48 |
49 | const Button = props => {
50 | const { children : label, icon, iconPlacement, submitting, theme, ...rest } = props
51 |
52 | const Touchable = Platform.OS === 'android'
53 | ? TouchableNativeFeedback
54 | : TouchableOpacity
55 |
56 | const formattedLabel = Platform.OS === 'android'
57 | ? label.toUpperCase()
58 | : label
59 |
60 | const children = [
61 | formattedLabel
62 | ]
63 |
64 | let IconWrapped = null
65 | if (icon || submitting) {
66 | const IconComponent = submitting
67 | ?
68 | :
69 |
70 | const prop = iconPlacement === 'left'
71 | ? 'marginRight'
72 | : 'marginLeft'
73 |
74 | IconWrapped = React.createElement(View, {
75 | children: IconComponent,
76 | style: {
77 | [prop]: 5
78 | }
79 | })
80 | }
81 |
82 | return (
83 |
84 |
85 |
86 |
87 | {iconPlacement === 'left' && IconWrapped}
88 |
89 | { children }
90 |
91 | {iconPlacement === 'right' && IconWrapped}
92 |
93 |
94 |
95 |
96 | )
97 | }
98 |
99 | Button.propTypes = {
100 | children: PropTypes.string.isRequired,
101 | icon: PropTypes.string,
102 | iconPlacement: PropTypes.oneOf(['left', 'right']),
103 | submitting: PropTypes.bool
104 | }
105 |
106 | Button.defaultProps = {
107 | icon: false,
108 | iconPlacement: 'left',
109 | submitting: false,
110 | theme: defaultTheme
111 | }
112 |
113 | export default Button
114 |
--------------------------------------------------------------------------------
/src/FieldsContainer.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styled from 'styled-components/native'
3 |
4 | const FieldsContainer = styled.View`
5 | flex:1;
6 | `
7 |
8 | export default FieldsContainer
9 |
--------------------------------------------------------------------------------
/src/Fieldset.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Text, View } from 'react-native'
3 | import PropTypes from 'prop-types'
4 | import styled from 'styled-components/native'
5 | import defaultTheme from './Theme'
6 |
7 | const FieldsetLabelText = styled.Text`
8 | color: ${props => props.theme.Fieldset.labelColor };
9 | fontSize: ${props => props.theme.Fieldset.labelSize };
10 | fontWeight: ${props => props.theme.Fieldset.labelWeight };
11 | height: ${props => props.theme.Fieldset.labelHeight };
12 | `
13 |
14 | FieldsetLabelText.defaultProps = {
15 | theme: defaultTheme
16 | }
17 |
18 | const FieldsetLabel = props => { props.children }
19 |
20 | const FieldsetWrapper = styled.View`
21 | borderBottomColor: ${props => props.theme.Fieldset.borderBottomColor };
22 | borderBottomWidth: ${props => props.last ? 0 : props.theme.Fieldset.borderBottomWidth };
23 | paddingTop : ${props => props.theme.Fieldset.paddingTop };
24 | paddingRight : ${props => props.theme.Fieldset.paddingRight };
25 | paddingBottom : ${props => props.theme.Fieldset.paddingBottom };
26 | paddingLeft : ${props => props.theme.Fieldset.paddingLeft };
27 | `
28 |
29 | FieldsetWrapper.defaultProps = {
30 | theme: defaultTheme
31 | }
32 |
33 | const FieldsetFormWrapper = styled.View`
34 |
35 | `
36 |
37 | const Fieldset = props => {
38 | const { children, label, last, theme } = props
39 |
40 | return (
41 |
42 | { /* text-transform is for some reason not supported in react native https://github.com/facebook/react-native/issues/2088 */ }
43 | { label && { label.toUpperCase() } }
44 |
45 | { children }
46 |
47 |
48 | )
49 | }
50 |
51 | Fieldset.propTypes = {
52 | last: PropTypes.bool,
53 | label: PropTypes.string
54 | }
55 |
56 | Fieldset.defaultProps = {
57 | componentName: 'Fieldset',
58 | last: false,
59 | label: false,
60 | theme: defaultTheme
61 | }
62 |
63 | export default Fieldset
64 |
--------------------------------------------------------------------------------
/src/Form.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { ScrollView, View } from 'react-native'
3 | import styled from 'styled-components/native'
4 |
5 | // Flex: 1 will force the form to take up remaining height of the view
6 | class Form extends Component {
7 | constructor(props) {
8 | super(props)
9 |
10 | this.state = {
11 | height: null
12 | }
13 |
14 | this.onLayout = this.onLayout.bind(this)
15 | }
16 |
17 | onLayout(e) {
18 | this.setState({
19 | height: e.nativeEvent.layout.height
20 | })
21 | }
22 |
23 | render() {
24 | const { children, ...rest } = this.props
25 |
26 | return (
27 |
28 |
29 | { children }
30 |
31 |
32 | )
33 | }
34 | }
35 |
36 | export default Form
37 |
--------------------------------------------------------------------------------
/src/FormGroup.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { View, TextInput } from 'react-native'
3 | import PropTypes from 'prop-types'
4 | import styled from 'styled-components/native'
5 | import _ from 'lodash'
6 | import defaultTheme from './Theme'
7 |
8 | /**
9 | * Calculate the height based on the given field properties.
10 | * The inline label and multiline properties affect the height.
11 | *
12 | * @param {Object} props
13 | * @returns {int}
14 | */
15 | const calculateHeight = (props) => {
16 | let height = props.theme.FormGroup.height
17 |
18 | if (props.multiline) {
19 | height = props.theme.FormGroup.height * props.numberOfLines
20 | }
21 |
22 | if (!props.inlineLabel) {
23 | height += props.theme.Label.stackedHeight
24 | }
25 |
26 | return (height)
27 | }
28 |
29 | const FormGroupWrapper = styled.View`
30 | align-items: ${props => props.inlineLabel ? 'center' : 'stretch' };
31 | border-color: ${props => props.error ? props.theme.FormGroup.errorBorderColor : props.theme.FormGroup.borderColor};
32 | border-radius: ${props => props.theme.FormGroup.borderRadius};
33 | border-style: ${props => props.theme.FormGroup.borderStyle};
34 | border-width: ${props => props.border ? props.theme.FormGroup.borderWidth : 0};
35 | flex-direction: ${props => props.inlineLabel ? 'row' : 'column' };
36 | justify-content: flex-start;
37 | height: ${props => calculateHeight(props)};
38 | marginBottom: ${props => props.theme.FormGroup.marginBottom};
39 | paddingTop : ${props => props.theme.FormGroup.paddingTop };
40 | paddingRight : ${props => props.theme.FormGroup.paddingRight };
41 | paddingBottom : ${props => props.theme.FormGroup.paddingBottom };
42 | paddingLeft : ${props => props.theme.FormGroup.paddingLeft };
43 | `
44 |
45 | FormGroupWrapper.defaultProps = {
46 | theme: defaultTheme,
47 | componentName: 'FormGroupWrapper'
48 | }
49 |
50 | const FormGroup = props => {
51 | const { border, error, inlineLabel, theme, multiline, numberOfLines, keyboardType, returnKeyType } = props
52 | const children = React.Children.map(props.children, child => {
53 | let subsetOfProps = {}
54 | if (child.props.componentName === 'Input') {
55 | const inputPropTypes = Object.keys(child.type.propTypes)
56 | subsetOfProps = _.pick(props, inputPropTypes);
57 | }
58 |
59 | return React.cloneElement(child, Object.assign({}, child.props, {
60 | inlineLabel, theme, ...subsetOfProps
61 | }))
62 | })
63 |
64 | return (
65 |
67 | { children }
68 |
69 | )
70 | }
71 |
72 | FormGroup.propTypes = {
73 | border: PropTypes.bool,
74 | error: PropTypes.bool,
75 | }
76 |
77 | FormGroup.defaultProps = {
78 | componentName: 'FormGroup',
79 | border: true,
80 | error: false,
81 | inlineLabel: true,
82 | numberOfLines: 1,
83 | multiline: false
84 | }
85 |
86 | export default FormGroup
87 |
--------------------------------------------------------------------------------
/src/Input.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {TextInput, View} from 'react-native'
3 | import PropTypes from 'prop-types'
4 | import styled from 'styled-components/native'
5 | import defaultTheme from './Theme'
6 |
7 | /**
8 | * Calculates the flex value based on the inlineLabel and numberOfLines
9 | * properties.
10 | *
11 | * @param {Object} props
12 | * @returns {string}
13 | */
14 | const calculateFlexValue = (props) => {
15 | let flex = 1
16 |
17 | if (props.multiline && props.numberOfLines > 0) {
18 | flex = props.numberOfLines + 1
19 | }
20 |
21 | if (props.inlineLabel) {
22 | flex = 0.5
23 | }
24 |
25 | return (flex)
26 | }
27 |
28 | /**
29 | * Decide how the text should be aligned for the input. This decision is based upon
30 | * the field properties. A multiline input should start top and not centered.
31 | *
32 | * @param {Object} props
33 | * @returns {string}
34 | */
35 | const determineTextOrientation = (props) => {
36 | let orientation = 'center'
37 |
38 | if (props.multiline && props.numberOfLines > 1) {
39 | orientation = 'top'
40 | }
41 |
42 | return (orientation)
43 | }
44 |
45 | // When doing stacked labels we want the input to be greedy
46 | const InputWrapper = styled.View`
47 | flex: ${props => calculateFlexValue(props)};
48 | justify-content: center;
49 | `
50 |
51 | InputWrapper.defaultProps = {
52 | theme: defaultTheme
53 | }
54 |
55 | // Subtract the border of the form group to have a full height input
56 | const StyledInput = styled.TextInput`
57 | flex: ${props => props.inlineLabel ? .5 : 1};
58 | color: ${props => props.theme.Input.color};
59 | font-size: ${props => props.theme.BaseInput.fontSize};
60 | line-height: ${props => props.theme.BaseInput.lineHeight};
61 | text-align-vertical: ${props => determineTextOrientation(props)};
62 | `
63 |
64 | StyledInput.defaultProps = {
65 | theme: defaultTheme
66 | }
67 |
68 | class Input extends React.Component {
69 | render() {
70 | return (
71 |
75 |
79 |
80 | )
81 | }
82 | }
83 |
84 | Input.propTypes = {
85 | ...TextInput.propTypes,
86 | inlineLabel: PropTypes.bool.isRequired
87 | }
88 |
89 | Input.defaultProps = {
90 | componentName: 'Input',
91 | inlineLabel: true,
92 | theme: defaultTheme
93 | }
94 |
95 | export default Input
96 |
--------------------------------------------------------------------------------
/src/Label.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Text, View, Platform } from 'react-native'
3 | import PropTypes from 'prop-types'
4 | import styled from 'styled-components/native'
5 | import defaultTheme from './Theme'
6 |
7 | const LabelWrapper = styled.View`
8 | flex: ${props => props.inlineLabel ? 0.5 : 1};
9 | flex-direction: ${props => props.inlineLabel ? 'row' : 'column'};
10 | flex-direction: column;
11 | justify-content: center;
12 | padding-left: ${Platform.OS === 'android' ? 5 : 0};
13 | marginTop: ${props => props.inlineLabel ? 0 : 5};
14 | `
15 |
16 | const LabelText = styled.Text`
17 | color: ${props => props.theme.Label.color};
18 | font-size: ${props => props.theme.Label.fontSize};
19 | `
20 |
21 | LabelText.defaultProps = {
22 | theme: defaultTheme,
23 | componentName: 'Label',
24 | }
25 |
26 | const Label = props => {
27 | const { children, inlineLabel, theme } = props
28 |
29 | return (
30 |
31 | { children }
32 |
33 | )
34 | }
35 |
36 | Label.propTypes = {
37 | children: PropTypes.string.isRequired
38 | }
39 |
40 | export default Label
41 |
--------------------------------------------------------------------------------
/src/Select.js:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react'
2 | import {
3 | Modal,
4 | Platform,
5 | Text,
6 | TouchableOpacity,
7 | View,
8 | } from 'react-native'
9 | import Picker from 'react-native-universal-picker'
10 | import PropTypes from 'prop-types'
11 | import styled from 'styled-components/native'
12 | import {default as BaseIcon} from 'react-native-vector-icons/Ionicons'
13 | import defaultTheme from './Theme'
14 |
15 | // TODO: FIXME
16 | const HaveNoIdeaWhyThisIsNeeded = 3
17 |
18 | const SelectLabel = styled.Text`
19 | color: ${props => props.theme.Input.color};
20 | font-size: ${props => props.theme.BaseInput.fontSize};
21 | flex:1;
22 | `
23 |
24 | SelectLabel.defaultProps = {
25 | theme: defaultTheme
26 | }
27 |
28 | const LabelIconWrapper = styled.View`
29 | justify-content: center;
30 | align-items: center;
31 | flex-direction:row;
32 | height: ${props => props.inlineLabel
33 | ? props.theme.FormGroup.height - props.theme.FormGroup.borderWidth * 2
34 | : props.theme.FormGroup.height - HaveNoIdeaWhyThisIsNeeded
35 | };
36 | `
37 |
38 | LabelIconWrapper.defaultProps = {
39 | theme: defaultTheme
40 | }
41 |
42 | const SelectWrapper = styled.View`
43 | flex: ${props => props.inlineLabel ? .5 : 1};
44 | height: ${props => props.inlineLabel
45 | ? props.theme.FormGroup.height - props.theme.FormGroup.borderWidth * 2
46 | : props.theme.FormGroup.height - HaveNoIdeaWhyThisIsNeeded
47 | };
48 | `
49 |
50 | SelectWrapper.defaultProps = {
51 | theme: defaultTheme
52 | }
53 |
54 | const Icon = styled(BaseIcon) `
55 | height:10;
56 | width:10;
57 | `
58 |
59 | class Select extends Component {
60 | state = {
61 | value: this.props.value
62 | }
63 |
64 | componentWillReceiveProps(nextProps) {
65 | if(nextProps.value !== this.state.value) this.onValueChange(nextProps.value)
66 | }
67 |
68 | onValueChange = (newValue) => {
69 | if(typeof this.props.onValueChange === 'function') this.props.onValueChange(newValue)
70 | this.setState({value: newValue})
71 | }
72 |
73 | render() {
74 | const {
75 | inlineLabel,
76 | labelKey,
77 | options,
78 | onValueChange,
79 | placeholder,
80 | valueKey,
81 | theme,
82 | ...rest
83 | } = this.props
84 | const {value} = this.state
85 |
86 | return
87 |
103 | {[{label: placeholder}, ...options].map(option =>
107 | )}
108 |
109 |
110 | }
111 | }
112 |
113 | Select.propTypes = {
114 | labelKey: PropTypes.string,
115 | placeholder: PropTypes.string,
116 | onValueChange: PropTypes.func,
117 | options: PropTypes.array.isRequired,
118 | valueKey: PropTypes.string
119 | }
120 |
121 | Select.defaultProps = {
122 | componentName: 'Select',
123 | placeholder: '',
124 | labelKey: 'label',
125 | valueKey: 'value',
126 | value: ''
127 | }
128 |
129 | export default Select
130 |
--------------------------------------------------------------------------------
/src/Switch.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Switch as BaseSwitch, View } from 'react-native'
3 | import styled from 'styled-components'
4 | import defaultTheme from './Theme'
5 |
6 | const Switch = styled(BaseSwitch)`
7 | `
8 |
9 | Switch.propTypes = BaseSwitch.propTypes
10 |
11 | Switch.defaultProps = Object.assign({}, BaseSwitch.defaultProps, {
12 | theme: defaultTheme,
13 | componentName: 'Switch',
14 | })
15 |
16 | export default Switch
17 |
--------------------------------------------------------------------------------
/src/Theme.js:
--------------------------------------------------------------------------------
1 | const Theme = {
2 | Button: {
3 | backgroundColor: '#4286dd',
4 | color: '#fff',
5 | fontSize: 12,
6 | fontWeight: 700,
7 | height: 45
8 | },
9 | ErrorMessage: {
10 | color: 'red',
11 | fontSize: 10,
12 | marginBottom: 15,
13 | textAlign: 'right'
14 | },
15 | Fieldset: {
16 | borderBottomWidth: 1,
17 | borderBottomColor: '#ddd',
18 | labelColor: '#909090',
19 | labelSize: 9,
20 | labelWeight: 700,
21 | labelHeight: 25,
22 | paddingTop: 12,
23 | paddingBottom: 12,
24 | paddingLeft: 8,
25 | paddingRight: 8,
26 | },
27 | FormGroup: {
28 | borderColor: '#ebebeb',
29 | borderRadius: 3,
30 | borderStyle: 'solid',
31 | borderWidth: 1,
32 | errorBorderColor: 'red',
33 | height: 35,
34 | marginBottom: 10,
35 | paddingTop: 0,
36 | paddingBottom: 0,
37 | paddingLeft: 10,
38 | paddingRight: 10,
39 | },
40 | BaseInput: {
41 | placeholderColor: '#c9c9c9',
42 | fontSize: 12,
43 | lineHeight: 18
44 | },
45 | Input: {
46 | color: '#313131',
47 | },
48 | Label: {
49 | color: '#bfc2c9',
50 | fontSize: 12,
51 | stackedHeight: 40
52 | },
53 | Select: {
54 |
55 | }
56 | }
57 |
58 | export default Theme
59 |
--------------------------------------------------------------------------------
/src/redux-form/createInputCreator.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { View } from 'react-native'
3 | import PropTypes from 'prop-types'
4 | import { FormGroup, Label } from '../../index'
5 | import styled from 'styled-components/native'
6 | import defaultTheme from '../Theme'
7 |
8 | const ErrorMessage = styled.Text`
9 | color: ${props => props.theme.ErrorMessage.color};
10 | fontSize: ${props => props.theme.ErrorMessage.fontSize};
11 | marginBottom: ${props => props.theme.ErrorMessage.marginBottom};
12 | textAlign: ${props => props.theme.ErrorMessage.textAlign};
13 | `
14 |
15 | ErrorMessage.defaultProps = {
16 | theme: defaultTheme
17 | }
18 |
19 | const render = renderComponent => props => {
20 | const { border, input : { onChange, ...restInput }, label, inlineLabel, theme, meta: { touched, error } } = props
21 |
22 | return (
23 |
24 |
25 | { label }
26 | { renderComponent(props) }
27 |
28 | { touched && error && { error } }
29 |
30 | )
31 | }
32 |
33 |
34 | const createInputCreator = ReduxFormFieldComponent => (name, renderFunction, PropTypesOverrides = {}, defaultProps = {}) => {
35 | const Component = render(renderFunction)
36 | Component.displayName = name
37 |
38 | const FieldWrapper = props => {
39 | const { component, name, ...rest } = props
40 |
41 | return
42 | }
43 |
44 | FieldWrapper.displayName = 'FieldWrapper'
45 | FieldWrapper.propTypes = Object.assign({
46 | border: PropTypes.bool,
47 | inlineLabel: PropTypes.bool,
48 | label: PropTypes.string.isRequired,
49 | name: PropTypes.string.isRequired
50 | }, PropTypesOverrides)
51 | FieldWrapper.defaultProps = Object.assign({
52 | border: FormGroup.defaultProps.border,
53 | inlineLabel: FormGroup.defaultProps.inlineLabel
54 | }, defaultProps)
55 |
56 | return FieldWrapper
57 | }
58 |
59 | export default createInputCreator
60 |
--------------------------------------------------------------------------------
/src/redux-form/createInputs.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {Text, View} from 'react-native'
3 | import {
4 | Field
5 | } from 'redux-form/immutable'
6 | import {
7 | Input as InputRenderer,
8 | Select as SelectRenderer,
9 | Switch as SwitchRenderer
10 | } from '../../index'
11 |
12 | const createInputs = inputCreator => {
13 | const renderInput = ({input: {onChange, ...restInput}, ...rest}) => (
14 |
15 | )
16 | const Input = inputCreator('Input', renderInput, InputRenderer.propTypes, InputRenderer.defaultProps)
17 |
18 | const renderSelect = ({input: {onChange, ...restInput}, ...rest}) => (
19 |
20 | )
21 | const Select = inputCreator('Select', renderSelect, SelectRenderer.propTypes, SelectRenderer.defaultProps)
22 |
23 | const renderSwitch = ({input: {onChange, value, ...restInput}, ...rest}) => (
24 |
25 | )
26 | const Switch = inputCreator('Switch', renderSwitch, SwitchRenderer.propTypes, SwitchRenderer.defaultProps)
27 |
28 | return {
29 | Input,
30 | Select,
31 | Switch
32 | }
33 | }
34 |
35 | export default createInputs
36 |
--------------------------------------------------------------------------------
/src/redux-form/immutable.js:
--------------------------------------------------------------------------------
1 | import createInputs from './createInputs'
2 | import createInputCreator from './createInputCreator'
3 | import { Field } from 'redux-form/immutable'
4 |
5 | const {
6 | Input,
7 | Select,
8 | Switch
9 | } = createInputs(createInputCreator(Field))
10 |
11 | export {
12 | Input,
13 | Select,
14 | Switch
15 | }
16 |
--------------------------------------------------------------------------------
/src/redux-form/index.js:
--------------------------------------------------------------------------------
1 | import createInputs from './createInputs'
2 | import createInputCreator from './createInputCreator'
3 | import { Field } from 'redux-form'
4 |
5 | const {
6 | Input,
7 | Select,
8 | Switch
9 | } = createInputs(createInputCreator(Field))
10 |
11 | export {
12 | Input,
13 | Select,
14 | Switch
15 | }
16 |
--------------------------------------------------------------------------------