├── .babelrc ├── .editorconfig ├── .eslintrc.js ├── .gitattributes ├── .gitignore ├── .npmignore ├── .prettierrc ├── .travis.yml ├── LICENSE ├── README.md ├── demo.gif ├── enzyme.js ├── example ├── .babelrc ├── .buckconfig ├── .flowconfig ├── .gitattributes ├── .gitignore ├── .watchmanconfig ├── App.js ├── README.md ├── android │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── gridlistexample │ │ │ │ ├── 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 ├── app.json ├── demo.gif ├── index.js ├── ios │ ├── GridListExample-tvOS │ │ └── Info.plist │ ├── GridListExample-tvOSTests │ │ └── Info.plist │ ├── GridListExample.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ ├── GridListExample-tvOS.xcscheme │ │ │ └── GridListExample.xcscheme │ ├── GridListExample │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ ├── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── GridListExampleTests │ │ ├── GridListExampleTests.m │ │ └── Info.plist ├── package.json ├── scripts │ └── watch-and-copy.js └── yarn.lock ├── index.js ├── package.json ├── src ├── components │ ├── GridList │ │ ├── __snapshots__ │ │ │ └── test.js.snap │ │ ├── index.js │ │ ├── styles.js │ │ └── test.js │ └── index.js └── themes │ ├── colors.js │ ├── index.js │ └── layout.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # This file is for unifying the coding style for different editors and IDEs 2 | # editorconfig.org 3 | root = true 4 | 5 | [*] 6 | end_of_line = lf 7 | charset = utf-8 8 | trim_trailing_whitespace = false 9 | insert_final_newline = true 10 | indent_style = space 11 | 12 | [{*.yml,*.json,*.scss,*.js}] 13 | indent_style = space 14 | indent_size = 2 15 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: [ 3 | 'airbnb', 4 | 'plugin:flowtype/recommended', 5 | 'plugin:react/recommended', 6 | 'prettier', 7 | 'prettier/flowtype', 8 | 'prettier/react', 9 | ], 10 | plugins: ['flowtype', 'react', 'prettier', 'react-native'], 11 | parserOptions: { 12 | ecmaVersion: 2016, 13 | sourceType: 'module', 14 | ecmaFeatures: { 15 | jsx: true, 16 | }, 17 | }, 18 | env: { 19 | es6: true, 20 | node: true, 21 | }, 22 | rules: { 23 | 'comma-dangle': 0, 24 | 'consistent-return': 1, 25 | 'global-require': 0, 26 | 'import/extensions': [2, 'never'], 27 | 'import/no-extraneous-dependencies': 'off', 28 | 'import/no-unresolved': [2, { ignore: ['@'] }], 29 | 'import/prefer-default-export': 'off', 30 | 'import/no-named-as-default-member': 'off', 31 | 'no-case-declarations': 1, 32 | 'no-confusing-arrow': 0, 33 | 'no-console': 0, 34 | 'no-param-reassign': 0, 35 | 'no-return-assign': 1, 36 | 'no-shadow': 1, 37 | 'no-underscore-dangle': 0, 38 | 'no-use-before-define': 0, 39 | 'padded-blocks': 0, 40 | 'quote-props': 1, 41 | quotes: ['error', 'single'], 42 | 'react-native/no-unused-styles': 1, 43 | 'react-native/split-platform-components': 1, 44 | 'react/jsx-filename-extension': 0, 45 | 'react/no-array-index-key': 0, 46 | 'react/require-default-props': 0, 47 | 'react/forbid-prop-types': [0, { forbid: ['any', 'array'] }], 48 | 'react/jsx-no-bind': 1, 49 | 'react/no-multi-comp': 1, 50 | 'react/prefer-stateless-function': 1, 51 | 'react/display-name': 0, 52 | 'react/prefer-stateless-function': 'off', 53 | }, 54 | globals: { 55 | it: false, 56 | describe: false, 57 | expect: false, 58 | }, 59 | }; 60 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /.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 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 42 | *.keystore 43 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | example/ 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true 3 | } 4 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "8" 4 | notifications: 5 | email: 6 | on_success: never 7 | on_failure: always 8 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # :foggy: Grid list component 2 | 3 | ![platforms](https://img.shields.io/badge/platforms-Android%20|%20iOS-brightgreen.svg) 4 | [![npm](https://img.shields.io/npm/v/react-native-grid-list.svg)](https://www.npmjs.com/package/react-native-grid-list) 5 | [![npm](https://img.shields.io/npm/dm/react-native-grid-list.svg)](https://www.npmjs.com/package/react-native-grid-list) 6 | [![travis](https://travis-ci.org/gusgard/react-native-grid-list.svg?branch=master)](https://travis-ci.org/gusgard/react-native-grid-list) 7 | ![license](https://img.shields.io/npm/l/react-native-grid-list.svg) 8 | 9 | ![Demo](https://raw.githubusercontent.com/gusgard/react-native-grid-list/master/demo.gif) 10 | 11 | ## Installation 12 | 13 | ``` 14 | yarn add react-native-grid-list 15 | ``` 16 | 17 | or 18 | 19 | ``` 20 | npm install react-native-grid-list --save 21 | ``` 22 | 23 | ## Example 24 | 25 | ### Expo 26 | 27 | [Example](https://snack.expo.io/@gusgard/react-native-grid-list) 28 | 29 | ### Code 30 | 31 | ```js 32 | import React, { PureComponent } from 'react'; 33 | import { View, StyleSheet, Image } from 'react-native'; 34 | 35 | import GridList from 'react-native-grid-list'; 36 | 37 | const items = [ 38 | { thumbnail: { uri: 'https://lorempixel.com/200/200/animals' } }, 39 | { thumbnail: { uri: 'https://lorempixel.com/200/200/city' } }, 40 | { thumbnail: { uri: 'https://lorempixel.com/200/200/nature' } }, 41 | { thumbnail: { uri: 'https://lorempixel.com/200/200/cats' } }, 42 | ]; 43 | 44 | export default class App extends PureComponent { 45 | renderItem = ({ item, index }) => ( 46 | 47 | ); 48 | 49 | render() { 50 | return ( 51 | 52 | 58 | 59 | ); 60 | } 61 | } 62 | 63 | const styles = StyleSheet.create({ 64 | container: { 65 | flex: 1, 66 | backgroundColor: 'white', 67 | }, 68 | image: { 69 | width: '100%', 70 | height: '100%', 71 | borderRadius: 10, 72 | }, 73 | }); 74 | ``` 75 | 76 | Check the code [here](./example/README.md) 77 | 78 | You can use all the props from FlatList: 79 | http://facebook.github.io/react-native/docs/flatlist.html 80 | 81 | ## Props 82 | 83 | | Prop | Default | Type | Description | 84 | | :------------------------------ | :--------------------------------: | :-------------: | :----------------------------------------- | 85 | | children | - | `node` | Children elements | 86 | | data | _not required if children is used_ | `array` | Data to use in renderItem | 87 | | renderItem | _not required if children is used_ | `func` | Function that render each item of the grid | 88 | | numColumns | 3 | `number` | Number of elements in a row | 89 | | itemStyle | {} | `ViewPropTypes` | Style for the wrapper of item | 90 | | **Separator** | 91 | | showSeparator | false | `bool` | Show a separator between items | 92 | | separatorBorderWidth | 0 | `number` | Set separator width | 93 | | separatorBorderColor | 'white' | `string` | Set separator color | 94 | | **Animation** | 95 | | showAnimation | false | `bool` | Show an animation when load item | 96 | | animationInitialBackgroundColor | 'white' | `string` | Set initial backgroundColor for animation | 97 | | animationDuration | 500 | `number` | Duration of the animation | 98 | 99 | ## Author 100 | 101 | Gustavo Gard 102 | -------------------------------------------------------------------------------- /demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gusgard/react-native-grid-list/b1e7bcd19234a386e3faf253e5d221f3d1be2994/demo.gif -------------------------------------------------------------------------------- /enzyme.js: -------------------------------------------------------------------------------- 1 | import { configure } from 'enzyme'; 2 | import Adapter from 'enzyme-adapter-react-16'; 3 | 4 | configure({ adapter: new Adapter() }); 5 | -------------------------------------------------------------------------------- /example/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /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 | 16 | ; Ignore polyfills 17 | .*/Libraries/polyfills/.* 18 | 19 | [include] 20 | 21 | [libs] 22 | node_modules/react-native/Libraries/react-native/react-native-interface.js 23 | node_modules/react-native/flow/ 24 | 25 | [options] 26 | emoji=true 27 | 28 | module.system=haste 29 | 30 | munge_underscores=true 31 | 32 | 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' 33 | 34 | suppress_type=$FlowIssue 35 | suppress_type=$FlowFixMe 36 | suppress_type=$FlowFixMeProps 37 | suppress_type=$FlowFixMeState 38 | suppress_type=$FixMe 39 | 40 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 41 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 42 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 43 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 44 | 45 | unsafe.enable_getters_and_setters=true 46 | 47 | [version] 48 | ^0.56.0 49 | -------------------------------------------------------------------------------- /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 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 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://docs.fastlane.tools/best-practices/source-control/ 50 | 51 | */fastlane/report.xml 52 | */fastlane/Preview.html 53 | */fastlane/screenshots 54 | -------------------------------------------------------------------------------- /example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /example/App.js: -------------------------------------------------------------------------------- 1 | import React, { PureComponent } from 'react'; 2 | import { 3 | Dimensions, 4 | Text, 5 | ScrollView, 6 | Image, 7 | StyleSheet, 8 | View, 9 | } from 'react-native'; 10 | import GridList from 'react-native-grid-list'; 11 | 12 | export const { width, height } = Dimensions.get('window'); 13 | 14 | const newImage = { 15 | 0: 'business', 16 | 1: 'cats', 17 | 2: 'city', 18 | 3: 'food', 19 | 4: 'nightlife', 20 | 5: 'fashion', 21 | 6: 'people', 22 | 7: 'nature', 23 | 8: 'animals', 24 | 9: 'imageUrl', 25 | }; 26 | 27 | const image = index => ({ 28 | thumbnail: { 29 | uri: `https://lorempixel.com/200/200/${ 30 | newImage[index % (Object.keys(newImage).length - 1)] 31 | }`, 32 | }, 33 | }); 34 | 35 | const itemsAnimationAndSeparator = Array.from(Array(5)).map((_, index) => 36 | image(index), 37 | ); 38 | const itemsAnimation = Array.from(Array(6)).map((_, index) => image(index)); 39 | const itemsSeparator = Array.from(Array(4)).map((_, index) => image(index)); 40 | 41 | export default class App extends PureComponent { 42 | renderItemAnimationAndSeparator = ({ item, animation }) => ( 43 | animation.start()} 47 | /> 48 | ); 49 | renderItemAnimation = ({ item, animation }) => ( 50 | animation.start()} 54 | /> 55 | ); 56 | 57 | render() { 58 | return ( 59 | 60 | {/* AnimationAndSeparator */} 61 | Separator and animation when loading 62 | 63 | 73 | 74 | 75 | {/* Animation */} 76 | Animation when loading 77 | 78 | 84 | 85 | 86 | {/* Separator with children */} 87 | Separator with children 88 | 89 | 95 | 96 | 1 97 | 98 | 99 | 100 | 3 101 | 102 | 103 | 104 | 105 | 106 | ); 107 | } 108 | } 109 | 110 | const styles = StyleSheet.create({ 111 | container: { 112 | flex: 1, 113 | margin: '5%', 114 | }, 115 | girdAnimationAndSeparator: { 116 | backgroundColor: 'black', 117 | }, 118 | girdAnimation: { 119 | backgroundColor: 'tomato', 120 | }, 121 | girdSeparator: { 122 | borderWidth: 1, 123 | }, 124 | imageRadius: { 125 | width: '100%', 126 | height: '100%', 127 | borderRadius: 10, 128 | }, 129 | image: { 130 | width: '100%', 131 | height: '100%', 132 | }, 133 | child: { 134 | flex: 1, 135 | justifyContent: 'center', 136 | }, 137 | text: { 138 | fontSize: width * 0.2, 139 | textAlign: 'center', 140 | }, 141 | }); 142 | -------------------------------------------------------------------------------- /example/README.md: -------------------------------------------------------------------------------- 1 | # Installation 2 | 3 | ## Setup 4 | 5 | Run `yarn install` 6 | 7 | ## Start 8 | 9 | Run `yarn start` 10 | 11 | ## Simulator 12 | 13 | For an Android device `yarn android` 14 | 15 | For an iOS device `yarn ios` 16 | 17 | ![Demo](./demo.gif) 18 | -------------------------------------------------------------------------------- /example/android/app/BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | lib_deps = [] 12 | 13 | for jarfile in glob(['libs/*.jar']): 14 | name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')] 15 | lib_deps.append(':' + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | 21 | for aarfile in glob(['libs/*.aar']): 22 | name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')] 23 | lib_deps.append(':' + name) 24 | android_prebuilt_aar( 25 | name = name, 26 | aar = aarfile, 27 | ) 28 | 29 | android_library( 30 | name = "all-libs", 31 | exported_deps = lib_deps, 32 | ) 33 | 34 | android_library( 35 | name = "app-code", 36 | srcs = glob([ 37 | "src/main/java/**/*.java", 38 | ]), 39 | deps = [ 40 | ":all-libs", 41 | ":build_config", 42 | ":res", 43 | ], 44 | ) 45 | 46 | android_build_config( 47 | name = "build_config", 48 | package = "com.gridlistexample", 49 | ) 50 | 51 | android_resource( 52 | name = "res", 53 | package = "com.gridlistexample", 54 | res = "src/main/res", 55 | ) 56 | 57 | android_binary( 58 | name = "app", 59 | keystore = "//android/keystores:debug", 60 | manifest = "src/main/AndroidManifest.xml", 61 | package_type = "debug", 62 | deps = [ 63 | ":app-code", 64 | ], 65 | ) 66 | -------------------------------------------------------------------------------- /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 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 37 | * // for example: to disable dev mode in the staging build type (if configured) 38 | * devDisabledInStaging: true, 39 | * // The configuration property can be in the following formats 40 | * // 'devDisabledIn${productFlavor}${buildType}' 41 | * // 'devDisabledIn${buildType}' 42 | * 43 | * // the root of your project, i.e. where "package.json" lives 44 | * root: "../../", 45 | * 46 | * // where to put the JS bundle asset in debug mode 47 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 48 | * 49 | * // where to put the JS bundle asset in release mode 50 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 51 | * 52 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 53 | * // require('./image.png')), in debug mode 54 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 55 | * 56 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 57 | * // require('./image.png')), in release mode 58 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 59 | * 60 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 61 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 62 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 63 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 64 | * // for example, you might want to remove it from here. 65 | * inputExcludes: ["android/**", "ios/**"], 66 | * 67 | * // override which node gets called and with what additional arguments 68 | * nodeExecutableAndArgs: ["node"], 69 | * 70 | * // supply additional arguments to the packager 71 | * extraPackagerArgs: [] 72 | * ] 73 | */ 74 | 75 | project.ext.react = [ 76 | entryFile: "index.js" 77 | ] 78 | 79 | apply from: "../../node_modules/react-native/react.gradle" 80 | 81 | /** 82 | * Set this to true to create two separate APKs instead of one: 83 | * - An APK that only works on ARM devices 84 | * - An APK that only works on x86 devices 85 | * The advantage is the size of the APK is reduced by about 4MB. 86 | * Upload all the APKs to the Play Store and people will download 87 | * the correct one based on the CPU architecture of their device. 88 | */ 89 | def enableSeparateBuildPerCPUArchitecture = false 90 | 91 | /** 92 | * Run Proguard to shrink the Java bytecode in release builds. 93 | */ 94 | def enableProguardInReleaseBuilds = false 95 | 96 | android { 97 | compileSdkVersion 23 98 | buildToolsVersion "23.0.1" 99 | 100 | defaultConfig { 101 | applicationId "com.gridlistexample" 102 | minSdkVersion 16 103 | targetSdkVersion 22 104 | versionCode 1 105 | versionName "1.0" 106 | ndk { 107 | abiFilters "armeabi-v7a", "x86" 108 | } 109 | } 110 | splits { 111 | abi { 112 | reset() 113 | enable enableSeparateBuildPerCPUArchitecture 114 | universalApk false // If true, also generate a universal APK 115 | include "armeabi-v7a", "x86" 116 | } 117 | } 118 | buildTypes { 119 | release { 120 | minifyEnabled enableProguardInReleaseBuilds 121 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 122 | } 123 | } 124 | // applicationVariants are e.g. debug, release 125 | applicationVariants.all { variant -> 126 | variant.outputs.each { output -> 127 | // For each separate APK per architecture, set a unique version code as described here: 128 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 129 | def versionCodes = ["armeabi-v7a":1, "x86":2] 130 | def abi = output.getFilter(OutputFile.ABI) 131 | if (abi != null) { // null for the universal-debug, universal-release variants 132 | output.versionCodeOverride = 133 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 134 | } 135 | } 136 | } 137 | } 138 | 139 | dependencies { 140 | compile fileTree(dir: "libs", include: ["*.jar"]) 141 | compile "com.android.support:appcompat-v7:23.0.1" 142 | compile "com.facebook.react:react-native:+" // From node_modules 143 | } 144 | 145 | // Run this once to be able to run the application with BUCK 146 | // puts all compile dependencies into folder libs for BUCK to use 147 | task copyDownloadableDepsToLibs(type: Copy) { 148 | from configurations.compile 149 | into 'libs' 150 | } 151 | -------------------------------------------------------------------------------- /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 | # TextLayoutBuilder uses a non-public Android constructor within StaticLayout. 54 | # See libs/proxy/src/main/java/com/facebook/fbui/textlayoutbuilder/proxy for details. 55 | -dontwarn android.text.StaticLayout 56 | 57 | # okhttp 58 | 59 | -keepattributes Signature 60 | -keepattributes *Annotation* 61 | -keep class okhttp3.** { *; } 62 | -keep interface okhttp3.** { *; } 63 | -dontwarn okhttp3.** 64 | 65 | # okio 66 | 67 | -keep class sun.misc.Unsafe { *; } 68 | -dontwarn java.nio.file.* 69 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 70 | -dontwarn okio.** 71 | -------------------------------------------------------------------------------- /example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/gridlistexample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.gridlistexample; 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 "GridListExample"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/gridlistexample/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.gridlistexample; 2 | 3 | import android.app.Application; 4 | 5 | import com.facebook.react.ReactApplication; 6 | import com.facebook.react.ReactNativeHost; 7 | import com.facebook.react.ReactPackage; 8 | import com.facebook.react.shell.MainReactPackage; 9 | import com.facebook.soloader.SoLoader; 10 | 11 | import java.util.Arrays; 12 | import java.util.List; 13 | 14 | public class MainApplication extends Application implements ReactApplication { 15 | 16 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 17 | @Override 18 | public boolean getUseDeveloperSupport() { 19 | return BuildConfig.DEBUG; 20 | } 21 | 22 | @Override 23 | protected List getPackages() { 24 | return Arrays.asList( 25 | new MainReactPackage() 26 | ); 27 | } 28 | 29 | @Override 30 | protected String getJSMainModuleName() { 31 | return "index"; 32 | } 33 | }; 34 | 35 | @Override 36 | public ReactNativeHost getReactNativeHost() { 37 | return mReactNativeHost; 38 | } 39 | 40 | @Override 41 | public void onCreate() { 42 | super.onCreate(); 43 | SoLoader.init(this, /* native exopackage */ false); 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gusgard/react-native-grid-list/b1e7bcd19234a386e3faf253e5d221f3d1be2994/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/gusgard/react-native-grid-list/b1e7bcd19234a386e3faf253e5d221f3d1be2994/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/gusgard/react-native-grid-list/b1e7bcd19234a386e3faf253e5d221f3d1be2994/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/gusgard/react-native-grid-list/b1e7bcd19234a386e3faf253e5d221f3d1be2994/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | GridListExample 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:2.2.3' 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/gusgard/react-native-grid-list/b1e7bcd19234a386e3faf253e5d221f3d1be2994/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.14.1-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 | properties = "debug.keystore.properties", 4 | store = "debug.keystore", 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 = 'GridListExample' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "GridListExample", 3 | "displayName": "GridListExample" 4 | } -------------------------------------------------------------------------------- /example/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gusgard/react-native-grid-list/b1e7bcd19234a386e3faf253e5d221f3d1be2994/example/demo.gif -------------------------------------------------------------------------------- /example/index.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry } from 'react-native'; 2 | import App from './App'; 3 | 4 | AppRegistry.registerComponent('GridListExample', () => App); 5 | -------------------------------------------------------------------------------- /example/ios/GridListExample-tvOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /example/ios/GridListExample-tvOSTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/ios/GridListExample.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* GridListExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* GridListExampleTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 26 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 27 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 28 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */; }; 29 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; }; 30 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; }; 31 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; }; 32 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; }; 33 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; }; 34 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; }; 35 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; }; 36 | 2DCD954D1E0B4F2C00145EB5 /* GridListExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* GridListExampleTests.m */; }; 37 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 38 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 39 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */; }; 40 | /* End PBXBuildFile section */ 41 | 42 | /* Begin PBXContainerItemProxy section */ 43 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 44 | isa = PBXContainerItemProxy; 45 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 46 | proxyType = 2; 47 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 48 | remoteInfo = RCTActionSheet; 49 | }; 50 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 51 | isa = PBXContainerItemProxy; 52 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 53 | proxyType = 2; 54 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 55 | remoteInfo = RCTGeolocation; 56 | }; 57 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 58 | isa = PBXContainerItemProxy; 59 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 60 | proxyType = 2; 61 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 62 | remoteInfo = RCTImage; 63 | }; 64 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 65 | isa = PBXContainerItemProxy; 66 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 67 | proxyType = 2; 68 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 69 | remoteInfo = RCTNetwork; 70 | }; 71 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 72 | isa = PBXContainerItemProxy; 73 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 74 | proxyType = 2; 75 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 76 | remoteInfo = RCTVibration; 77 | }; 78 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 79 | isa = PBXContainerItemProxy; 80 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 81 | proxyType = 1; 82 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 83 | remoteInfo = GridListExample; 84 | }; 85 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 86 | isa = PBXContainerItemProxy; 87 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 88 | proxyType = 2; 89 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 90 | remoteInfo = RCTSettings; 91 | }; 92 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 93 | isa = PBXContainerItemProxy; 94 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 95 | proxyType = 2; 96 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 97 | remoteInfo = RCTWebSocket; 98 | }; 99 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 100 | isa = PBXContainerItemProxy; 101 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 102 | proxyType = 2; 103 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 104 | remoteInfo = React; 105 | }; 106 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 107 | isa = PBXContainerItemProxy; 108 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 109 | proxyType = 1; 110 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 111 | remoteInfo = "GridListExample-tvOS"; 112 | }; 113 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 114 | isa = PBXContainerItemProxy; 115 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 116 | proxyType = 2; 117 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 118 | remoteInfo = "RCTImage-tvOS"; 119 | }; 120 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 121 | isa = PBXContainerItemProxy; 122 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 123 | proxyType = 2; 124 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 125 | remoteInfo = "RCTLinking-tvOS"; 126 | }; 127 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 128 | isa = PBXContainerItemProxy; 129 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 130 | proxyType = 2; 131 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 132 | remoteInfo = "RCTNetwork-tvOS"; 133 | }; 134 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 135 | isa = PBXContainerItemProxy; 136 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 137 | proxyType = 2; 138 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 139 | remoteInfo = "RCTSettings-tvOS"; 140 | }; 141 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 142 | isa = PBXContainerItemProxy; 143 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 144 | proxyType = 2; 145 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 146 | remoteInfo = "RCTText-tvOS"; 147 | }; 148 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 149 | isa = PBXContainerItemProxy; 150 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 151 | proxyType = 2; 152 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 153 | remoteInfo = "RCTWebSocket-tvOS"; 154 | }; 155 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 156 | isa = PBXContainerItemProxy; 157 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 158 | proxyType = 2; 159 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 160 | remoteInfo = "React-tvOS"; 161 | }; 162 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 163 | isa = PBXContainerItemProxy; 164 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 165 | proxyType = 2; 166 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 167 | remoteInfo = yoga; 168 | }; 169 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 170 | isa = PBXContainerItemProxy; 171 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 172 | proxyType = 2; 173 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 174 | remoteInfo = "yoga-tvOS"; 175 | }; 176 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 177 | isa = PBXContainerItemProxy; 178 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 179 | proxyType = 2; 180 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 181 | remoteInfo = cxxreact; 182 | }; 183 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 184 | isa = PBXContainerItemProxy; 185 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 186 | proxyType = 2; 187 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 188 | remoteInfo = "cxxreact-tvOS"; 189 | }; 190 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 191 | isa = PBXContainerItemProxy; 192 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 193 | proxyType = 2; 194 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 195 | remoteInfo = jschelpers; 196 | }; 197 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 198 | isa = PBXContainerItemProxy; 199 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 200 | proxyType = 2; 201 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 202 | remoteInfo = "jschelpers-tvOS"; 203 | }; 204 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 205 | isa = PBXContainerItemProxy; 206 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 207 | proxyType = 2; 208 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 209 | remoteInfo = RCTAnimation; 210 | }; 211 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 212 | isa = PBXContainerItemProxy; 213 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 214 | proxyType = 2; 215 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 216 | remoteInfo = "RCTAnimation-tvOS"; 217 | }; 218 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 219 | isa = PBXContainerItemProxy; 220 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 221 | proxyType = 2; 222 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 223 | remoteInfo = RCTLinking; 224 | }; 225 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 226 | isa = PBXContainerItemProxy; 227 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 228 | proxyType = 2; 229 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 230 | remoteInfo = RCTText; 231 | }; 232 | ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */ = { 233 | isa = PBXContainerItemProxy; 234 | containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 235 | proxyType = 2; 236 | remoteGlobalIDString = 358F4ED71D1E81A9004DF814; 237 | remoteInfo = RCTBlob; 238 | }; 239 | /* End PBXContainerItemProxy section */ 240 | 241 | /* Begin PBXFileReference section */ 242 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 243 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 244 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 245 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 246 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 247 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 248 | 00E356EE1AD99517003FC87E /* GridListExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = GridListExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 249 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 250 | 00E356F21AD99517003FC87E /* GridListExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = GridListExampleTests.m; sourceTree = ""; }; 251 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 252 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 253 | 13B07F961A680F5B00A75B9A /* GridListExample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = GridListExample.app; sourceTree = BUILT_PRODUCTS_DIR; }; 254 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = GridListExample/AppDelegate.h; sourceTree = ""; }; 255 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = GridListExample/AppDelegate.m; sourceTree = ""; }; 256 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 257 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = GridListExample/Images.xcassets; sourceTree = ""; }; 258 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = GridListExample/Info.plist; sourceTree = ""; }; 259 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = GridListExample/main.m; sourceTree = ""; }; 260 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 261 | 2D02E47B1E0B4A5D006451C7 /* GridListExample-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "GridListExample-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 262 | 2D02E4901E0B4A5D006451C7 /* GridListExample-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "GridListExample-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 263 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 264 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 265 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 266 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTBlob.xcodeproj; path = "../node_modules/react-native/Libraries/Blob/RCTBlob.xcodeproj"; sourceTree = ""; }; 267 | /* End PBXFileReference section */ 268 | 269 | /* Begin PBXFrameworksBuildPhase section */ 270 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 271 | isa = PBXFrameworksBuildPhase; 272 | buildActionMask = 2147483647; 273 | files = ( 274 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 275 | ); 276 | runOnlyForDeploymentPostprocessing = 0; 277 | }; 278 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 279 | isa = PBXFrameworksBuildPhase; 280 | buildActionMask = 2147483647; 281 | files = ( 282 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */, 283 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 284 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 285 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 286 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 287 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 288 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 289 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 290 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 291 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 292 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 293 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 294 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 295 | ); 296 | runOnlyForDeploymentPostprocessing = 0; 297 | }; 298 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 299 | isa = PBXFrameworksBuildPhase; 300 | buildActionMask = 2147483647; 301 | files = ( 302 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */, 303 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */, 304 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */, 305 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */, 306 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */, 307 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */, 308 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */, 309 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */, 310 | ); 311 | runOnlyForDeploymentPostprocessing = 0; 312 | }; 313 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 314 | isa = PBXFrameworksBuildPhase; 315 | buildActionMask = 2147483647; 316 | files = ( 317 | ); 318 | runOnlyForDeploymentPostprocessing = 0; 319 | }; 320 | /* End PBXFrameworksBuildPhase section */ 321 | 322 | /* Begin PBXGroup section */ 323 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 324 | isa = PBXGroup; 325 | children = ( 326 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 327 | ); 328 | name = Products; 329 | sourceTree = ""; 330 | }; 331 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 332 | isa = PBXGroup; 333 | children = ( 334 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 335 | ); 336 | name = Products; 337 | sourceTree = ""; 338 | }; 339 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 340 | isa = PBXGroup; 341 | children = ( 342 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 343 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 344 | ); 345 | name = Products; 346 | sourceTree = ""; 347 | }; 348 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 349 | isa = PBXGroup; 350 | children = ( 351 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 352 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 353 | ); 354 | name = Products; 355 | sourceTree = ""; 356 | }; 357 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 358 | isa = PBXGroup; 359 | children = ( 360 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 361 | ); 362 | name = Products; 363 | sourceTree = ""; 364 | }; 365 | 00E356EF1AD99517003FC87E /* GridListExampleTests */ = { 366 | isa = PBXGroup; 367 | children = ( 368 | 00E356F21AD99517003FC87E /* GridListExampleTests.m */, 369 | 00E356F01AD99517003FC87E /* Supporting Files */, 370 | ); 371 | path = GridListExampleTests; 372 | sourceTree = ""; 373 | }; 374 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 375 | isa = PBXGroup; 376 | children = ( 377 | 00E356F11AD99517003FC87E /* Info.plist */, 378 | ); 379 | name = "Supporting Files"; 380 | sourceTree = ""; 381 | }; 382 | 139105B71AF99BAD00B5F7CC /* Products */ = { 383 | isa = PBXGroup; 384 | children = ( 385 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 386 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 387 | ); 388 | name = Products; 389 | sourceTree = ""; 390 | }; 391 | 139FDEE71B06529A00C62182 /* Products */ = { 392 | isa = PBXGroup; 393 | children = ( 394 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 395 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 396 | ); 397 | name = Products; 398 | sourceTree = ""; 399 | }; 400 | 13B07FAE1A68108700A75B9A /* GridListExample */ = { 401 | isa = PBXGroup; 402 | children = ( 403 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 404 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 405 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 406 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 407 | 13B07FB61A68108700A75B9A /* Info.plist */, 408 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 409 | 13B07FB71A68108700A75B9A /* main.m */, 410 | ); 411 | name = GridListExample; 412 | sourceTree = ""; 413 | }; 414 | 146834001AC3E56700842450 /* Products */ = { 415 | isa = PBXGroup; 416 | children = ( 417 | 146834041AC3E56700842450 /* libReact.a */, 418 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 419 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 420 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 421 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 422 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 423 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 424 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 425 | 3DAD3EA31DF850E9000B6D8A /* libReact-tvOS.a */, 426 | ); 427 | name = Products; 428 | sourceTree = ""; 429 | }; 430 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 431 | isa = PBXGroup; 432 | children = ( 433 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 434 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 435 | ); 436 | name = Products; 437 | sourceTree = ""; 438 | }; 439 | 78C398B11ACF4ADC00677621 /* Products */ = { 440 | isa = PBXGroup; 441 | children = ( 442 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 443 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 444 | ); 445 | name = Products; 446 | sourceTree = ""; 447 | }; 448 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 449 | isa = PBXGroup; 450 | children = ( 451 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 452 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 453 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 454 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */, 455 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 456 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 457 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 458 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 459 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 460 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 461 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 462 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 463 | ); 464 | name = Libraries; 465 | sourceTree = ""; 466 | }; 467 | 832341B11AAA6A8300B99B32 /* Products */ = { 468 | isa = PBXGroup; 469 | children = ( 470 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 471 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 472 | ); 473 | name = Products; 474 | sourceTree = ""; 475 | }; 476 | 83CBB9F61A601CBA00E9B192 = { 477 | isa = PBXGroup; 478 | children = ( 479 | 13B07FAE1A68108700A75B9A /* GridListExample */, 480 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 481 | 00E356EF1AD99517003FC87E /* GridListExampleTests */, 482 | 83CBBA001A601CBA00E9B192 /* Products */, 483 | ); 484 | indentWidth = 2; 485 | sourceTree = ""; 486 | tabWidth = 2; 487 | usesTabs = 0; 488 | }; 489 | 83CBBA001A601CBA00E9B192 /* Products */ = { 490 | isa = PBXGroup; 491 | children = ( 492 | 13B07F961A680F5B00A75B9A /* GridListExample.app */, 493 | 00E356EE1AD99517003FC87E /* GridListExampleTests.xctest */, 494 | 2D02E47B1E0B4A5D006451C7 /* GridListExample-tvOS.app */, 495 | 2D02E4901E0B4A5D006451C7 /* GridListExample-tvOSTests.xctest */, 496 | ); 497 | name = Products; 498 | sourceTree = ""; 499 | }; 500 | ADBDB9201DFEBF0600ED6528 /* Products */ = { 501 | isa = PBXGroup; 502 | children = ( 503 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */, 504 | ); 505 | name = Products; 506 | sourceTree = ""; 507 | }; 508 | /* End PBXGroup section */ 509 | 510 | /* Begin PBXNativeTarget section */ 511 | 00E356ED1AD99517003FC87E /* GridListExampleTests */ = { 512 | isa = PBXNativeTarget; 513 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "GridListExampleTests" */; 514 | buildPhases = ( 515 | 00E356EA1AD99517003FC87E /* Sources */, 516 | 00E356EB1AD99517003FC87E /* Frameworks */, 517 | 00E356EC1AD99517003FC87E /* Resources */, 518 | ); 519 | buildRules = ( 520 | ); 521 | dependencies = ( 522 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 523 | ); 524 | name = GridListExampleTests; 525 | productName = GridListExampleTests; 526 | productReference = 00E356EE1AD99517003FC87E /* GridListExampleTests.xctest */; 527 | productType = "com.apple.product-type.bundle.unit-test"; 528 | }; 529 | 13B07F861A680F5B00A75B9A /* GridListExample */ = { 530 | isa = PBXNativeTarget; 531 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "GridListExample" */; 532 | buildPhases = ( 533 | 13B07F871A680F5B00A75B9A /* Sources */, 534 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 535 | 13B07F8E1A680F5B00A75B9A /* Resources */, 536 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 537 | ); 538 | buildRules = ( 539 | ); 540 | dependencies = ( 541 | ); 542 | name = GridListExample; 543 | productName = "Hello World"; 544 | productReference = 13B07F961A680F5B00A75B9A /* GridListExample.app */; 545 | productType = "com.apple.product-type.application"; 546 | }; 547 | 2D02E47A1E0B4A5D006451C7 /* GridListExample-tvOS */ = { 548 | isa = PBXNativeTarget; 549 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "GridListExample-tvOS" */; 550 | buildPhases = ( 551 | 2D02E4771E0B4A5D006451C7 /* Sources */, 552 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 553 | 2D02E4791E0B4A5D006451C7 /* Resources */, 554 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 555 | ); 556 | buildRules = ( 557 | ); 558 | dependencies = ( 559 | ); 560 | name = "GridListExample-tvOS"; 561 | productName = "GridListExample-tvOS"; 562 | productReference = 2D02E47B1E0B4A5D006451C7 /* GridListExample-tvOS.app */; 563 | productType = "com.apple.product-type.application"; 564 | }; 565 | 2D02E48F1E0B4A5D006451C7 /* GridListExample-tvOSTests */ = { 566 | isa = PBXNativeTarget; 567 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "GridListExample-tvOSTests" */; 568 | buildPhases = ( 569 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 570 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 571 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 572 | ); 573 | buildRules = ( 574 | ); 575 | dependencies = ( 576 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 577 | ); 578 | name = "GridListExample-tvOSTests"; 579 | productName = "GridListExample-tvOSTests"; 580 | productReference = 2D02E4901E0B4A5D006451C7 /* GridListExample-tvOSTests.xctest */; 581 | productType = "com.apple.product-type.bundle.unit-test"; 582 | }; 583 | /* End PBXNativeTarget section */ 584 | 585 | /* Begin PBXProject section */ 586 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 587 | isa = PBXProject; 588 | attributes = { 589 | LastUpgradeCheck = 0610; 590 | ORGANIZATIONNAME = Facebook; 591 | TargetAttributes = { 592 | 00E356ED1AD99517003FC87E = { 593 | CreatedOnToolsVersion = 6.2; 594 | TestTargetID = 13B07F861A680F5B00A75B9A; 595 | }; 596 | 2D02E47A1E0B4A5D006451C7 = { 597 | CreatedOnToolsVersion = 8.2.1; 598 | ProvisioningStyle = Automatic; 599 | }; 600 | 2D02E48F1E0B4A5D006451C7 = { 601 | CreatedOnToolsVersion = 8.2.1; 602 | ProvisioningStyle = Automatic; 603 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 604 | }; 605 | }; 606 | }; 607 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "GridListExample" */; 608 | compatibilityVersion = "Xcode 3.2"; 609 | developmentRegion = English; 610 | hasScannedForEncodings = 0; 611 | knownRegions = ( 612 | en, 613 | Base, 614 | ); 615 | mainGroup = 83CBB9F61A601CBA00E9B192; 616 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 617 | projectDirPath = ""; 618 | projectReferences = ( 619 | { 620 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 621 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 622 | }, 623 | { 624 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 625 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 626 | }, 627 | { 628 | ProductGroup = ADBDB9201DFEBF0600ED6528 /* Products */; 629 | ProjectRef = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 630 | }, 631 | { 632 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 633 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 634 | }, 635 | { 636 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 637 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 638 | }, 639 | { 640 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 641 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 642 | }, 643 | { 644 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 645 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 646 | }, 647 | { 648 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 649 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 650 | }, 651 | { 652 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 653 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 654 | }, 655 | { 656 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 657 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 658 | }, 659 | { 660 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 661 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 662 | }, 663 | { 664 | ProductGroup = 146834001AC3E56700842450 /* Products */; 665 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 666 | }, 667 | ); 668 | projectRoot = ""; 669 | targets = ( 670 | 13B07F861A680F5B00A75B9A /* GridListExample */, 671 | 00E356ED1AD99517003FC87E /* GridListExampleTests */, 672 | 2D02E47A1E0B4A5D006451C7 /* GridListExample-tvOS */, 673 | 2D02E48F1E0B4A5D006451C7 /* GridListExample-tvOSTests */, 674 | ); 675 | }; 676 | /* End PBXProject section */ 677 | 678 | /* Begin PBXReferenceProxy section */ 679 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 680 | isa = PBXReferenceProxy; 681 | fileType = archive.ar; 682 | path = libRCTActionSheet.a; 683 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 684 | sourceTree = BUILT_PRODUCTS_DIR; 685 | }; 686 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 687 | isa = PBXReferenceProxy; 688 | fileType = archive.ar; 689 | path = libRCTGeolocation.a; 690 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 691 | sourceTree = BUILT_PRODUCTS_DIR; 692 | }; 693 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 694 | isa = PBXReferenceProxy; 695 | fileType = archive.ar; 696 | path = libRCTImage.a; 697 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 698 | sourceTree = BUILT_PRODUCTS_DIR; 699 | }; 700 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 701 | isa = PBXReferenceProxy; 702 | fileType = archive.ar; 703 | path = libRCTNetwork.a; 704 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 705 | sourceTree = BUILT_PRODUCTS_DIR; 706 | }; 707 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 708 | isa = PBXReferenceProxy; 709 | fileType = archive.ar; 710 | path = libRCTVibration.a; 711 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 712 | sourceTree = BUILT_PRODUCTS_DIR; 713 | }; 714 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 715 | isa = PBXReferenceProxy; 716 | fileType = archive.ar; 717 | path = libRCTSettings.a; 718 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 719 | sourceTree = BUILT_PRODUCTS_DIR; 720 | }; 721 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 722 | isa = PBXReferenceProxy; 723 | fileType = archive.ar; 724 | path = libRCTWebSocket.a; 725 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 726 | sourceTree = BUILT_PRODUCTS_DIR; 727 | }; 728 | 146834041AC3E56700842450 /* libReact.a */ = { 729 | isa = PBXReferenceProxy; 730 | fileType = archive.ar; 731 | path = libReact.a; 732 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 733 | sourceTree = BUILT_PRODUCTS_DIR; 734 | }; 735 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 736 | isa = PBXReferenceProxy; 737 | fileType = archive.ar; 738 | path = "libRCTImage-tvOS.a"; 739 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 740 | sourceTree = BUILT_PRODUCTS_DIR; 741 | }; 742 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 743 | isa = PBXReferenceProxy; 744 | fileType = archive.ar; 745 | path = "libRCTLinking-tvOS.a"; 746 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 747 | sourceTree = BUILT_PRODUCTS_DIR; 748 | }; 749 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 750 | isa = PBXReferenceProxy; 751 | fileType = archive.ar; 752 | path = "libRCTNetwork-tvOS.a"; 753 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 754 | sourceTree = BUILT_PRODUCTS_DIR; 755 | }; 756 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 757 | isa = PBXReferenceProxy; 758 | fileType = archive.ar; 759 | path = "libRCTSettings-tvOS.a"; 760 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 761 | sourceTree = BUILT_PRODUCTS_DIR; 762 | }; 763 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 764 | isa = PBXReferenceProxy; 765 | fileType = archive.ar; 766 | path = "libRCTText-tvOS.a"; 767 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 768 | sourceTree = BUILT_PRODUCTS_DIR; 769 | }; 770 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 771 | isa = PBXReferenceProxy; 772 | fileType = archive.ar; 773 | path = "libRCTWebSocket-tvOS.a"; 774 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 775 | sourceTree = BUILT_PRODUCTS_DIR; 776 | }; 777 | 3DAD3EA31DF850E9000B6D8A /* libReact-tvOS.a */ = { 778 | isa = PBXReferenceProxy; 779 | fileType = archive.ar; 780 | path = "libReact-tvOS.a"; 781 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 782 | sourceTree = BUILT_PRODUCTS_DIR; 783 | }; 784 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 785 | isa = PBXReferenceProxy; 786 | fileType = archive.ar; 787 | path = libyoga.a; 788 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 789 | sourceTree = BUILT_PRODUCTS_DIR; 790 | }; 791 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 792 | isa = PBXReferenceProxy; 793 | fileType = archive.ar; 794 | path = libyoga.a; 795 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 796 | sourceTree = BUILT_PRODUCTS_DIR; 797 | }; 798 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 799 | isa = PBXReferenceProxy; 800 | fileType = archive.ar; 801 | path = libcxxreact.a; 802 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 803 | sourceTree = BUILT_PRODUCTS_DIR; 804 | }; 805 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 806 | isa = PBXReferenceProxy; 807 | fileType = archive.ar; 808 | path = libcxxreact.a; 809 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 810 | sourceTree = BUILT_PRODUCTS_DIR; 811 | }; 812 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 813 | isa = PBXReferenceProxy; 814 | fileType = archive.ar; 815 | path = libjschelpers.a; 816 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 817 | sourceTree = BUILT_PRODUCTS_DIR; 818 | }; 819 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 820 | isa = PBXReferenceProxy; 821 | fileType = archive.ar; 822 | path = libjschelpers.a; 823 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 824 | sourceTree = BUILT_PRODUCTS_DIR; 825 | }; 826 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 827 | isa = PBXReferenceProxy; 828 | fileType = archive.ar; 829 | path = libRCTAnimation.a; 830 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 831 | sourceTree = BUILT_PRODUCTS_DIR; 832 | }; 833 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 834 | isa = PBXReferenceProxy; 835 | fileType = archive.ar; 836 | path = "libRCTAnimation-tvOS.a"; 837 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 838 | sourceTree = BUILT_PRODUCTS_DIR; 839 | }; 840 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 841 | isa = PBXReferenceProxy; 842 | fileType = archive.ar; 843 | path = libRCTLinking.a; 844 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 845 | sourceTree = BUILT_PRODUCTS_DIR; 846 | }; 847 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 848 | isa = PBXReferenceProxy; 849 | fileType = archive.ar; 850 | path = libRCTText.a; 851 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 852 | sourceTree = BUILT_PRODUCTS_DIR; 853 | }; 854 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */ = { 855 | isa = PBXReferenceProxy; 856 | fileType = archive.ar; 857 | path = libRCTBlob.a; 858 | remoteRef = ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */; 859 | sourceTree = BUILT_PRODUCTS_DIR; 860 | }; 861 | /* End PBXReferenceProxy section */ 862 | 863 | /* Begin PBXResourcesBuildPhase section */ 864 | 00E356EC1AD99517003FC87E /* Resources */ = { 865 | isa = PBXResourcesBuildPhase; 866 | buildActionMask = 2147483647; 867 | files = ( 868 | ); 869 | runOnlyForDeploymentPostprocessing = 0; 870 | }; 871 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 872 | isa = PBXResourcesBuildPhase; 873 | buildActionMask = 2147483647; 874 | files = ( 875 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 876 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 877 | ); 878 | runOnlyForDeploymentPostprocessing = 0; 879 | }; 880 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 881 | isa = PBXResourcesBuildPhase; 882 | buildActionMask = 2147483647; 883 | files = ( 884 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 885 | ); 886 | runOnlyForDeploymentPostprocessing = 0; 887 | }; 888 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 889 | isa = PBXResourcesBuildPhase; 890 | buildActionMask = 2147483647; 891 | files = ( 892 | ); 893 | runOnlyForDeploymentPostprocessing = 0; 894 | }; 895 | /* End PBXResourcesBuildPhase section */ 896 | 897 | /* Begin PBXShellScriptBuildPhase section */ 898 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 899 | isa = PBXShellScriptBuildPhase; 900 | buildActionMask = 2147483647; 901 | files = ( 902 | ); 903 | inputPaths = ( 904 | ); 905 | name = "Bundle React Native code and images"; 906 | outputPaths = ( 907 | ); 908 | runOnlyForDeploymentPostprocessing = 0; 909 | shellPath = /bin/sh; 910 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 911 | }; 912 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 913 | isa = PBXShellScriptBuildPhase; 914 | buildActionMask = 2147483647; 915 | files = ( 916 | ); 917 | inputPaths = ( 918 | ); 919 | name = "Bundle React Native Code And Images"; 920 | outputPaths = ( 921 | ); 922 | runOnlyForDeploymentPostprocessing = 0; 923 | shellPath = /bin/sh; 924 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 925 | }; 926 | /* End PBXShellScriptBuildPhase section */ 927 | 928 | /* Begin PBXSourcesBuildPhase section */ 929 | 00E356EA1AD99517003FC87E /* Sources */ = { 930 | isa = PBXSourcesBuildPhase; 931 | buildActionMask = 2147483647; 932 | files = ( 933 | 00E356F31AD99517003FC87E /* GridListExampleTests.m in Sources */, 934 | ); 935 | runOnlyForDeploymentPostprocessing = 0; 936 | }; 937 | 13B07F871A680F5B00A75B9A /* Sources */ = { 938 | isa = PBXSourcesBuildPhase; 939 | buildActionMask = 2147483647; 940 | files = ( 941 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 942 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 943 | ); 944 | runOnlyForDeploymentPostprocessing = 0; 945 | }; 946 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 947 | isa = PBXSourcesBuildPhase; 948 | buildActionMask = 2147483647; 949 | files = ( 950 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 951 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 952 | ); 953 | runOnlyForDeploymentPostprocessing = 0; 954 | }; 955 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 956 | isa = PBXSourcesBuildPhase; 957 | buildActionMask = 2147483647; 958 | files = ( 959 | 2DCD954D1E0B4F2C00145EB5 /* GridListExampleTests.m in Sources */, 960 | ); 961 | runOnlyForDeploymentPostprocessing = 0; 962 | }; 963 | /* End PBXSourcesBuildPhase section */ 964 | 965 | /* Begin PBXTargetDependency section */ 966 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 967 | isa = PBXTargetDependency; 968 | target = 13B07F861A680F5B00A75B9A /* GridListExample */; 969 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 970 | }; 971 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 972 | isa = PBXTargetDependency; 973 | target = 2D02E47A1E0B4A5D006451C7 /* GridListExample-tvOS */; 974 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 975 | }; 976 | /* End PBXTargetDependency section */ 977 | 978 | /* Begin PBXVariantGroup section */ 979 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 980 | isa = PBXVariantGroup; 981 | children = ( 982 | 13B07FB21A68108700A75B9A /* Base */, 983 | ); 984 | name = LaunchScreen.xib; 985 | path = GridListExample; 986 | sourceTree = ""; 987 | }; 988 | /* End PBXVariantGroup section */ 989 | 990 | /* Begin XCBuildConfiguration section */ 991 | 00E356F61AD99517003FC87E /* Debug */ = { 992 | isa = XCBuildConfiguration; 993 | buildSettings = { 994 | BUNDLE_LOADER = "$(TEST_HOST)"; 995 | GCC_PREPROCESSOR_DEFINITIONS = ( 996 | "DEBUG=1", 997 | "$(inherited)", 998 | ); 999 | INFOPLIST_FILE = GridListExampleTests/Info.plist; 1000 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1001 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1002 | OTHER_LDFLAGS = ( 1003 | "-ObjC", 1004 | "-lc++", 1005 | ); 1006 | PRODUCT_NAME = "$(TARGET_NAME)"; 1007 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/GridListExample.app/GridListExample"; 1008 | }; 1009 | name = Debug; 1010 | }; 1011 | 00E356F71AD99517003FC87E /* Release */ = { 1012 | isa = XCBuildConfiguration; 1013 | buildSettings = { 1014 | BUNDLE_LOADER = "$(TEST_HOST)"; 1015 | COPY_PHASE_STRIP = NO; 1016 | INFOPLIST_FILE = GridListExampleTests/Info.plist; 1017 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1018 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1019 | OTHER_LDFLAGS = ( 1020 | "-ObjC", 1021 | "-lc++", 1022 | ); 1023 | PRODUCT_NAME = "$(TARGET_NAME)"; 1024 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/GridListExample.app/GridListExample"; 1025 | }; 1026 | name = Release; 1027 | }; 1028 | 13B07F941A680F5B00A75B9A /* Debug */ = { 1029 | isa = XCBuildConfiguration; 1030 | buildSettings = { 1031 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1032 | CURRENT_PROJECT_VERSION = 1; 1033 | DEAD_CODE_STRIPPING = NO; 1034 | INFOPLIST_FILE = GridListExample/Info.plist; 1035 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1036 | OTHER_LDFLAGS = ( 1037 | "$(inherited)", 1038 | "-ObjC", 1039 | "-lc++", 1040 | ); 1041 | PRODUCT_NAME = GridListExample; 1042 | VERSIONING_SYSTEM = "apple-generic"; 1043 | }; 1044 | name = Debug; 1045 | }; 1046 | 13B07F951A680F5B00A75B9A /* Release */ = { 1047 | isa = XCBuildConfiguration; 1048 | buildSettings = { 1049 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1050 | CURRENT_PROJECT_VERSION = 1; 1051 | INFOPLIST_FILE = GridListExample/Info.plist; 1052 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1053 | OTHER_LDFLAGS = ( 1054 | "$(inherited)", 1055 | "-ObjC", 1056 | "-lc++", 1057 | ); 1058 | PRODUCT_NAME = GridListExample; 1059 | VERSIONING_SYSTEM = "apple-generic"; 1060 | }; 1061 | name = Release; 1062 | }; 1063 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 1064 | isa = XCBuildConfiguration; 1065 | buildSettings = { 1066 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1067 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1068 | CLANG_ANALYZER_NONNULL = YES; 1069 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1070 | CLANG_WARN_INFINITE_RECURSION = YES; 1071 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1072 | DEBUG_INFORMATION_FORMAT = dwarf; 1073 | ENABLE_TESTABILITY = YES; 1074 | GCC_NO_COMMON_BLOCKS = YES; 1075 | INFOPLIST_FILE = "GridListExample-tvOS/Info.plist"; 1076 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1077 | OTHER_LDFLAGS = ( 1078 | "-ObjC", 1079 | "-lc++", 1080 | ); 1081 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.GridListExample-tvOS"; 1082 | PRODUCT_NAME = "$(TARGET_NAME)"; 1083 | SDKROOT = appletvos; 1084 | TARGETED_DEVICE_FAMILY = 3; 1085 | TVOS_DEPLOYMENT_TARGET = 9.2; 1086 | }; 1087 | name = Debug; 1088 | }; 1089 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 1090 | isa = XCBuildConfiguration; 1091 | buildSettings = { 1092 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1093 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1094 | CLANG_ANALYZER_NONNULL = YES; 1095 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1096 | CLANG_WARN_INFINITE_RECURSION = YES; 1097 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1098 | COPY_PHASE_STRIP = NO; 1099 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1100 | GCC_NO_COMMON_BLOCKS = YES; 1101 | INFOPLIST_FILE = "GridListExample-tvOS/Info.plist"; 1102 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1103 | OTHER_LDFLAGS = ( 1104 | "-ObjC", 1105 | "-lc++", 1106 | ); 1107 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.GridListExample-tvOS"; 1108 | PRODUCT_NAME = "$(TARGET_NAME)"; 1109 | SDKROOT = appletvos; 1110 | TARGETED_DEVICE_FAMILY = 3; 1111 | TVOS_DEPLOYMENT_TARGET = 9.2; 1112 | }; 1113 | name = Release; 1114 | }; 1115 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 1116 | isa = XCBuildConfiguration; 1117 | buildSettings = { 1118 | BUNDLE_LOADER = "$(TEST_HOST)"; 1119 | CLANG_ANALYZER_NONNULL = YES; 1120 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1121 | CLANG_WARN_INFINITE_RECURSION = YES; 1122 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1123 | DEBUG_INFORMATION_FORMAT = dwarf; 1124 | ENABLE_TESTABILITY = YES; 1125 | GCC_NO_COMMON_BLOCKS = YES; 1126 | INFOPLIST_FILE = "GridListExample-tvOSTests/Info.plist"; 1127 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1128 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.GridListExample-tvOSTests"; 1129 | PRODUCT_NAME = "$(TARGET_NAME)"; 1130 | SDKROOT = appletvos; 1131 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/GridListExample-tvOS.app/GridListExample-tvOS"; 1132 | TVOS_DEPLOYMENT_TARGET = 10.1; 1133 | }; 1134 | name = Debug; 1135 | }; 1136 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 1137 | isa = XCBuildConfiguration; 1138 | buildSettings = { 1139 | BUNDLE_LOADER = "$(TEST_HOST)"; 1140 | CLANG_ANALYZER_NONNULL = YES; 1141 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1142 | CLANG_WARN_INFINITE_RECURSION = YES; 1143 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1144 | COPY_PHASE_STRIP = NO; 1145 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1146 | GCC_NO_COMMON_BLOCKS = YES; 1147 | INFOPLIST_FILE = "GridListExample-tvOSTests/Info.plist"; 1148 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1149 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.GridListExample-tvOSTests"; 1150 | PRODUCT_NAME = "$(TARGET_NAME)"; 1151 | SDKROOT = appletvos; 1152 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/GridListExample-tvOS.app/GridListExample-tvOS"; 1153 | TVOS_DEPLOYMENT_TARGET = 10.1; 1154 | }; 1155 | name = Release; 1156 | }; 1157 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 1158 | isa = XCBuildConfiguration; 1159 | buildSettings = { 1160 | ALWAYS_SEARCH_USER_PATHS = NO; 1161 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1162 | CLANG_CXX_LIBRARY = "libc++"; 1163 | CLANG_ENABLE_MODULES = YES; 1164 | CLANG_ENABLE_OBJC_ARC = YES; 1165 | CLANG_WARN_BOOL_CONVERSION = YES; 1166 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1167 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1168 | CLANG_WARN_EMPTY_BODY = YES; 1169 | CLANG_WARN_ENUM_CONVERSION = YES; 1170 | CLANG_WARN_INT_CONVERSION = YES; 1171 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1172 | CLANG_WARN_UNREACHABLE_CODE = YES; 1173 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1174 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1175 | COPY_PHASE_STRIP = NO; 1176 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1177 | GCC_C_LANGUAGE_STANDARD = gnu99; 1178 | GCC_DYNAMIC_NO_PIC = NO; 1179 | GCC_OPTIMIZATION_LEVEL = 0; 1180 | GCC_PREPROCESSOR_DEFINITIONS = ( 1181 | "DEBUG=1", 1182 | "$(inherited)", 1183 | ); 1184 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 1185 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1186 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1187 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1188 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1189 | GCC_WARN_UNUSED_FUNCTION = YES; 1190 | GCC_WARN_UNUSED_VARIABLE = YES; 1191 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1192 | MTL_ENABLE_DEBUG_INFO = YES; 1193 | ONLY_ACTIVE_ARCH = YES; 1194 | SDKROOT = iphoneos; 1195 | }; 1196 | name = Debug; 1197 | }; 1198 | 83CBBA211A601CBA00E9B192 /* Release */ = { 1199 | isa = XCBuildConfiguration; 1200 | buildSettings = { 1201 | ALWAYS_SEARCH_USER_PATHS = NO; 1202 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1203 | CLANG_CXX_LIBRARY = "libc++"; 1204 | CLANG_ENABLE_MODULES = YES; 1205 | CLANG_ENABLE_OBJC_ARC = YES; 1206 | CLANG_WARN_BOOL_CONVERSION = YES; 1207 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1208 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1209 | CLANG_WARN_EMPTY_BODY = YES; 1210 | CLANG_WARN_ENUM_CONVERSION = YES; 1211 | CLANG_WARN_INT_CONVERSION = YES; 1212 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1213 | CLANG_WARN_UNREACHABLE_CODE = YES; 1214 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1215 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1216 | COPY_PHASE_STRIP = YES; 1217 | ENABLE_NS_ASSERTIONS = NO; 1218 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1219 | GCC_C_LANGUAGE_STANDARD = gnu99; 1220 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1221 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1222 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1223 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1224 | GCC_WARN_UNUSED_FUNCTION = YES; 1225 | GCC_WARN_UNUSED_VARIABLE = YES; 1226 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1227 | MTL_ENABLE_DEBUG_INFO = NO; 1228 | SDKROOT = iphoneos; 1229 | VALIDATE_PRODUCT = YES; 1230 | }; 1231 | name = Release; 1232 | }; 1233 | /* End XCBuildConfiguration section */ 1234 | 1235 | /* Begin XCConfigurationList section */ 1236 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "GridListExampleTests" */ = { 1237 | isa = XCConfigurationList; 1238 | buildConfigurations = ( 1239 | 00E356F61AD99517003FC87E /* Debug */, 1240 | 00E356F71AD99517003FC87E /* Release */, 1241 | ); 1242 | defaultConfigurationIsVisible = 0; 1243 | defaultConfigurationName = Release; 1244 | }; 1245 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "GridListExample" */ = { 1246 | isa = XCConfigurationList; 1247 | buildConfigurations = ( 1248 | 13B07F941A680F5B00A75B9A /* Debug */, 1249 | 13B07F951A680F5B00A75B9A /* Release */, 1250 | ); 1251 | defaultConfigurationIsVisible = 0; 1252 | defaultConfigurationName = Release; 1253 | }; 1254 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "GridListExample-tvOS" */ = { 1255 | isa = XCConfigurationList; 1256 | buildConfigurations = ( 1257 | 2D02E4971E0B4A5E006451C7 /* Debug */, 1258 | 2D02E4981E0B4A5E006451C7 /* Release */, 1259 | ); 1260 | defaultConfigurationIsVisible = 0; 1261 | defaultConfigurationName = Release; 1262 | }; 1263 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "GridListExample-tvOSTests" */ = { 1264 | isa = XCConfigurationList; 1265 | buildConfigurations = ( 1266 | 2D02E4991E0B4A5E006451C7 /* Debug */, 1267 | 2D02E49A1E0B4A5E006451C7 /* Release */, 1268 | ); 1269 | defaultConfigurationIsVisible = 0; 1270 | defaultConfigurationName = Release; 1271 | }; 1272 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "GridListExample" */ = { 1273 | isa = XCConfigurationList; 1274 | buildConfigurations = ( 1275 | 83CBBA201A601CBA00E9B192 /* Debug */, 1276 | 83CBBA211A601CBA00E9B192 /* Release */, 1277 | ); 1278 | defaultConfigurationIsVisible = 0; 1279 | defaultConfigurationName = Release; 1280 | }; 1281 | /* End XCConfigurationList section */ 1282 | }; 1283 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1284 | } 1285 | -------------------------------------------------------------------------------- /example/ios/GridListExample.xcodeproj/xcshareddata/xcschemes/GridListExample-tvOS.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/GridListExample.xcodeproj/xcshareddata/xcschemes/GridListExample.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/GridListExample/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/GridListExample/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" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"GridListExample" 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/GridListExample/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /example/ios/GridListExample/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/GridListExample/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/ios/GridListExample/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | GridListExample 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | UILaunchStoryboardName 28 | LaunchScreen 29 | UIRequiredDeviceCapabilities 30 | 31 | armv7 32 | 33 | UISupportedInterfaceOrientations 34 | 35 | UIInterfaceOrientationPortrait 36 | UIInterfaceOrientationLandscapeLeft 37 | UIInterfaceOrientationLandscapeRight 38 | 39 | UIViewControllerBasedStatusBarAppearance 40 | 41 | NSLocationWhenInUseUsageDescription 42 | 43 | NSAppTransportSecurity 44 | 45 | 46 | NSExceptionDomains 47 | 48 | localhost 49 | 50 | NSExceptionAllowsInsecureHTTPLoads 51 | 52 | 53 | 54 | NSAllowsArbitraryLoads 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /example/ios/GridListExample/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/GridListExampleTests/GridListExampleTests.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 GridListExampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation GridListExampleTests 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 = [[[RCTSharedApplication() 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/ios/GridListExampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "GridListExample", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "android": "react-native run-android && adb reverse tcp:8081 tcp:8081", 7 | "ios": "react-native run-ios --simulator='iPhone 6'", 8 | "postinstall": 9 | "rm -rf node_modules/react-native-grid-list/node_modules/react-native", 10 | "watch": "node ./scripts/watch-and-copy.js", 11 | "start": "concurrently 'npm run watch' 'npm run start-rn'", 12 | "start-rn": "node node_modules/react-native/local-cli/cli.js start" 13 | }, 14 | "dependencies": { 15 | "react": "16.0.0", 16 | "react-native": "0.50.3", 17 | "react-native-grid-list": "file:../" 18 | }, 19 | "devDependencies": { 20 | "concurrently": "^2.2.0", 21 | "fs-extra": "^0.30.0", 22 | "minimatch": "^3.0.2", 23 | "node-watch": "^0.4.0", 24 | "rimraf": "^2.5.4" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /example/scripts/watch-and-copy.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const fs = require('fs-extra'); 3 | const watch = require('node-watch'); 4 | const rimraf = require('rimraf'); 5 | const minimatch = require('minimatch'); 6 | 7 | function copyAndWatch(source, destination, fileGlob) { 8 | console.log(`Cleaning "${destination}"`); 9 | rimraf(destination, () => { 10 | console.log(`Copying "${source}" to "${destination}"`); 11 | fs.copy(source, destination, err => { 12 | if (err) console.error(err); 13 | }); 14 | 15 | console.log(`Watching "${source}"`); 16 | watch(source, filename => { 17 | const localPath = filename.split(source).pop(); 18 | if (matchesFile(localPath, fileGlob)) { 19 | const destinationPath = `${destination}${localPath}`; 20 | console.log(`Copying "${filename}" to "${destinationPath}"`); 21 | fs.copy(filename, destinationPath, err => { 22 | if (err) console.error(err); 23 | }); 24 | } 25 | }); 26 | }); 27 | } 28 | 29 | function matchesFile(filename, fileGlob) { 30 | if (fileGlob == null) return true; 31 | return minimatch(path.basename(filename), fileGlob); 32 | } 33 | 34 | copyAndWatch('../src', 'node_modules/react-native-grid-list/src'); 35 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | import { GridList } from './src/components'; 2 | 3 | export default GridList; 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-grid-list", 3 | "version": "1.1.0", 4 | "main": "index.js", 5 | "license": "Apache-2.0", 6 | "author": "Gustavo Gard (https://gusgard.com)", 7 | "repository": { 8 | "type": "git", 9 | "url": "git+https://github.com/gusgard/react-native-grid-list.git" 10 | }, 11 | "description": "React native grid list component", 12 | "bugs": { 13 | "url": "https://github.com/gusgard/react-native-grid-list/issues" 14 | }, 15 | "homepage": "https://github.com/gusgard/react-native-grid-list#readme", 16 | "keywords": [ 17 | "grid list", 18 | "grid", 19 | "grid view", 20 | "grid component", 21 | "grid layout", 22 | "react native", 23 | "react-native", 24 | "react", 25 | "flatlist", 26 | "flatlist grid" 27 | ], 28 | "scripts": { 29 | "lint": "eslint index.js src", 30 | "lint-fix": "eslint index.js src --fix", 31 | "test": "jest", 32 | "test-watch": "jest --watch", 33 | "start": "echo ----- Check example folder ----- 👻", 34 | "publish": "npm publish" 35 | }, 36 | "dependencies": { 37 | "prop-types": "^15.6.0" 38 | }, 39 | "devDependencies": { 40 | "babel-eslint": "^7.2.1", 41 | "babel-jest": "21.2.0", 42 | "babel-preset-react-native": "4.0.0", 43 | "enzyme": "^3.1.0", 44 | "enzyme-adapter-react-16": "^1.0.2", 45 | "enzyme-to-json": "^3.1.4", 46 | "eslint": "^4.9.0", 47 | "eslint-config-airbnb": "^15.0.1", 48 | "eslint-config-prettier": "^2.1.1", 49 | "eslint-plugin-flowtype": "^2.33.0", 50 | "eslint-plugin-import": "^2.2.0", 51 | "eslint-plugin-jsx-a11y": "^5.0.3", 52 | "eslint-plugin-prettier": "^2.1.1", 53 | "eslint-plugin-react": "^7.0.1", 54 | "eslint-plugin-react-native": "^3.1.0", 55 | "jest": "21.2.1", 56 | "pre-commit": "^1.2.2", 57 | "prettier": "^1.3.1", 58 | "prettier-eslint": "^8.2.1", 59 | "react": "16.0.0", 60 | "react-dom": "^16.0.0", 61 | "react-native": "0.50.3" 62 | }, 63 | "jest": { 64 | "preset": "react-native", 65 | "setupTestFrameworkScriptFile": "./enzyme.js", 66 | "modulePathIgnorePatterns": [ 67 | "/example/node_modules/" 68 | ], 69 | "snapshotSerializers": [ 70 | "./node_modules/enzyme-to-json/serializer" 71 | ] 72 | }, 73 | "pre-commit": { 74 | "run": [ 75 | "lint", 76 | "test" 77 | ] 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /src/components/GridList/__snapshots__/test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`grid list renders children 1`] = ` 4 | , 18 | , 25 | ] 26 | } 27 | disableVirtualization={false} 28 | horizontal={false} 29 | initialNumToRender={10} 30 | itemStyle={Object {}} 31 | keyExtractor={[Function]} 32 | maxToRenderPerBatch={10} 33 | numColumns={3} 34 | onEndReachedThreshold={2} 35 | renderItem={[Function]} 36 | scrollEventThrottle={50} 37 | separatorBorderColor="#FFFFFF" 38 | separatorBorderWidth={0} 39 | showAnimation={false} 40 | showsVerticalScrollIndicator={false} 41 | updateCellsBatchingPeriod={50} 42 | windowSize={21} 43 | > 44 | 51 | 58 | 59 | `; 60 | 61 | exports[`grid list renders correctly 1`] = ` 62 | 100 | `; 101 | 102 | exports[`grid list renders empty list 1`] = ` 103 | 126 | `; 127 | 128 | exports[`grid list renders showAnimation 1`] = ` 129 | 167 | `; 168 | 169 | exports[`grid list renders showAnimation with duration and initialBackground setted 1`] = ` 170 | 208 | `; 209 | 210 | exports[`grid list renders showSeparator 1`] = ` 211 | 256 | `; 257 | 258 | exports[`grid list renders showSeparator with border and width setted 1`] = ` 259 | 304 | `; 305 | -------------------------------------------------------------------------------- /src/components/GridList/index.js: -------------------------------------------------------------------------------- 1 | import React, { PureComponent } from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import { Animated, ViewPropTypes, View, FlatList } from 'react-native'; 4 | 5 | import { colors } from '../../themes'; 6 | import generateStyles from './styles'; 7 | 8 | export default class GridList extends PureComponent { 9 | static propTypes = { 10 | animationDuration: PropTypes.number, 11 | animationInitialBackgroundColor: PropTypes.string, 12 | itemStyle: ViewPropTypes.style, 13 | numColumns: PropTypes.number.isRequired, 14 | separatorBorderColor: PropTypes.string, 15 | separatorBorderWidth: PropTypes.number, 16 | showAnimation: PropTypes.bool, 17 | showSeparator: PropTypes.bool, 18 | 19 | data: PropTypes.array, 20 | renderItem: PropTypes.func, 21 | 22 | // Only is allowed children or data not both 23 | children(props, propName) { 24 | const { data } = props; 25 | if (!props[propName] && !data) { 26 | return new Error('Invalid props, `data` or `children` is required'); 27 | } 28 | if (data && data.length !== 0 && !props.renderItem) { 29 | return new Error('Invalid props, `renderItem` is required'); 30 | } 31 | return undefined; 32 | }, 33 | }; 34 | 35 | static defaultProps = { 36 | numColumns: 3, 37 | data: [], 38 | itemStyle: {}, 39 | showSeparator: false, 40 | showAnimation: false, 41 | animationDuration: 500, 42 | separatorBorderWidth: 0, 43 | separatorBorderColor: colors.white, 44 | animationInitialBackgroundColor: colors.white, 45 | }; 46 | 47 | componentWillMount() { 48 | const { 49 | separatorBorderWidth, 50 | separatorBorderColor, 51 | numColumns, 52 | animationInitialBackgroundColor, 53 | showSeparator, 54 | showAnimation, 55 | } = this.props; 56 | 57 | const stylesOptions = { 58 | numColumns, 59 | }; 60 | 61 | if (showSeparator) { 62 | stylesOptions.separatorBorderWidth = separatorBorderWidth; 63 | stylesOptions.separatorBorderColor = separatorBorderColor; 64 | } 65 | if (showAnimation) { 66 | stylesOptions.animationInitialBackgroundColor = animationInitialBackgroundColor; 67 | } 68 | this.styles = generateStyles(stylesOptions); 69 | 70 | this.setup(this.props); 71 | this.animate(); 72 | } 73 | componentDidUpdate(nextProps) { 74 | this.setup(nextProps); 75 | this.animate(); 76 | } 77 | 78 | setup = ({ children, data, renderItem }) => { 79 | if (children) { 80 | this._data = children; 81 | this._renderItem = this.renderChildren; 82 | } else if (data) { 83 | this._data = data; 84 | this._renderItem = renderItem; 85 | } 86 | }; 87 | 88 | animate() { 89 | if (this.props.showAnimation) { 90 | const { numColumns, animationDuration } = this.props; 91 | this.animatedValue = []; 92 | 93 | this.animations = this._data.map((_, index) => { 94 | this.animatedValue[index] = new Animated.Value(0); 95 | return Animated.stagger(0, [ 96 | Animated.timing(this.animatedValue[index], { 97 | toValue: 1, 98 | duration: animationDuration * Math.ceil((index + 1) / numColumns), 99 | }), 100 | ]); 101 | }); 102 | } 103 | } 104 | 105 | _keyExtractor = (item, index) => index.toString(); 106 | 107 | renderItem = ({ item, index }) => { 108 | const { showAnimation, showSeparator, itemStyle } = this.props; 109 | 110 | const viewStyles = []; 111 | viewStyles.push(this.styles.itemContainer); 112 | if (showSeparator) { 113 | viewStyles.push(this.styles.itemContainerSeparator); 114 | } 115 | if (showAnimation) { 116 | viewStyles.push(this.styles.itemContainerAnimationStart); 117 | } 118 | 119 | viewStyles.push(itemStyle); 120 | 121 | return ( 122 | 123 | {showAnimation ? ( 124 | 130 | {this._renderItem({ 131 | item, 132 | index, 133 | animation: this.animations[index], 134 | })} 135 | 136 | ) : ( 137 | this._renderItem({ item, index }) 138 | )} 139 | 140 | ); 141 | }; 142 | 143 | renderChildren = ({ item, animation }) => { 144 | if (animation) { 145 | animation.start(); 146 | } 147 | return item; 148 | }; 149 | 150 | render() { 151 | const { showSeparator, ...props } = this.props; 152 | return ( 153 | 157 | showSeparator ? : null 158 | } 159 | showsVerticalScrollIndicator={false} 160 | {...props} 161 | data={this._data} 162 | renderItem={this.renderItem} 163 | /> 164 | ); 165 | } 166 | } 167 | -------------------------------------------------------------------------------- /src/components/GridList/styles.js: -------------------------------------------------------------------------------- 1 | import { width } from '../../themes'; 2 | 3 | export default ({ 4 | numColumns, 5 | separatorBorderWidth, 6 | separatorBorderColor, 7 | animationInitialBackgroundColor, 8 | }) => ({ 9 | itemContainer: { 10 | maxHeight: width / numColumns, 11 | flex: 1, 12 | }, 13 | itemContainerSeparator: { 14 | flex: 1, 15 | borderLeftWidth: separatorBorderWidth, 16 | borderColor: separatorBorderColor, 17 | }, 18 | itemContainerAnimationStart: { 19 | backgroundColor: animationInitialBackgroundColor, 20 | }, 21 | itemContainerAnimationEnd: { 22 | backgroundColor: separatorBorderColor, 23 | width: '100%', 24 | height: '100%', 25 | }, 26 | separator: { 27 | borderColor: separatorBorderColor, 28 | borderWidth: separatorBorderWidth * 0.5, 29 | }, 30 | container: { 31 | borderRightWidth: separatorBorderWidth, 32 | borderTopWidth: separatorBorderWidth, 33 | borderBottomWidth: separatorBorderWidth, 34 | borderColor: separatorBorderColor, 35 | }, 36 | }); 37 | -------------------------------------------------------------------------------- /src/components/GridList/test.js: -------------------------------------------------------------------------------- 1 | import { shallow } from 'enzyme'; 2 | import React from 'react'; 3 | import { Image } from 'react-native'; 4 | 5 | import GridList from './index'; 6 | 7 | const logo = { uri: 'https://...' }; 8 | const items = [{ id: 1, thumbnail: logo }, { id: 2, thumbnail: logo }]; 9 | 10 | describe('grid list', () => { 11 | it('renders correctly', () => { 12 | const wrapper = shallow( 13 | } 16 | />, 17 | ); 18 | expect(wrapper).toMatchSnapshot(); 19 | }); 20 | 21 | it('renders empty list', () => { 22 | const wrapper = shallow( 23 | } 26 | />, 27 | ); 28 | expect(wrapper).toMatchSnapshot(); 29 | }); 30 | 31 | it('renders showSeparator', () => { 32 | const wrapper = shallow( 33 | } 37 | />, 38 | ); 39 | expect(wrapper).toMatchSnapshot(); 40 | }); 41 | 42 | it('renders showSeparator with border and width setted', () => { 43 | const wrapper = shallow( 44 | } 50 | />, 51 | ); 52 | expect(wrapper).toMatchSnapshot(); 53 | }); 54 | 55 | it('renders showAnimation', () => { 56 | const wrapper = shallow( 57 | ( 61 | stagger.start()} /> 62 | )} 63 | />, 64 | ); 65 | expect(wrapper).toMatchSnapshot(); 66 | }); 67 | 68 | it('renders showAnimation with duration and initialBackground setted', () => { 69 | const wrapper = shallow( 70 | ( 76 | stagger.start()} /> 77 | )} 78 | />, 79 | ); 80 | expect(wrapper).toMatchSnapshot(); 81 | }); 82 | 83 | it('renders children', () => { 84 | const wrapper = shallow( 85 | 86 | 87 | 88 | , 89 | ); 90 | expect(wrapper).toMatchSnapshot(); 91 | }); 92 | }); 93 | -------------------------------------------------------------------------------- /src/components/index.js: -------------------------------------------------------------------------------- 1 | export { default as GridList } from './GridList'; 2 | -------------------------------------------------------------------------------- /src/themes/colors.js: -------------------------------------------------------------------------------- 1 | export const colors = { 2 | white: '#FFFFFF', 3 | primary: 'rgb(90, 170, 200)', 4 | transparent: 'rgba(0, 0, 0, 0)', 5 | black: '#000000', 6 | }; 7 | -------------------------------------------------------------------------------- /src/themes/index.js: -------------------------------------------------------------------------------- 1 | export { colors } from './colors'; 2 | export { width, height } from './layout'; 3 | -------------------------------------------------------------------------------- /src/themes/layout.js: -------------------------------------------------------------------------------- 1 | import { Dimensions } from 'react-native'; 2 | 3 | export const { width, height } = Dimensions.get('window'); 4 | --------------------------------------------------------------------------------