├── .babelrc ├── .github └── ISSUE_TEMPLATE.md ├── .gitignore ├── .travis.yml ├── CONTRIBUTING.md ├── LICENSE ├── __tests__ ├── __snapshots__ │ └── masonry.test.js.snap ├── brick.test.js ├── masonry.test.js └── mocks │ ├── bricksMock.js │ └── masonryMock.js ├── components ├── Brick.js ├── Column.js ├── Masonry.js └── model.js ├── contributing.json ├── example ├── .babelrc ├── .buckconfig ├── .flowconfig ├── .gitattributes ├── .gitignore ├── .watchmanconfig ├── App │ └── Container │ │ └── app.js ├── android │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── example │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ ├── keystores │ │ ├── BUCK │ │ └── debug.keystore.properties │ └── settings.gradle ├── app.json ├── index.android.js ├── index.ios.js ├── ios │ ├── example-tvOS │ │ └── Info.plist │ ├── example-tvOSTests │ │ └── Info.plist │ ├── example.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ ├── example-tvOS.xcscheme │ │ │ └── example.xcscheme │ ├── example │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── exampleTests │ │ ├── Info.plist │ │ └── exampleTests.m ├── package-lock.json ├── package.json └── rn-cli.config.js ├── package-lock.json ├── package.json ├── readme.md ├── styles ├── main.js └── package.json └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | ## Expected Behavior 7 | 8 | 9 | ## Current Behavior 10 | 11 | 12 | ## Possible Solution 13 | 14 | 15 | ## Steps to Reproduce 16 | 23 | 24 | ## Context (Environment) 25 | 26 | 27 | 28 | 29 | 30 | ## Detailed Description 31 | 32 | 33 | ## Possible Implementation 34 | 35 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | npm-debug.log 3 | .DS_Store 4 | 5 | # Ignores emacs backup files 6 | \#*\# 7 | *~ 8 | .\#* 9 | coverage 10 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - v7 4 | - v6 5 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribute 2 | 3 | ## Introduction 4 | 5 | First, thank you for considering contributing to react-native-masonry! It's people like you that make the open source community such a great community! 😊 6 | 7 | We welcome any type of contribution, not only code. You can help with 8 | - **QA**: file bug reports, the more details you can give the better (e.g. screenshots with the console open) 9 | - **Marketing**: writing blog posts, howto's, printing stickers, ... 10 | - **Community**: presenting the project at meetups, organizing a dedicated meetup for the local community, ... 11 | - **Code**: take a look at the [open issues](issues). Even if you can't write code, commenting on them, showing that you care about a given issue matters. It helps us triage them. 12 | - **Money**: we welcome financial contributions in full transparency on our [open collective](https://opencollective.com/react-native-masonry). 13 | 14 | ## Your First Contribution 15 | 16 | Working on your first Pull Request? You can learn how from this *free* series, [How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github). 17 | 18 | ## Submitting code 19 | 20 | Any code change should be submitted as a pull request. The description should explain what the code does and give steps to execute it. The pull request should also contain tests. 21 | 22 | ## Code review process 23 | 24 | The bigger the pull request, the longer it will take to review and merge. Try to break down large pull requests in smaller chunks that are easier to review and merge. 25 | It is also always helpful to have some context for your pull request. What was the purpose? Why does it matter to you? 26 | 27 | ## Financial contributions 28 | 29 | We also welcome financial contributions in full transparency on our [open collective](https://opencollective.com/react-native-masonry). 30 | Anyone can file an expense. If the expense makes sense for the development of the community, it will be "merged" in the ledger of our open collective by the core contributors and the person who filed the expense will be reimbursed. 31 | 32 | ## Questions 33 | 34 | If you have any questions, create an [issue](issue) (protip: do a quick search first to see if someone else didn't ask the same question before!). 35 | You can also reach us at hello@react-native-masonry.opencollective.com. 36 | 37 | ## Credits 38 | 39 | ### Contributors 40 | 41 | Thank you to all the people who have already contributed to react-native-masonry! 42 | 43 | 44 | 45 | ### Backers 46 | 47 | Thank you to all our backers! [[Become a backer](https://opencollective.com/react-native-masonry#backer)] 48 | 49 | 50 | 51 | 52 | ### Sponsors 53 | 54 | Thank you to all our sponsors! (please ask your company to also support this open source project by [becoming a sponsor](https://opencollective.com/react-native-masonry#sponsor)) 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Brandon Him 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /__tests__/__snapshots__/masonry.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`SNAPSHOT: All functionality should match prev snapshot 1`] = ` 4 | 12 | 34 | 35 | 36 | 37 | `; 38 | -------------------------------------------------------------------------------- /__tests__/brick.test.js: -------------------------------------------------------------------------------- 1 | import Masonry from '../components/Masonry'; 2 | import { TouchableHighlight, Image, Text, View } from 'react-native'; 3 | import React from 'react'; 4 | import renderer from 'react-test-renderer'; 5 | 6 | import mock from './mocks/bricksMock'; 7 | 8 | import Brick, { 9 | _getImageTag, 10 | _getTouchableUnit 11 | } from '../components/Brick'; 12 | 13 | test('Render Brick', () => { 14 | const renderedBrick = renderer.create( 15 | Header} 19 | renderFooter={() => Footer} /> 20 | ).toJSON(); 21 | expect(renderedBrick.children[1].props.source.uri).toBe('http://test.com/1.jpg'); 22 | expect(renderedBrick.children[0].children[0]).toBe('Header'); 23 | expect(renderedBrick.children[2].children[0]).toBe('Footer'); 24 | // expect(renderedBrick.children[0)).toBe( 25 | }); 26 | 27 | test('PRIVATE FUNC: Renders image tag', () => { 28 | const imageTag = _getImageTag(mock[0], 9); 29 | const imageTree = renderer.create(imageTag).toJSON(); 30 | expect(imageTree.type).toEqual('Image'); 31 | expect(imageTree.props.source.uri).toEqual('http://test1.jpg'); 32 | }); 33 | 34 | test('PRIVATE FUNC: Renders touchable tag properly', () => { 35 | const imageTag = _getTouchableUnit(mock[0], 9); 36 | expect(JSON.stringify(imageTag)).toEqual(JSON.stringify( 37 | mock[0].onPress(mock[0])}> 40 | 41 | { _getImageTag(mock[0], 9) } 42 | 43 | )); 44 | }); 45 | -------------------------------------------------------------------------------- /__tests__/masonry.test.js: -------------------------------------------------------------------------------- 1 | import { Text, View, TouchableHighlight } from 'react-native'; 2 | import React from 'react'; 3 | // Note: test renderer must be required after react-native. 4 | import Masonry, { 5 | _insertIntoColumn, 6 | assignObjectColumn, 7 | assignObjectIndex, 8 | findMinIndex, 9 | } from '../components/Masonry'; 10 | import renderer from 'react-test-renderer'; 11 | 12 | import { 13 | brickSet, 14 | minimumBricks, 15 | } from './mocks/masonryMock'; 16 | 17 | 18 | test('Render masonry correct', () => { 19 | const masonry = renderer.create().toJSON(); 20 | // First child should the scroll view 21 | const scrollView = masonry.children[0]; 22 | expect(scrollView.type).toBe('RCTScrollView'); 23 | 24 | // Crucial styles for the grid to work 25 | expect(scrollView.props.contentContainerStyle).toEqual({ 26 | justifyContent: 'space-between', 27 | flexDirection: 'row', 28 | width: '100%' 29 | }); 30 | }); 31 | 32 | test('SNAPSHOT: All functionality should match prev snapshot', () => { 33 | const tree = renderer.create().toJSON(); 34 | expect(tree).toMatchSnapshot(); 35 | }); 36 | 37 | // We reinclude after further refactoring 38 | // test('PRIVATE FUNC: _insertIntoColumn sorts bricks according to index of bricks array and columns', () => { 39 | // const nColumns = 2; 40 | // const assignedBricks = minimumBricks 41 | // .map((brick, index) => assignObjectColumn(nColumns, index, brick)) 42 | // .map((brick, index) => assignObjectIndex(index, brick)); 43 | 44 | // const expectedData = [ 45 | // [assignedBricks[0], assignedBricks[2]], //column 0 46 | // [assignedBricks[1], assignedBricks[3]] //column 1 47 | // ]; 48 | 49 | // //when 50 | // let expectedSorted = []; 51 | // assignedBricks.forEach((brick) => { 52 | // expectedSorted = _insertIntoColumn(brick, expectedSorted, true); 53 | // }); 54 | 55 | // //then 56 | // expect(expectedSorted).toEqual(expectedData); 57 | // }); 58 | 59 | test('findShortestColumn returns shortest index', () => { 60 | expect(findMinIndex([1,2,3,4,5,6])).toEqual(0); 61 | expect(findMinIndex([100, 20000, 99, 44, 55])).toEqual(3); 62 | expect(findMinIndex([99, 99, 99])).toEqual(0); 63 | expect(findMinIndex([99, 8, 100, 1])).toEqual(3); 64 | }); 65 | -------------------------------------------------------------------------------- /__tests__/mocks/bricksMock.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Text } from 'react-native'; 3 | 4 | const MOCK = [ 5 | { 6 | uri: 'http://test1.jpg', 7 | height: 200, 8 | width: 100, 9 | gutter: 4, 10 | data: { 11 | caption: 'Test' 12 | }, 13 | onPress: () => null, 14 | renderHeader: (data) => Test 15 | }, 16 | { 17 | uri: 'http://test2.jpg', 18 | height: 200, 19 | width: 100, 20 | gutter: 4 21 | } 22 | ]; 23 | 24 | export default MOCK; 25 | -------------------------------------------------------------------------------- /__tests__/mocks/masonryMock.js: -------------------------------------------------------------------------------- 1 | 2 | export const minimumBricks = [ 3 | { 4 | uri: 'https://cat1.jpg', 5 | }, 6 | { 7 | uri: 'https://cat2.jpg', 8 | }, 9 | { 10 | uri: 'https://cat3.jpg', 11 | }, 12 | { 13 | uri: 'https://cat4.jpg', 14 | }, 15 | ]; 16 | 17 | export const brickSet = [ 18 | { 19 | uri: 'https://cat1.jpg', 20 | data: { 21 | id: 1 22 | } 23 | }, 24 | { 25 | data: { 26 | routeId: 'cat-3', 27 | id: 2, 28 | }, 29 | uri: 'http://test.com/cat3.jpg', 30 | onPress: (brick) => redirect(brick.routeId) 31 | }, 32 | { 33 | data: { 34 | id: 3 35 | }, 36 | uri: 'http://test.com/cat2.jpg' 37 | }, 38 | { 39 | uri: 'http://test.com/cat3.jpg' 40 | } 41 | ]; 42 | -------------------------------------------------------------------------------- /components/Brick.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { View, Image, TouchableHighlight } from 'react-native'; 3 | import Injector from 'react-native-injectable-component'; 4 | 5 | export default function Brick (props) { 6 | // Avoid margins for first element 7 | const image = (props.onPress) ? _getTouchableUnit(props, props.gutter) : _getImageTag(props, props.gutter); 8 | const footer = (props.renderFooter) ? props.renderFooter(props.data) : null; 9 | const header = (props.renderHeader) ? props.renderHeader(props.data) : null; 10 | 11 | return ( 12 | 13 | {header} 14 | {image} 15 | {footer} 16 | 17 | ); 18 | } 19 | 20 | // _getImageTag :: Image, Gutter -> ImageTag 21 | export function _getImageTag (props, gutter = 0) { 22 | const imageProps = { 23 | key: props.uri, 24 | source: { 25 | uri: props.uri 26 | }, 27 | data: { 28 | ...props.data 29 | }, 30 | resizeMethod: 'auto', 31 | style: { 32 | width: props.width, 33 | height: props.height, 34 | marginTop: gutter, 35 | ...props.imageContainerStyle 36 | } 37 | }; 38 | 39 | return ( 40 | 45 | ); 46 | } 47 | 48 | // _getTouchableUnit :: Image, Number -> TouchableTag 49 | export function _getTouchableUnit (image, gutter = 0) { 50 | return ( 51 | image.onPress(image.data)}> 54 | 55 | { _getImageTag(image, gutter) } 56 | 57 | 58 | ); 59 | } 60 | -------------------------------------------------------------------------------- /components/Column.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { View, Image, TouchableHighlight, FlatList } from 'react-native'; 3 | import styles from '../styles/main'; 4 | import PropTypes from 'prop-types'; 5 | import Brick from './Brick'; 6 | 7 | // Takes props and returns a masonry column 8 | export default class Column extends Component { 9 | static propTypes = { 10 | data: PropTypes.array, 11 | columns: PropTypes.number, 12 | parentDimensions: PropTypes.object, 13 | columnKey: PropTypes.string, 14 | imageContainerStyle: PropTypes.object, 15 | customImageComponent: PropTypes.func, 16 | customImageProps: PropTypes.object 17 | }; 18 | 19 | static defaultProps = { 20 | imageContainerStyle: {}, 21 | spacing: 1 22 | }; 23 | 24 | constructor(props) { 25 | super(props); 26 | this.state = { 27 | images: [], 28 | columnWidth: 0 29 | }; 30 | } 31 | 32 | componentWillMount() { 33 | this.setState({ 34 | images: this._resizeImages(this.props.data, this.props.parentDimensions, this.props.columns) 35 | }); 36 | } 37 | 38 | componentWillReceiveProps(nextProps) { 39 | this.setState({ 40 | images: this._resizeImages(nextProps.data, nextProps.parentDimensions, nextProps.columns) 41 | }); 42 | } 43 | 44 | // Transforms an array of images with dimensions scaled according to the 45 | // column it is within 46 | // _resizeImages :: Data, parentDimensions. nColumns -> ResizedImage 47 | _resizeImages (data, parentDimensions, nColumns) { 48 | return Object.keys(data).map((key) => { 49 | const image = data[key]; 50 | const imageSizedForColumn = 51 | this._resizeByColumns(data[key].dimensions, parentDimensions, nColumns); 52 | // Return a image object that width will be equivilent to 53 | // the column dimension, while retaining original image properties 54 | return { 55 | ...image, 56 | ...imageSizedForColumn 57 | }; 58 | }); 59 | } 60 | 61 | // Resize image while maintain aspect ratio 62 | // _resizeByColumns :: ImgDimensions , parentDimensions, nColumns -> AdjustedDimensions 63 | _resizeByColumns (imgDimensions = { width: 0, height: 0 }, parentDimensions, nColumns=2) { 64 | const { height, width } = parentDimensions; 65 | 66 | // The gutter is 1% of the available view width 67 | const gutterBase = width / 100; 68 | const gutterSize = gutterBase * this.props.spacing; 69 | 70 | // Column gutters are shared between right and left image 71 | const columnWidth = (width / nColumns) - (gutterSize / 2); 72 | 73 | if (this.state.columnWidth !== columnWidth) { 74 | this.setState({ 75 | columnWidth 76 | }); 77 | } 78 | 79 | const divider = imgDimensions.width / columnWidth; 80 | 81 | const newWidth = imgDimensions.width / divider; 82 | const newHeight = imgDimensions.height / divider; 83 | 84 | return { width: newWidth, height: newHeight, gutter: gutterSize }; 85 | } 86 | 87 | // Renders the "bricks" within the columns 88 | // _renderBrick :: images -> [TouchableTag || ImageTag...] 89 | _renderBrick = (data) => { 90 | // Example Data Structure 91 | // { 92 | // "item": { 93 | // "uri": "https://img.buzzfeed.com/buzzfeed-static/static/2016-01/14/20/campaign_images/webdr15/which-delicious-mexican-food-item-are-you-based-o-2-20324-1452822970-1_dblbig.jpg", 94 | // "column": 0, 95 | // "dimensions": { 96 | // "width": 625, 97 | // "height": 415 98 | // }, 99 | // "width": 180.675, 100 | // "height": 119.96820000000001, 101 | // "gutter": 3.65 102 | // }, 103 | // "index": 9 104 | // } 105 | const brick = data.item; 106 | const gutter = (data.index === 0) ? 0 : brick.gutter; 107 | const key = `RN-MASONRY-BRICK-${brick.column}-${data.index}`; 108 | const { imageContainerStyle, customImageComponent, customImageProps } = this.props; 109 | const props = { ...brick, gutter, key, imageContainerStyle, customImageComponent, customImageProps }; 110 | 111 | return ( 112 | 114 | ); 115 | } 116 | 117 | // _keyExtractor :: item -> id 118 | _keyExtractor = (item) => ("IMAGE-KEY-" + item.uri + "---" + (item.key ? item.key : "0")); 119 | 120 | render() { 121 | return ( 122 | 130 | 136 | 137 | ) 138 | } 139 | } 140 | -------------------------------------------------------------------------------- /components/Masonry.js: -------------------------------------------------------------------------------- 1 | import { View, ListView, Image, Text, Dimensions } from 'react-native'; 2 | import React, { Component } from 'react'; 3 | import PropTypes from 'prop-types'; 4 | import Task from 'data.task'; 5 | import isEqual from 'lodash.isequal'; 6 | import differenceBy from 'lodash.differenceby'; 7 | 8 | import { resolveImage } from './model'; 9 | import Column from './Column'; 10 | import styles from '../styles/main'; 11 | 12 | // assignObjectColumn :: Number -> [Objects] -> [Objects] 13 | export const assignObjectColumn = (nColumns, index, targetObject) => ({...targetObject, ...{ column: index % nColumns }}); 14 | 15 | // Assigns an `index` property` from bricks={data}` for later sorting. 16 | // assignObjectIndex :: (Number, Object) -> Object 17 | export const assignObjectIndex = (index, targetObject) => ({...targetObject, ...{ index }}); 18 | 19 | // findMinIndex :: [Numbers] -> Number 20 | export const findMinIndex = (srcArray) => srcArray.reduce((shortest, cValue, cIndex, cArray) => (cValue < cArray[shortest]) ? cIndex : shortest, 0); 21 | 22 | // containMatchingUris :: ([brick], [brick]) -> Bool 23 | export const containMatchingUris = (r1, r2) => isEqual(r1.map(brick => brick.uri), r2.map(brick => brick.uri)); 24 | 25 | // Fills an array with 0's based on number count 26 | // generateColumnsHeight :: Number -> Array [...0] 27 | export const generateColumnHeights = count => Array(count).fill(0); 28 | 29 | const INVALID_COLUMN_WIDTH = -1; 30 | const PRIORITY_BALANCE = "balance"; 31 | const PRIORITY_ORDER = "order"; 32 | 33 | export default class Masonry extends Component { 34 | static propTypes = { 35 | bricks: PropTypes.array, 36 | columns: PropTypes.number, 37 | sorted: PropTypes.bool, 38 | imageContainerStyle: PropTypes.object, 39 | customImageComponent: PropTypes.func, 40 | customImageProps: PropTypes.object, 41 | spacing: PropTypes.number, 42 | priority: PropTypes.string, 43 | refreshControl: PropTypes.element, 44 | onEndReached: PropTypes.func, 45 | onEndReachedThreshold: PropTypes.number 46 | }; 47 | 48 | static defaultProps = { 49 | bricks: [], 50 | columns: 2, 51 | sorted: false, 52 | imageContainerStyle: {}, 53 | spacing: 1, 54 | priority: 'order', 55 | // no-op function 56 | onEndReached: () => ({}), 57 | onEndReachedThreshold: 25 58 | }; 59 | 60 | constructor(props) { 61 | super(props); 62 | // Assuming users don't want duplicated images, if this is not the case we can always change the diff check 63 | this.ds = new ListView.DataSource({ rowHasChanged: (r1, r2) => !containMatchingUris(r1, r2) }); 64 | // This creates an array of [1..n] with values of 0, each index represent a column within the masonry 65 | const columnHeights = generateColumnHeights(props.columns); 66 | this.state = { 67 | dataSource: this.ds.cloneWithRows([]), 68 | dimensions: {}, 69 | initialOrientation: true, 70 | _sortedData: [], 71 | _resolvedData: [], 72 | _columnHeights: columnHeights, 73 | _uniqueCount: props.bricks.length 74 | }; 75 | // Assuming that rotation is binary (vertical|landscape) 76 | Dimensions.addEventListener('change', (window) => this.setState(state => ({ initialOrientation: !state.initialOrientation }))); 77 | } 78 | 79 | componentDidMount() { 80 | // If balance priority isn't enabled, resolve bricks on didMount 81 | if (!this.isBalancingEnabled()) { 82 | this.resolveBricks(this.props); 83 | } 84 | } 85 | 86 | isBalancingEnabled() { 87 | const { priority } = this.props; 88 | return priority == PRIORITY_BALANCE; 89 | } 90 | 91 | componentWillReceiveProps(nextProps) { 92 | const differentColumns = this.props.columns !== nextProps.columns; 93 | const differentPriority = this.props.priority !== nextProps.priority; 94 | // We use the difference in the passed in bricks to determine if user is appending or not 95 | const brickDiff = differenceBy(nextProps.bricks, this.props.bricks, 'uri'); 96 | const appendedData = brickDiff.length !== nextProps.bricks.length; 97 | const _uniqueCount = brickDiff.length + this.props.bricks.length; 98 | 99 | // These intents would entail a complete re-render of the listview 100 | if (differentColumns || differentPriority || !appendedData) { 101 | this.setState(state => ({ 102 | _sortedData: [], 103 | _resolvedData: [], 104 | _columnHeights: generateColumnHeights(nextProps.columns), 105 | _uniqueCount 106 | }), this.resolveBricks(nextProps)); 107 | } 108 | 109 | // We use the existing data and only resolve what is needed 110 | if (appendedData) { 111 | const offSet = this.props.bricks.length; 112 | this.setState({ 113 | _uniqueCount 114 | }, this.resolveBricks({...nextProps, bricks: brickDiff}, offSet)); 115 | } 116 | } 117 | 118 | getColumnWidth(width, spacing, columns) { 119 | const gutterBase = width / 100; 120 | const gutterSize = gutterBase * spacing; 121 | return (width / columns) - (gutterSize / 2); 122 | } 123 | 124 | resolveBricks({ bricks, columns, spacing, priority }, offSet = 0) { 125 | if (bricks.length === 0) { 126 | // clear and re-render 127 | this.setState(state => ({ 128 | dataSource: state.dataSource.cloneWithRows([]) 129 | })); 130 | } 131 | 132 | // Calculate column width in case balance priority 133 | let columnWidth = INVALID_COLUMN_WIDTH; 134 | if (this.isBalancingEnabled()) { 135 | const { dimensions: { width } } = this.state; 136 | columnWidth = this.getColumnWidth(width, spacing, columns); 137 | } 138 | 139 | // Sort bricks and place them into their respectable columns 140 | // Issues arrise if state changes occur in the midst of a resolve 141 | bricks 142 | .map((brick, index) => assignObjectColumn(columns, index, brick)) 143 | .map((brick, index) => assignObjectIndex(offSet + index, brick)) 144 | .map(brick => resolveImage(brick)) 145 | .map(resolveTask => resolveTask.fork( 146 | (err) => console.warn('Image failed to load'), 147 | (resolvedBrick) => { 148 | this.setState(state => { 149 | const sortedData = this._insertIntoColumn(resolvedBrick, state._sortedData, state._columnHeights, columnWidth); 150 | return { 151 | dataSource: state.dataSource.cloneWithRows(sortedData), 152 | _sortedData: sortedData, 153 | _resolvedData: [...state._resolvedData, resolvedBrick] 154 | }; 155 | }); 156 | })); 157 | } 158 | 159 | _setParentDimensions(event) { 160 | // Currently height isn't being utilized, but will pass through for future features 161 | const {width, height} = event.nativeEvent.layout; 162 | 163 | this.setState({ 164 | dimensions: { 165 | width, 166 | height 167 | } 168 | }, () => { 169 | // If balance priority is enabled, resolve bricks after onLayout 170 | if (this.isBalancingEnabled()) { 171 | this.resolveBricks(this.props); 172 | } 173 | }); 174 | } 175 | 176 | // Use columnHeights from state object provided by setState 177 | _insertIntoColumn = (resolvedBrick, dataSet, _columnHeights, columnWidth) => { 178 | let dataCopy = dataSet.slice(); 179 | const priority = this.props.priority; 180 | let columnIndex; 181 | 182 | switch (priority) { 183 | case PRIORITY_BALANCE: 184 | // Column width only valid in case priority is balance 185 | // Best effort to balance but sometimes state changes may have delays when performing calculation 186 | columnIndex = findMinIndex(_columnHeights); 187 | const heightsCopy = _columnHeights.slice(); 188 | const newColumnHeights = heightsCopy[columnIndex] + (columnWidth * resolvedBrick.dimensions.height / resolvedBrick.dimensions.width); 189 | heightsCopy[columnIndex] = newColumnHeights; 190 | this.setState({ 191 | _columnHeights: heightsCopy 192 | }); 193 | break; 194 | case PRIORITY_ORDER: 195 | default: 196 | columnIndex = resolvedBrick.column; 197 | break; 198 | } 199 | 200 | const column = dataSet[columnIndex]; 201 | const sorted = this.props.sorted; 202 | 203 | if (column) { 204 | // Append to existing "row"/"column" 205 | let bricks = [...column, resolvedBrick]; 206 | if (sorted) { 207 | // Sort bricks according to the index of their original array position 208 | bricks = bricks.sort((a, b) => (a.index < b.index) ? -1 : 1); 209 | } 210 | dataCopy[columnIndex] = bricks; 211 | } else { 212 | // Pass it as a new "row" for the data source 213 | dataCopy = [...dataCopy, [resolvedBrick]]; 214 | } 215 | 216 | return dataCopy; 217 | }; 218 | 219 | _delayCallEndReach = () => { 220 | const sortedData = this.state._sortedData; 221 | const sortedLength = sortedData.reduce((acc, cv) => cv.length + acc, 0); 222 | // Limit the invokes to only when the masonry has 223 | // fully loaded all of the content to ensure user fully reaches the end 224 | if (sortedLength === this.state._uniqueCount) { 225 | this.props.onEndReached(); 226 | } 227 | } 228 | 229 | render() { 230 | return ( 231 | this._setParentDimensions(event)}> 232 | ( 241 | 250 | )} 251 | refreshControl={this.props.refreshControl} /> 252 | 253 | ); 254 | } 255 | }; 256 | -------------------------------------------------------------------------------- /components/model.js: -------------------------------------------------------------------------------- 1 | import { Image } from 'react-native'; 2 | import Task from 'data.task'; 3 | 4 | // resolveImage :: String -> Task(Error, Image) 5 | export const resolveImage = (data) => { 6 | return new Task((reject, resolve) => Image.getSize(data.uri, (width, height) => resolve({ 7 | ...data, 8 | //@TODO: Consider consolidating data.uri with dimensions to a image object 9 | dimensions: { 10 | width, 11 | height 12 | } 13 | }), (err) => reject(err))); 14 | }; 15 | -------------------------------------------------------------------------------- /contributing.json: -------------------------------------------------------------------------------- 1 | // https://gitmagic.io/rules 2 | { 3 | "commit": { 4 | "subject_cannot_be_empty": true, 5 | "subject_must_be_longer_than": 4, 6 | "subject_must_be_shorter_than": 101, 7 | "subject_lines_must_be_shorter_than": 51, 8 | "subject_must_be_single_line": true, 9 | "subject_must_not_end_with_dot": true, 10 | 11 | "body_lines_must_be_shorter_than": 73 12 | }, 13 | "pull_request": { 14 | "subject_cannot_be_empty": true, 15 | "subject_must_be_longer_than": 4, 16 | "body_cannot_be_empty": true, 17 | }, 18 | "issue": { 19 | "subject_cannot_be_empty": true, 20 | "body_cannot_be_empty": true, 21 | "body_must_include_reproduction_steps": ["bug"] 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /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 | .*/Libraries/react-native/ReactNative.js 16 | 17 | [include] 18 | 19 | [libs] 20 | node_modules/react-native/Libraries/react-native/react-native-interface.js 21 | node_modules/react-native/flow 22 | flow/ 23 | 24 | [options] 25 | emoji=true 26 | 27 | module.system=haste 28 | 29 | experimental.strict_type_args=true 30 | 31 | munge_underscores=true 32 | 33 | 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' 34 | 35 | suppress_type=$FlowIssue 36 | suppress_type=$FlowFixMe 37 | suppress_type=$FixMe 38 | 39 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 40 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 41 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 42 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 43 | 44 | unsafe.enable_getters_and_setters=true 45 | 46 | [version] 47 | ^0.42.0 48 | -------------------------------------------------------------------------------- /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://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md 50 | 51 | fastlane/report.xml 52 | fastlane/Preview.html 53 | fastlane/screenshots 54 | -------------------------------------------------------------------------------- /example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /example/App/Container/app.js: -------------------------------------------------------------------------------- 1 | /* 2 | React-Native-Masonry Demo 3 | https://github.com/brh55/react-native-masonry 4 | */ 5 | 6 | import React, { Component } from 'react'; 7 | import { 8 | AppRegistry, 9 | StyleSheet, 10 | Text, 11 | ScrollView, 12 | View, 13 | TouchableHighlight, 14 | Image, 15 | Slider 16 | } from 'react-native'; 17 | import FastImage from 'react-native-fast-image'; 18 | import Masonry from 'react-native-masonry'; 19 | 20 | // list of images 21 | let data = [ 22 | { 23 | data: { 24 | caption: 'Summer Recipies', 25 | user: { 26 | name: 'Henry' 27 | }, 28 | }, 29 | uri: 'https://s-media-cache-ak0.pinimg.com/736x/32/7f/d9/327fd98ae0146623ca8954884029297b.jpg', 30 | renderFooter: (data) => { 31 | return ( 32 | 33 | {data.caption} 34 | 35 | ) 36 | }, 37 | renderHeader: (data) => { 38 | return ( 39 | 40 | 43 | {data.user.name} 44 | 45 | ) 46 | } 47 | }, 48 | { 49 | uri: 'https://s-media-cache-ak0.pinimg.com/736x/b1/21/df/b121df29b41b771d6610dba71834e512.jpg', 50 | }, 51 | { 52 | uri: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTQpD8mz-2Wwix8hHbGgR-mCFQVFTF7TF7hU05BxwLVO1PS5j-rZA', 53 | }, 54 | { 55 | uri: 'https://s-media-cache-ak0.pinimg.com/736x/5a/15/0c/5a150cf9d5a825c8b5871eefbeda8d14.jpg' 56 | }, 57 | { 58 | uri: 'https://s-media-cache-ak0.pinimg.com/736x/04/63/3f/04633fcc08f9d405064391bd80cb0828.jpg' 59 | }, 60 | { 61 | uri: 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQRWkuUMpLyu3QnFu5Xsi_7SpbabzRtSis-_QhKas6Oyj3neJoeug' 62 | }, 63 | { 64 | uri: 'https://s-media-cache-ak0.pinimg.com/736x/a5/c9/43/a5c943e02b1c43b5cf7d5a4b1efdcabb.jpg' 65 | }, 66 | { 67 | uri: 'https://i0.wp.com/www.youbodyhealth.com/wp-content/uploads/2016/08/Delicious-Foods-can-Harm-Your-Brain.jpg?' 68 | }, 69 | { 70 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2017-03/29/15/campaign_images/buzzfeed-prod-fastlane-03/26-delicious-korean-foods-you-need-in-your-life-2-30138-1490814365-13_dblbig.jpg', 71 | }, 72 | { 73 | uri: 'https://pbs.twimg.com/media/B59AOmICQAAiGGj.png', 74 | }, 75 | { 76 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2013-12/enhanced/webdr05/17/17/enhanced-buzz-orig-2548-1387320822-8.jpg' 77 | }, 78 | { 79 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2015-03/17/15/enhanced/webdr13/enhanced-6527-1426620797-18.jpg' 80 | }, 81 | { 82 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2014-12/1/15/enhanced/webdr02/enhanced-18393-1417466529-5.jpg' 83 | }, 84 | { 85 | uri: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSXXTmdaGSOFK8iBeYqoA6_XiQGGWvu6KGnqAxXYyvJA-JKin8ImQ' 86 | }, 87 | { 88 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2015-04/3/15/enhanced/webdr06/enhanced-24427-1428089292-2.jpg' 89 | }, 90 | { 91 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2016-12/28/12/asset/buzzfeed-prod-web-09/sub-buzz-24236-1482944714-1.jpg' 92 | }, 93 | { 94 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2016-03/7/17/enhanced/webdr08/enhanced-buzz-8155-1457391039-5.jpg' 95 | }, 96 | { 97 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2017-03/30/12/asset/buzzfeed-prod-fastlane-01/sub-buzz-24597-1490890739-1.jpg' 98 | }, 99 | { 100 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2016-01/14/20/campaign_images/webdr15/which-delicious-mexican-food-item-are-you-based-o-2-20324-1452822970-1_dblbig.jpg' 101 | }, 102 | { 103 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2015-11/30/10/enhanced/webdr15/enhanced-18265-1448896942-17.jpg' 104 | }, 105 | { 106 | uri: 'https://img.buzzfeed.com/buzzfeed-static/static/2015-12/30/16/enhanced/webdr04/enhanced-15965-1451509932-6.jpg' 107 | } 108 | ]; 109 | 110 | const createBrick = uri => ({ uri }); 111 | 112 | const data1 = [ 113 | 'https://i.pinimg.com/736x/48/ee/51/48ee519a1768245ce273363f5bf05f30--kaylaitsines-dipping-sauces.jpg', 114 | 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQGYfU5N8lsJepQyoAigiijX8bcdpahei_XqRWBzZLbxcsuqtiH', 115 | 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPL2GTXDuOzwuX5X7Mgwc3Vc9ZIhiMmZUhp3s1wg0oHPzSP7qC', 116 | ].map(createBrick); 117 | 118 | const data2 = [ 119 | 'https://i.pinimg.com/236x/ee/ea/61/eeea61b03a2de8216384ff1be9544b82--what-you-see-follow-me.jpg', 120 | 'https://i.pinimg.com/originals/a0/30/87/a03087e36c083a665cd3392d2d59cf0b.jpg', 121 | 'https://i.pinimg.com/736x/59/ae/8e/59ae8ee0e9e84aa234f80a345fa7f1c6--wedding-ceremony-wedding-menu.jpg' 122 | ].map(createBrick); 123 | 124 | const data3 = [ 125 | 'https://i.pinimg.com/736x/6a/53/0a/6a530a49f764ce51a9742162f46c1e05--soul-food-pinterest.jpg', 126 | 'https://i.pinimg.com/originals/a0/30/87/a03087e36c083a665cd3392d2d59cf0b.jpg', 127 | 'https://img.buzzfeed.com/buzzfeed-static/static/2018-02/19/3/asset/buzzfeed-prod-fastlane-03/sub-buzz-12799-1519030318-7.jpg' 128 | ].map(createBrick); 129 | 130 | const appendData = [data1, data2, data3]; 131 | 132 | export default class example extends Component { 133 | constructor() { 134 | super(); 135 | 136 | this.state = { 137 | columns: 2, 138 | padding: 5, 139 | data, 140 | dataIndex: 0 141 | }; 142 | } 143 | 144 | _addData = () => { 145 | if (this.state.dataIndex < 3) { 146 | this.setState(state => { 147 | const addData = appendData[this.state.dataIndex]; 148 | const appendedData = [...state.data, ...addData]; 149 | 150 | return { 151 | data: appendedData, 152 | dataIndex: state.dataIndex + 1 153 | }; 154 | }); 155 | } 156 | } 157 | 158 | render() { 159 | return ( 160 | 161 | 162 | Masonry Demo 163 | 164 | 165 | 166 | this.setState({ columns: 2 })}> 167 | 2 Column 168 | 169 | this.setState({ columns: 3 })}> 170 | 3 Columns 171 | 172 | this.setState({ columns: 6 })}> 173 | 6 Columns 174 | 175 | this.setState({ columns: 9 })}> 176 | 9 Columns 177 | 178 | 179 | 180 | 181 | 182 | Push New Data 183 | 184 | 185 | 186 | 187 | 188 | Dynamically adjust padding: {this.state.padding} 189 | 190 | 191 | this.setState({padding: value})} /> 197 | 198 | 199 | 200 | 201 | 207 | 208 | 209 | ); 210 | } 211 | } 212 | 213 | const styles = StyleSheet.create({ 214 | container: { 215 | justifyContent: 'center', 216 | alignItems: 'center', 217 | backgroundColor: '#f4f4f4', 218 | flex: 1, 219 | flexBasis: '10%' 220 | }, 221 | header: { 222 | flexGrow: 1 223 | }, 224 | buttonGroup: { 225 | flexGrow: 1 226 | }, 227 | slider: { 228 | flexGrow: 1 229 | }, 230 | button: { 231 | backgroundColor: '#dbdcdb', 232 | padding: 10, 233 | marginRight: 4, 234 | borderRadius: 4, 235 | borderBottomColor: '#7b7b7b', 236 | borderBottomWidth: 5 237 | }, 238 | buttonText: { 239 | color: '#404040' 240 | }, 241 | center: { 242 | marginTop: 30, 243 | marginBottom: 20, 244 | flex: 1, 245 | flexDirection: 'row', 246 | justifyContent: 'center' 247 | }, 248 | headerTop: { 249 | flexDirection: 'row', 250 | padding: 5, 251 | alignItems: 'center', 252 | backgroundColor: 'white' 253 | }, 254 | userPic: { 255 | height: 20, 256 | width: 20, 257 | borderRadius: 10, 258 | marginRight: 10 259 | }, 260 | userName: { 261 | fontSize: 20 262 | } 263 | }); 264 | -------------------------------------------------------------------------------- /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.example", 49 | ) 50 | 51 | android_resource( 52 | name = "res", 53 | package = "com.example", 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 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"], 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.example" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile project(':react-native-fast-image') 130 | compile fileTree(dir: "libs", include: ["*.jar"]) 131 | compile "com.android.support:appcompat-v7:23.0.1" 132 | compile "com.facebook.react:react-native:+" // From node_modules 133 | } 134 | 135 | // Run this once to be able to run the application with BUCK 136 | // puts all compile dependencies into folder libs for BUCK to use 137 | task copyDownloadableDepsToLibs(type: Copy) { 138 | from configurations.compile 139 | into 'libs' 140 | } 141 | -------------------------------------------------------------------------------- /example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # 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/example/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "example"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import android.app.Application; 4 | 5 | import com.facebook.react.ReactApplication; 6 | import com.dylanvann.fastimage.FastImageViewPackage; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.shell.MainReactPackage; 10 | import com.facebook.soloader.SoLoader; 11 | 12 | import java.util.Arrays; 13 | import java.util.List; 14 | 15 | public class MainApplication extends Application implements ReactApplication { 16 | 17 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 18 | @Override 19 | public boolean getUseDeveloperSupport() { 20 | return BuildConfig.DEBUG; 21 | } 22 | 23 | @Override 24 | protected List getPackages() { 25 | return Arrays.asList( 26 | new MainReactPackage(), 27 | new FastImageViewPackage() 28 | ); 29 | } 30 | }; 31 | 32 | @Override 33 | public ReactNativeHost getReactNativeHost() { 34 | return mReactNativeHost; 35 | } 36 | 37 | @Override 38 | public void onCreate() { 39 | super.onCreate(); 40 | SoLoader.init(this, /* native exopackage */ false); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brh55/react-native-masonry/4dd17cd8a749dc805f06f8a82340da9646c43527/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/brh55/react-native-masonry/4dd17cd8a749dc805f06f8a82340da9646c43527/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/brh55/react-native-masonry/4dd17cd8a749dc805f06f8a82340da9646c43527/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/brh55/react-native-masonry/4dd17cd8a749dc805f06f8a82340da9646c43527/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | example 3 | 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle: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/brh55/react-native-masonry/4dd17cd8a749dc805f06f8a82340da9646c43527/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 = 'example' 2 | include ':react-native-fast-image' 3 | project(':react-native-fast-image').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fast-image/android') 4 | 5 | include ':app' 6 | -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "example", 3 | "displayName": "example" 4 | } -------------------------------------------------------------------------------- /example/index.android.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { 3 | AppRegistry 4 | } from 'react-native'; 5 | import example from './App/Container/app'; 6 | 7 | AppRegistry.registerComponent('example', () => example); 8 | -------------------------------------------------------------------------------- /example/index.ios.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { 3 | AppRegistry 4 | } from 'react-native'; 5 | import example from './App/Container/app'; 6 | 7 | AppRegistry.registerComponent('example', () => example); 8 | -------------------------------------------------------------------------------- /example/ios/example-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/example-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/example.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | /* Begin PBXBuildFile section */ 9 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 10 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 11 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 12 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 13 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 14 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* exampleTests.m */; }; 15 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 16 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 17 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 18 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 19 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 20 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 21 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 22 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 23 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 25 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 26 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 27 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */; }; 28 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; }; 29 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; }; 30 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; }; 31 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; }; 32 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; }; 33 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; }; 34 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; }; 35 | 2DCD954D1E0B4F2C00145EB5 /* exampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* exampleTests.m */; }; 36 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 37 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 38 | A2071044A88B42A7AD4044A4 /* libFastImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3F0AE4CE3D3545C1B4EA167F /* libFastImage.a */; }; 39 | /* End PBXBuildFile section */ 40 | 41 | /* Begin PBXContainerItemProxy section */ 42 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 43 | isa = PBXContainerItemProxy; 44 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 45 | proxyType = 2; 46 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 47 | remoteInfo = RCTActionSheet; 48 | }; 49 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 50 | isa = PBXContainerItemProxy; 51 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 52 | proxyType = 2; 53 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 54 | remoteInfo = RCTGeolocation; 55 | }; 56 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 57 | isa = PBXContainerItemProxy; 58 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 59 | proxyType = 2; 60 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 61 | remoteInfo = RCTImage; 62 | }; 63 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 64 | isa = PBXContainerItemProxy; 65 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 66 | proxyType = 2; 67 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 68 | remoteInfo = RCTNetwork; 69 | }; 70 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 71 | isa = PBXContainerItemProxy; 72 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 73 | proxyType = 2; 74 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 75 | remoteInfo = RCTVibration; 76 | }; 77 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 78 | isa = PBXContainerItemProxy; 79 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 80 | proxyType = 1; 81 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 82 | remoteInfo = example; 83 | }; 84 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 85 | isa = PBXContainerItemProxy; 86 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 87 | proxyType = 2; 88 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 89 | remoteInfo = RCTSettings; 90 | }; 91 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 92 | isa = PBXContainerItemProxy; 93 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 94 | proxyType = 2; 95 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 96 | remoteInfo = RCTWebSocket; 97 | }; 98 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 99 | isa = PBXContainerItemProxy; 100 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 101 | proxyType = 2; 102 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 103 | remoteInfo = React; 104 | }; 105 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 106 | isa = PBXContainerItemProxy; 107 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 108 | proxyType = 1; 109 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 110 | remoteInfo = "example-tvOS"; 111 | }; 112 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 113 | isa = PBXContainerItemProxy; 114 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 115 | proxyType = 2; 116 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 117 | remoteInfo = "RCTImage-tvOS"; 118 | }; 119 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 120 | isa = PBXContainerItemProxy; 121 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 122 | proxyType = 2; 123 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 124 | remoteInfo = "RCTLinking-tvOS"; 125 | }; 126 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 127 | isa = PBXContainerItemProxy; 128 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 129 | proxyType = 2; 130 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 131 | remoteInfo = "RCTNetwork-tvOS"; 132 | }; 133 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 134 | isa = PBXContainerItemProxy; 135 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 136 | proxyType = 2; 137 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 138 | remoteInfo = "RCTSettings-tvOS"; 139 | }; 140 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 141 | isa = PBXContainerItemProxy; 142 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 143 | proxyType = 2; 144 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 145 | remoteInfo = "RCTText-tvOS"; 146 | }; 147 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 148 | isa = PBXContainerItemProxy; 149 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 150 | proxyType = 2; 151 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 152 | remoteInfo = "RCTWebSocket-tvOS"; 153 | }; 154 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 155 | isa = PBXContainerItemProxy; 156 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 157 | proxyType = 2; 158 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 159 | remoteInfo = "React-tvOS"; 160 | }; 161 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 162 | isa = PBXContainerItemProxy; 163 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 164 | proxyType = 2; 165 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 166 | remoteInfo = yoga; 167 | }; 168 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 169 | isa = PBXContainerItemProxy; 170 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 171 | proxyType = 2; 172 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 173 | remoteInfo = "yoga-tvOS"; 174 | }; 175 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 176 | isa = PBXContainerItemProxy; 177 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 178 | proxyType = 2; 179 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 180 | remoteInfo = cxxreact; 181 | }; 182 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 183 | isa = PBXContainerItemProxy; 184 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 185 | proxyType = 2; 186 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 187 | remoteInfo = "cxxreact-tvOS"; 188 | }; 189 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 190 | isa = PBXContainerItemProxy; 191 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 192 | proxyType = 2; 193 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 194 | remoteInfo = jschelpers; 195 | }; 196 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 197 | isa = PBXContainerItemProxy; 198 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 199 | proxyType = 2; 200 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 201 | remoteInfo = "jschelpers-tvOS"; 202 | }; 203 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 204 | isa = PBXContainerItemProxy; 205 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 206 | proxyType = 2; 207 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 208 | remoteInfo = RCTAnimation; 209 | }; 210 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 211 | isa = PBXContainerItemProxy; 212 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 213 | proxyType = 2; 214 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 215 | remoteInfo = "RCTAnimation-tvOS"; 216 | }; 217 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 218 | isa = PBXContainerItemProxy; 219 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 220 | proxyType = 2; 221 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 222 | remoteInfo = RCTLinking; 223 | }; 224 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 225 | isa = PBXContainerItemProxy; 226 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 227 | proxyType = 2; 228 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 229 | remoteInfo = RCTText; 230 | }; 231 | /* End PBXContainerItemProxy section */ 232 | 233 | /* Begin PBXFileReference section */ 234 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 235 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 236 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 237 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 238 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 239 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 240 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = exampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 241 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 242 | 00E356F21AD99517003FC87E /* exampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = exampleTests.m; sourceTree = ""; }; 243 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 244 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 245 | 13B07F961A680F5B00A75B9A /* example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = example.app; sourceTree = BUILT_PRODUCTS_DIR; }; 246 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = example/AppDelegate.h; sourceTree = ""; }; 247 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = example/AppDelegate.m; sourceTree = ""; }; 248 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 249 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = example/Images.xcassets; sourceTree = ""; }; 250 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = example/Info.plist; sourceTree = ""; }; 251 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = example/main.m; sourceTree = ""; }; 252 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 253 | 2D02E47B1E0B4A5D006451C7 /* example-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "example-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 254 | 2D02E4901E0B4A5D006451C7 /* example-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "example-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 255 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 256 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 257 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 258 | F4C0E7CF4C204B7CB7B60519 /* FastImage.xcodeproj */ = {isa = PBXFileReference; name = "FastImage.xcodeproj"; path = "../node_modules/react-native-fast-image/ios/FastImage.xcodeproj"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; }; 259 | 3F0AE4CE3D3545C1B4EA167F /* libFastImage.a */ = {isa = PBXFileReference; name = "libFastImage.a"; path = "libFastImage.a"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; }; 260 | /* End PBXFileReference section */ 261 | 262 | /* Begin PBXFrameworksBuildPhase section */ 263 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 264 | isa = PBXFrameworksBuildPhase; 265 | buildActionMask = 2147483647; 266 | files = ( 267 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 268 | ); 269 | runOnlyForDeploymentPostprocessing = 0; 270 | }; 271 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 272 | isa = PBXFrameworksBuildPhase; 273 | buildActionMask = 2147483647; 274 | files = ( 275 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 276 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 277 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 278 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 279 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 280 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 281 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 282 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 283 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 284 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 285 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 286 | A2071044A88B42A7AD4044A4 /* libFastImage.a in Frameworks */, 287 | ); 288 | runOnlyForDeploymentPostprocessing = 0; 289 | }; 290 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 291 | isa = PBXFrameworksBuildPhase; 292 | buildActionMask = 2147483647; 293 | files = ( 294 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */, 295 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */, 296 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */, 297 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */, 298 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */, 299 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */, 300 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */, 301 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */, 302 | ); 303 | runOnlyForDeploymentPostprocessing = 0; 304 | }; 305 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 306 | isa = PBXFrameworksBuildPhase; 307 | buildActionMask = 2147483647; 308 | files = ( 309 | ); 310 | runOnlyForDeploymentPostprocessing = 0; 311 | }; 312 | /* End PBXFrameworksBuildPhase section */ 313 | 314 | /* Begin PBXGroup section */ 315 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 316 | isa = PBXGroup; 317 | children = ( 318 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 319 | ); 320 | name = Products; 321 | sourceTree = ""; 322 | }; 323 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 324 | isa = PBXGroup; 325 | children = ( 326 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 327 | ); 328 | name = Products; 329 | sourceTree = ""; 330 | }; 331 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 332 | isa = PBXGroup; 333 | children = ( 334 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 335 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 336 | ); 337 | name = Products; 338 | sourceTree = ""; 339 | }; 340 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 341 | isa = PBXGroup; 342 | children = ( 343 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 344 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 345 | ); 346 | name = Products; 347 | sourceTree = ""; 348 | }; 349 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 350 | isa = PBXGroup; 351 | children = ( 352 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 353 | ); 354 | name = Products; 355 | sourceTree = ""; 356 | }; 357 | 00E356EF1AD99517003FC87E /* exampleTests */ = { 358 | isa = PBXGroup; 359 | children = ( 360 | 00E356F21AD99517003FC87E /* exampleTests.m */, 361 | 00E356F01AD99517003FC87E /* Supporting Files */, 362 | ); 363 | path = exampleTests; 364 | sourceTree = ""; 365 | }; 366 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 367 | isa = PBXGroup; 368 | children = ( 369 | 00E356F11AD99517003FC87E /* Info.plist */, 370 | ); 371 | name = "Supporting Files"; 372 | sourceTree = ""; 373 | }; 374 | 139105B71AF99BAD00B5F7CC /* Products */ = { 375 | isa = PBXGroup; 376 | children = ( 377 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 378 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 379 | ); 380 | name = Products; 381 | sourceTree = ""; 382 | }; 383 | 139FDEE71B06529A00C62182 /* Products */ = { 384 | isa = PBXGroup; 385 | children = ( 386 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 387 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 388 | ); 389 | name = Products; 390 | sourceTree = ""; 391 | }; 392 | 13B07FAE1A68108700A75B9A /* example */ = { 393 | isa = PBXGroup; 394 | children = ( 395 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 396 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 397 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 398 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 399 | 13B07FB61A68108700A75B9A /* Info.plist */, 400 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 401 | 13B07FB71A68108700A75B9A /* main.m */, 402 | ); 403 | name = example; 404 | sourceTree = ""; 405 | }; 406 | 146834001AC3E56700842450 /* Products */ = { 407 | isa = PBXGroup; 408 | children = ( 409 | 146834041AC3E56700842450 /* libReact.a */, 410 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 411 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 412 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 413 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 414 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 415 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 416 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 417 | ); 418 | name = Products; 419 | sourceTree = ""; 420 | }; 421 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 422 | isa = PBXGroup; 423 | children = ( 424 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 425 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 426 | ); 427 | name = Products; 428 | sourceTree = ""; 429 | }; 430 | 78C398B11ACF4ADC00677621 /* Products */ = { 431 | isa = PBXGroup; 432 | children = ( 433 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 434 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 435 | ); 436 | name = Products; 437 | sourceTree = ""; 438 | }; 439 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 440 | isa = PBXGroup; 441 | children = ( 442 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 443 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 444 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 445 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 446 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 447 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 448 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 449 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 450 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 451 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 452 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 453 | F4C0E7CF4C204B7CB7B60519 /* FastImage.xcodeproj */, 454 | ); 455 | name = Libraries; 456 | sourceTree = ""; 457 | }; 458 | 832341B11AAA6A8300B99B32 /* Products */ = { 459 | isa = PBXGroup; 460 | children = ( 461 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 462 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 463 | ); 464 | name = Products; 465 | sourceTree = ""; 466 | }; 467 | 83CBB9F61A601CBA00E9B192 = { 468 | isa = PBXGroup; 469 | children = ( 470 | 13B07FAE1A68108700A75B9A /* example */, 471 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 472 | 00E356EF1AD99517003FC87E /* exampleTests */, 473 | 83CBBA001A601CBA00E9B192 /* Products */, 474 | ); 475 | indentWidth = 2; 476 | sourceTree = ""; 477 | tabWidth = 2; 478 | }; 479 | 83CBBA001A601CBA00E9B192 /* Products */ = { 480 | isa = PBXGroup; 481 | children = ( 482 | 13B07F961A680F5B00A75B9A /* example.app */, 483 | 00E356EE1AD99517003FC87E /* exampleTests.xctest */, 484 | 2D02E47B1E0B4A5D006451C7 /* example-tvOS.app */, 485 | 2D02E4901E0B4A5D006451C7 /* example-tvOSTests.xctest */, 486 | ); 487 | name = Products; 488 | sourceTree = ""; 489 | }; 490 | /* End PBXGroup section */ 491 | 492 | /* Begin PBXNativeTarget section */ 493 | 00E356ED1AD99517003FC87E /* exampleTests */ = { 494 | isa = PBXNativeTarget; 495 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */; 496 | buildPhases = ( 497 | 00E356EA1AD99517003FC87E /* Sources */, 498 | 00E356EB1AD99517003FC87E /* Frameworks */, 499 | 00E356EC1AD99517003FC87E /* Resources */, 500 | ); 501 | buildRules = ( 502 | ); 503 | dependencies = ( 504 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 505 | ); 506 | name = exampleTests; 507 | productName = exampleTests; 508 | productReference = 00E356EE1AD99517003FC87E /* exampleTests.xctest */; 509 | productType = "com.apple.product-type.bundle.unit-test"; 510 | }; 511 | 13B07F861A680F5B00A75B9A /* example */ = { 512 | isa = PBXNativeTarget; 513 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */; 514 | buildPhases = ( 515 | 13B07F871A680F5B00A75B9A /* Sources */, 516 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 517 | 13B07F8E1A680F5B00A75B9A /* Resources */, 518 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 519 | ); 520 | buildRules = ( 521 | ); 522 | dependencies = ( 523 | ); 524 | name = example; 525 | productName = "Hello World"; 526 | productReference = 13B07F961A680F5B00A75B9A /* example.app */; 527 | productType = "com.apple.product-type.application"; 528 | }; 529 | 2D02E47A1E0B4A5D006451C7 /* example-tvOS */ = { 530 | isa = PBXNativeTarget; 531 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOS" */; 532 | buildPhases = ( 533 | 2D02E4771E0B4A5D006451C7 /* Sources */, 534 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 535 | 2D02E4791E0B4A5D006451C7 /* Resources */, 536 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 537 | ); 538 | buildRules = ( 539 | ); 540 | dependencies = ( 541 | ); 542 | name = "example-tvOS"; 543 | productName = "example-tvOS"; 544 | productReference = 2D02E47B1E0B4A5D006451C7 /* example-tvOS.app */; 545 | productType = "com.apple.product-type.application"; 546 | }; 547 | 2D02E48F1E0B4A5D006451C7 /* example-tvOSTests */ = { 548 | isa = PBXNativeTarget; 549 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOSTests" */; 550 | buildPhases = ( 551 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 552 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 553 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 554 | ); 555 | buildRules = ( 556 | ); 557 | dependencies = ( 558 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 559 | ); 560 | name = "example-tvOSTests"; 561 | productName = "example-tvOSTests"; 562 | productReference = 2D02E4901E0B4A5D006451C7 /* example-tvOSTests.xctest */; 563 | productType = "com.apple.product-type.bundle.unit-test"; 564 | }; 565 | /* End PBXNativeTarget section */ 566 | 567 | /* Begin PBXProject section */ 568 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 569 | isa = PBXProject; 570 | attributes = { 571 | LastUpgradeCheck = 610; 572 | ORGANIZATIONNAME = Facebook; 573 | TargetAttributes = { 574 | 00E356ED1AD99517003FC87E = { 575 | CreatedOnToolsVersion = 6.2; 576 | TestTargetID = 13B07F861A680F5B00A75B9A; 577 | }; 578 | 2D02E47A1E0B4A5D006451C7 = { 579 | CreatedOnToolsVersion = 8.2.1; 580 | ProvisioningStyle = Automatic; 581 | }; 582 | 2D02E48F1E0B4A5D006451C7 = { 583 | CreatedOnToolsVersion = 8.2.1; 584 | ProvisioningStyle = Automatic; 585 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 586 | }; 587 | }; 588 | }; 589 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */; 590 | compatibilityVersion = "Xcode 3.2"; 591 | developmentRegion = English; 592 | hasScannedForEncodings = 0; 593 | knownRegions = ( 594 | en, 595 | Base, 596 | ); 597 | mainGroup = 83CBB9F61A601CBA00E9B192; 598 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 599 | projectDirPath = ""; 600 | projectReferences = ( 601 | { 602 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 603 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 604 | }, 605 | { 606 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 607 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 608 | }, 609 | { 610 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 611 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 612 | }, 613 | { 614 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 615 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 616 | }, 617 | { 618 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 619 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 620 | }, 621 | { 622 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 623 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 624 | }, 625 | { 626 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 627 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 628 | }, 629 | { 630 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 631 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 632 | }, 633 | { 634 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 635 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 636 | }, 637 | { 638 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 639 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 640 | }, 641 | { 642 | ProductGroup = 146834001AC3E56700842450 /* Products */; 643 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 644 | }, 645 | ); 646 | projectRoot = ""; 647 | targets = ( 648 | 13B07F861A680F5B00A75B9A /* example */, 649 | 00E356ED1AD99517003FC87E /* exampleTests */, 650 | 2D02E47A1E0B4A5D006451C7 /* example-tvOS */, 651 | 2D02E48F1E0B4A5D006451C7 /* example-tvOSTests */, 652 | ); 653 | }; 654 | /* End PBXProject section */ 655 | 656 | /* Begin PBXReferenceProxy section */ 657 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 658 | isa = PBXReferenceProxy; 659 | fileType = archive.ar; 660 | path = libRCTActionSheet.a; 661 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 662 | sourceTree = BUILT_PRODUCTS_DIR; 663 | }; 664 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 665 | isa = PBXReferenceProxy; 666 | fileType = archive.ar; 667 | path = libRCTGeolocation.a; 668 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 669 | sourceTree = BUILT_PRODUCTS_DIR; 670 | }; 671 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 672 | isa = PBXReferenceProxy; 673 | fileType = archive.ar; 674 | path = libRCTImage.a; 675 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 676 | sourceTree = BUILT_PRODUCTS_DIR; 677 | }; 678 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 679 | isa = PBXReferenceProxy; 680 | fileType = archive.ar; 681 | path = libRCTNetwork.a; 682 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 683 | sourceTree = BUILT_PRODUCTS_DIR; 684 | }; 685 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 686 | isa = PBXReferenceProxy; 687 | fileType = archive.ar; 688 | path = libRCTVibration.a; 689 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 690 | sourceTree = BUILT_PRODUCTS_DIR; 691 | }; 692 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 693 | isa = PBXReferenceProxy; 694 | fileType = archive.ar; 695 | path = libRCTSettings.a; 696 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 697 | sourceTree = BUILT_PRODUCTS_DIR; 698 | }; 699 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 700 | isa = PBXReferenceProxy; 701 | fileType = archive.ar; 702 | path = libRCTWebSocket.a; 703 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 704 | sourceTree = BUILT_PRODUCTS_DIR; 705 | }; 706 | 146834041AC3E56700842450 /* libReact.a */ = { 707 | isa = PBXReferenceProxy; 708 | fileType = archive.ar; 709 | path = libReact.a; 710 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 711 | sourceTree = BUILT_PRODUCTS_DIR; 712 | }; 713 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 714 | isa = PBXReferenceProxy; 715 | fileType = archive.ar; 716 | path = "libRCTImage-tvOS.a"; 717 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 718 | sourceTree = BUILT_PRODUCTS_DIR; 719 | }; 720 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 721 | isa = PBXReferenceProxy; 722 | fileType = archive.ar; 723 | path = "libRCTLinking-tvOS.a"; 724 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 725 | sourceTree = BUILT_PRODUCTS_DIR; 726 | }; 727 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 728 | isa = PBXReferenceProxy; 729 | fileType = archive.ar; 730 | path = "libRCTNetwork-tvOS.a"; 731 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 732 | sourceTree = BUILT_PRODUCTS_DIR; 733 | }; 734 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 735 | isa = PBXReferenceProxy; 736 | fileType = archive.ar; 737 | path = "libRCTSettings-tvOS.a"; 738 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 739 | sourceTree = BUILT_PRODUCTS_DIR; 740 | }; 741 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 742 | isa = PBXReferenceProxy; 743 | fileType = archive.ar; 744 | path = "libRCTText-tvOS.a"; 745 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 746 | sourceTree = BUILT_PRODUCTS_DIR; 747 | }; 748 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 749 | isa = PBXReferenceProxy; 750 | fileType = archive.ar; 751 | path = "libRCTWebSocket-tvOS.a"; 752 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 753 | sourceTree = BUILT_PRODUCTS_DIR; 754 | }; 755 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 756 | isa = PBXReferenceProxy; 757 | fileType = archive.ar; 758 | path = libReact.a; 759 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 760 | sourceTree = BUILT_PRODUCTS_DIR; 761 | }; 762 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 763 | isa = PBXReferenceProxy; 764 | fileType = archive.ar; 765 | path = libyoga.a; 766 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 767 | sourceTree = BUILT_PRODUCTS_DIR; 768 | }; 769 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 770 | isa = PBXReferenceProxy; 771 | fileType = archive.ar; 772 | path = libyoga.a; 773 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 774 | sourceTree = BUILT_PRODUCTS_DIR; 775 | }; 776 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 777 | isa = PBXReferenceProxy; 778 | fileType = archive.ar; 779 | path = libcxxreact.a; 780 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 781 | sourceTree = BUILT_PRODUCTS_DIR; 782 | }; 783 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 784 | isa = PBXReferenceProxy; 785 | fileType = archive.ar; 786 | path = libcxxreact.a; 787 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 788 | sourceTree = BUILT_PRODUCTS_DIR; 789 | }; 790 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 791 | isa = PBXReferenceProxy; 792 | fileType = archive.ar; 793 | path = libjschelpers.a; 794 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 795 | sourceTree = BUILT_PRODUCTS_DIR; 796 | }; 797 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 798 | isa = PBXReferenceProxy; 799 | fileType = archive.ar; 800 | path = libjschelpers.a; 801 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 802 | sourceTree = BUILT_PRODUCTS_DIR; 803 | }; 804 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 805 | isa = PBXReferenceProxy; 806 | fileType = archive.ar; 807 | path = libRCTAnimation.a; 808 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 809 | sourceTree = BUILT_PRODUCTS_DIR; 810 | }; 811 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 812 | isa = PBXReferenceProxy; 813 | fileType = archive.ar; 814 | path = "libRCTAnimation-tvOS.a"; 815 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 816 | sourceTree = BUILT_PRODUCTS_DIR; 817 | }; 818 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 819 | isa = PBXReferenceProxy; 820 | fileType = archive.ar; 821 | path = libRCTLinking.a; 822 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 823 | sourceTree = BUILT_PRODUCTS_DIR; 824 | }; 825 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 826 | isa = PBXReferenceProxy; 827 | fileType = archive.ar; 828 | path = libRCTText.a; 829 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 830 | sourceTree = BUILT_PRODUCTS_DIR; 831 | }; 832 | /* End PBXReferenceProxy section */ 833 | 834 | /* Begin PBXResourcesBuildPhase section */ 835 | 00E356EC1AD99517003FC87E /* Resources */ = { 836 | isa = PBXResourcesBuildPhase; 837 | buildActionMask = 2147483647; 838 | files = ( 839 | ); 840 | runOnlyForDeploymentPostprocessing = 0; 841 | }; 842 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 843 | isa = PBXResourcesBuildPhase; 844 | buildActionMask = 2147483647; 845 | files = ( 846 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 847 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 848 | ); 849 | runOnlyForDeploymentPostprocessing = 0; 850 | }; 851 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 852 | isa = PBXResourcesBuildPhase; 853 | buildActionMask = 2147483647; 854 | files = ( 855 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 856 | ); 857 | runOnlyForDeploymentPostprocessing = 0; 858 | }; 859 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 860 | isa = PBXResourcesBuildPhase; 861 | buildActionMask = 2147483647; 862 | files = ( 863 | ); 864 | runOnlyForDeploymentPostprocessing = 0; 865 | }; 866 | /* End PBXResourcesBuildPhase section */ 867 | 868 | /* Begin PBXShellScriptBuildPhase section */ 869 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 870 | isa = PBXShellScriptBuildPhase; 871 | buildActionMask = 2147483647; 872 | files = ( 873 | ); 874 | inputPaths = ( 875 | ); 876 | name = "Bundle React Native code and images"; 877 | outputPaths = ( 878 | ); 879 | runOnlyForDeploymentPostprocessing = 0; 880 | shellPath = /bin/sh; 881 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 882 | }; 883 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 884 | isa = PBXShellScriptBuildPhase; 885 | buildActionMask = 2147483647; 886 | files = ( 887 | ); 888 | inputPaths = ( 889 | ); 890 | name = "Bundle React Native Code And Images"; 891 | outputPaths = ( 892 | ); 893 | runOnlyForDeploymentPostprocessing = 0; 894 | shellPath = /bin/sh; 895 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 896 | }; 897 | /* End PBXShellScriptBuildPhase section */ 898 | 899 | /* Begin PBXSourcesBuildPhase section */ 900 | 00E356EA1AD99517003FC87E /* Sources */ = { 901 | isa = PBXSourcesBuildPhase; 902 | buildActionMask = 2147483647; 903 | files = ( 904 | 00E356F31AD99517003FC87E /* exampleTests.m in Sources */, 905 | ); 906 | runOnlyForDeploymentPostprocessing = 0; 907 | }; 908 | 13B07F871A680F5B00A75B9A /* Sources */ = { 909 | isa = PBXSourcesBuildPhase; 910 | buildActionMask = 2147483647; 911 | files = ( 912 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 913 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 914 | ); 915 | runOnlyForDeploymentPostprocessing = 0; 916 | }; 917 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 918 | isa = PBXSourcesBuildPhase; 919 | buildActionMask = 2147483647; 920 | files = ( 921 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 922 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 923 | ); 924 | runOnlyForDeploymentPostprocessing = 0; 925 | }; 926 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 927 | isa = PBXSourcesBuildPhase; 928 | buildActionMask = 2147483647; 929 | files = ( 930 | 2DCD954D1E0B4F2C00145EB5 /* exampleTests.m in Sources */, 931 | ); 932 | runOnlyForDeploymentPostprocessing = 0; 933 | }; 934 | /* End PBXSourcesBuildPhase section */ 935 | 936 | /* Begin PBXTargetDependency section */ 937 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 938 | isa = PBXTargetDependency; 939 | target = 13B07F861A680F5B00A75B9A /* example */; 940 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 941 | }; 942 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 943 | isa = PBXTargetDependency; 944 | target = 2D02E47A1E0B4A5D006451C7 /* example-tvOS */; 945 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 946 | }; 947 | /* End PBXTargetDependency section */ 948 | 949 | /* Begin PBXVariantGroup section */ 950 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 951 | isa = PBXVariantGroup; 952 | children = ( 953 | 13B07FB21A68108700A75B9A /* Base */, 954 | ); 955 | name = LaunchScreen.xib; 956 | path = example; 957 | sourceTree = ""; 958 | }; 959 | /* End PBXVariantGroup section */ 960 | 961 | /* Begin XCBuildConfiguration section */ 962 | 00E356F61AD99517003FC87E /* Debug */ = { 963 | isa = XCBuildConfiguration; 964 | buildSettings = { 965 | BUNDLE_LOADER = "$(TEST_HOST)"; 966 | GCC_PREPROCESSOR_DEFINITIONS = ( 967 | "DEBUG=1", 968 | "$(inherited)", 969 | ); 970 | INFOPLIST_FILE = exampleTests/Info.plist; 971 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 972 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 973 | OTHER_LDFLAGS = ( 974 | "-ObjC", 975 | "-lc++", 976 | ); 977 | PRODUCT_NAME = "$(TARGET_NAME)"; 978 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example"; 979 | LIBRARY_SEARCH_PATHS = ( 980 | "$(inherited)", 981 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 982 | ); 983 | HEADER_SEARCH_PATHS = ( 984 | "$(inherited)", 985 | "$(SRCROOT)/../node_modules/react-native-fast-image/ios/FastImage/**", 986 | ); 987 | }; 988 | name = Debug; 989 | }; 990 | 00E356F71AD99517003FC87E /* Release */ = { 991 | isa = XCBuildConfiguration; 992 | buildSettings = { 993 | BUNDLE_LOADER = "$(TEST_HOST)"; 994 | COPY_PHASE_STRIP = NO; 995 | INFOPLIST_FILE = exampleTests/Info.plist; 996 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 997 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 998 | OTHER_LDFLAGS = ( 999 | "-ObjC", 1000 | "-lc++", 1001 | ); 1002 | PRODUCT_NAME = "$(TARGET_NAME)"; 1003 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example"; 1004 | LIBRARY_SEARCH_PATHS = ( 1005 | "$(inherited)", 1006 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1007 | ); 1008 | HEADER_SEARCH_PATHS = ( 1009 | "$(inherited)", 1010 | "$(SRCROOT)/../node_modules/react-native-fast-image/ios/FastImage/**", 1011 | ); 1012 | }; 1013 | name = Release; 1014 | }; 1015 | 13B07F941A680F5B00A75B9A /* Debug */ = { 1016 | isa = XCBuildConfiguration; 1017 | buildSettings = { 1018 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1019 | CURRENT_PROJECT_VERSION = 1; 1020 | DEAD_CODE_STRIPPING = NO; 1021 | INFOPLIST_FILE = example/Info.plist; 1022 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1023 | OTHER_LDFLAGS = ( 1024 | "$(inherited)", 1025 | "-ObjC", 1026 | "-lc++", 1027 | ); 1028 | PRODUCT_NAME = example; 1029 | VERSIONING_SYSTEM = "apple-generic"; 1030 | HEADER_SEARCH_PATHS = ( 1031 | "$(inherited)", 1032 | "$(SRCROOT)/../node_modules/react-native-fast-image/ios/FastImage/**", 1033 | ); 1034 | }; 1035 | name = Debug; 1036 | }; 1037 | 13B07F951A680F5B00A75B9A /* Release */ = { 1038 | isa = XCBuildConfiguration; 1039 | buildSettings = { 1040 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1041 | CURRENT_PROJECT_VERSION = 1; 1042 | INFOPLIST_FILE = example/Info.plist; 1043 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1044 | OTHER_LDFLAGS = ( 1045 | "$(inherited)", 1046 | "-ObjC", 1047 | "-lc++", 1048 | ); 1049 | PRODUCT_NAME = example; 1050 | VERSIONING_SYSTEM = "apple-generic"; 1051 | HEADER_SEARCH_PATHS = ( 1052 | "$(inherited)", 1053 | "$(SRCROOT)/../node_modules/react-native-fast-image/ios/FastImage/**", 1054 | ); 1055 | }; 1056 | name = Release; 1057 | }; 1058 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 1059 | isa = XCBuildConfiguration; 1060 | buildSettings = { 1061 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1062 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1063 | CLANG_ANALYZER_NONNULL = YES; 1064 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1065 | CLANG_WARN_INFINITE_RECURSION = YES; 1066 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1067 | DEBUG_INFORMATION_FORMAT = dwarf; 1068 | ENABLE_TESTABILITY = YES; 1069 | GCC_NO_COMMON_BLOCKS = YES; 1070 | INFOPLIST_FILE = "example-tvOS/Info.plist"; 1071 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1072 | OTHER_LDFLAGS = ( 1073 | "-ObjC", 1074 | "-lc++", 1075 | ); 1076 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.example-tvOS"; 1077 | PRODUCT_NAME = "$(TARGET_NAME)"; 1078 | SDKROOT = appletvos; 1079 | TARGETED_DEVICE_FAMILY = 3; 1080 | TVOS_DEPLOYMENT_TARGET = 9.2; 1081 | LIBRARY_SEARCH_PATHS = ( 1082 | "$(inherited)", 1083 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1084 | ); 1085 | HEADER_SEARCH_PATHS = ( 1086 | "$(inherited)", 1087 | "$(SRCROOT)/../node_modules/react-native-fast-image/ios/FastImage/**", 1088 | ); 1089 | }; 1090 | name = Debug; 1091 | }; 1092 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 1093 | isa = XCBuildConfiguration; 1094 | buildSettings = { 1095 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1096 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1097 | CLANG_ANALYZER_NONNULL = YES; 1098 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1099 | CLANG_WARN_INFINITE_RECURSION = YES; 1100 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1101 | COPY_PHASE_STRIP = NO; 1102 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1103 | GCC_NO_COMMON_BLOCKS = YES; 1104 | INFOPLIST_FILE = "example-tvOS/Info.plist"; 1105 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1106 | OTHER_LDFLAGS = ( 1107 | "-ObjC", 1108 | "-lc++", 1109 | ); 1110 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.example-tvOS"; 1111 | PRODUCT_NAME = "$(TARGET_NAME)"; 1112 | SDKROOT = appletvos; 1113 | TARGETED_DEVICE_FAMILY = 3; 1114 | TVOS_DEPLOYMENT_TARGET = 9.2; 1115 | LIBRARY_SEARCH_PATHS = ( 1116 | "$(inherited)", 1117 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1118 | ); 1119 | HEADER_SEARCH_PATHS = ( 1120 | "$(inherited)", 1121 | "$(SRCROOT)/../node_modules/react-native-fast-image/ios/FastImage/**", 1122 | ); 1123 | }; 1124 | name = Release; 1125 | }; 1126 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 1127 | isa = XCBuildConfiguration; 1128 | buildSettings = { 1129 | BUNDLE_LOADER = "$(TEST_HOST)"; 1130 | CLANG_ANALYZER_NONNULL = YES; 1131 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1132 | CLANG_WARN_INFINITE_RECURSION = YES; 1133 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1134 | DEBUG_INFORMATION_FORMAT = dwarf; 1135 | ENABLE_TESTABILITY = YES; 1136 | GCC_NO_COMMON_BLOCKS = YES; 1137 | INFOPLIST_FILE = "example-tvOSTests/Info.plist"; 1138 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1139 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.example-tvOSTests"; 1140 | PRODUCT_NAME = "$(TARGET_NAME)"; 1141 | SDKROOT = appletvos; 1142 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example-tvOS.app/example-tvOS"; 1143 | TVOS_DEPLOYMENT_TARGET = 10.1; 1144 | LIBRARY_SEARCH_PATHS = ( 1145 | "$(inherited)", 1146 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1147 | ); 1148 | }; 1149 | name = Debug; 1150 | }; 1151 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 1152 | isa = XCBuildConfiguration; 1153 | buildSettings = { 1154 | BUNDLE_LOADER = "$(TEST_HOST)"; 1155 | CLANG_ANALYZER_NONNULL = YES; 1156 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1157 | CLANG_WARN_INFINITE_RECURSION = YES; 1158 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1159 | COPY_PHASE_STRIP = NO; 1160 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1161 | GCC_NO_COMMON_BLOCKS = YES; 1162 | INFOPLIST_FILE = "example-tvOSTests/Info.plist"; 1163 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1164 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.example-tvOSTests"; 1165 | PRODUCT_NAME = "$(TARGET_NAME)"; 1166 | SDKROOT = appletvos; 1167 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example-tvOS.app/example-tvOS"; 1168 | TVOS_DEPLOYMENT_TARGET = 10.1; 1169 | LIBRARY_SEARCH_PATHS = ( 1170 | "$(inherited)", 1171 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1172 | ); 1173 | }; 1174 | name = Release; 1175 | }; 1176 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 1177 | isa = XCBuildConfiguration; 1178 | buildSettings = { 1179 | ALWAYS_SEARCH_USER_PATHS = NO; 1180 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1181 | CLANG_CXX_LIBRARY = "libc++"; 1182 | CLANG_ENABLE_MODULES = YES; 1183 | CLANG_ENABLE_OBJC_ARC = YES; 1184 | CLANG_WARN_BOOL_CONVERSION = YES; 1185 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1186 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1187 | CLANG_WARN_EMPTY_BODY = YES; 1188 | CLANG_WARN_ENUM_CONVERSION = YES; 1189 | CLANG_WARN_INT_CONVERSION = YES; 1190 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1191 | CLANG_WARN_UNREACHABLE_CODE = YES; 1192 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1193 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1194 | COPY_PHASE_STRIP = NO; 1195 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1196 | GCC_C_LANGUAGE_STANDARD = gnu99; 1197 | GCC_DYNAMIC_NO_PIC = NO; 1198 | GCC_OPTIMIZATION_LEVEL = 0; 1199 | GCC_PREPROCESSOR_DEFINITIONS = ( 1200 | "DEBUG=1", 1201 | "$(inherited)", 1202 | ); 1203 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 1204 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1205 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1206 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1207 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1208 | GCC_WARN_UNUSED_FUNCTION = YES; 1209 | GCC_WARN_UNUSED_VARIABLE = YES; 1210 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1211 | MTL_ENABLE_DEBUG_INFO = YES; 1212 | ONLY_ACTIVE_ARCH = YES; 1213 | SDKROOT = iphoneos; 1214 | }; 1215 | name = Debug; 1216 | }; 1217 | 83CBBA211A601CBA00E9B192 /* Release */ = { 1218 | isa = XCBuildConfiguration; 1219 | buildSettings = { 1220 | ALWAYS_SEARCH_USER_PATHS = NO; 1221 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1222 | CLANG_CXX_LIBRARY = "libc++"; 1223 | CLANG_ENABLE_MODULES = YES; 1224 | CLANG_ENABLE_OBJC_ARC = YES; 1225 | CLANG_WARN_BOOL_CONVERSION = YES; 1226 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1227 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1228 | CLANG_WARN_EMPTY_BODY = YES; 1229 | CLANG_WARN_ENUM_CONVERSION = YES; 1230 | CLANG_WARN_INT_CONVERSION = YES; 1231 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1232 | CLANG_WARN_UNREACHABLE_CODE = YES; 1233 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1234 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1235 | COPY_PHASE_STRIP = YES; 1236 | ENABLE_NS_ASSERTIONS = NO; 1237 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1238 | GCC_C_LANGUAGE_STANDARD = gnu99; 1239 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1240 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1241 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1242 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1243 | GCC_WARN_UNUSED_FUNCTION = YES; 1244 | GCC_WARN_UNUSED_VARIABLE = YES; 1245 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1246 | MTL_ENABLE_DEBUG_INFO = NO; 1247 | SDKROOT = iphoneos; 1248 | VALIDATE_PRODUCT = YES; 1249 | }; 1250 | name = Release; 1251 | }; 1252 | /* End XCBuildConfiguration section */ 1253 | 1254 | /* Begin XCConfigurationList section */ 1255 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */ = { 1256 | isa = XCConfigurationList; 1257 | buildConfigurations = ( 1258 | 00E356F61AD99517003FC87E /* Debug */, 1259 | 00E356F71AD99517003FC87E /* Release */, 1260 | ); 1261 | defaultConfigurationIsVisible = 0; 1262 | defaultConfigurationName = Release; 1263 | }; 1264 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */ = { 1265 | isa = XCConfigurationList; 1266 | buildConfigurations = ( 1267 | 13B07F941A680F5B00A75B9A /* Debug */, 1268 | 13B07F951A680F5B00A75B9A /* Release */, 1269 | ); 1270 | defaultConfigurationIsVisible = 0; 1271 | defaultConfigurationName = Release; 1272 | }; 1273 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOS" */ = { 1274 | isa = XCConfigurationList; 1275 | buildConfigurations = ( 1276 | 2D02E4971E0B4A5E006451C7 /* Debug */, 1277 | 2D02E4981E0B4A5E006451C7 /* Release */, 1278 | ); 1279 | defaultConfigurationIsVisible = 0; 1280 | defaultConfigurationName = Release; 1281 | }; 1282 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOSTests" */ = { 1283 | isa = XCConfigurationList; 1284 | buildConfigurations = ( 1285 | 2D02E4991E0B4A5E006451C7 /* Debug */, 1286 | 2D02E49A1E0B4A5E006451C7 /* Release */, 1287 | ); 1288 | defaultConfigurationIsVisible = 0; 1289 | defaultConfigurationName = Release; 1290 | }; 1291 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */ = { 1292 | isa = XCConfigurationList; 1293 | buildConfigurations = ( 1294 | 83CBBA201A601CBA00E9B192 /* Debug */, 1295 | 83CBBA211A601CBA00E9B192 /* Release */, 1296 | ); 1297 | defaultConfigurationIsVisible = 0; 1298 | defaultConfigurationName = Release; 1299 | }; 1300 | /* End XCConfigurationList section */ 1301 | }; 1302 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1303 | } 1304 | -------------------------------------------------------------------------------- /example/ios/example.xcodeproj/xcshareddata/xcschemes/example-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/example.xcodeproj/xcshareddata/xcschemes/example.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /example/ios/example/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /example/ios/example/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"example" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /example/ios/example/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /example/ios/example/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /example/ios/example/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | example 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 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /example/ios/example/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /example/ios/exampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/ios/exampleTests/exampleTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface exampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation exampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[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/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "example", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node node_modules/react-native/local-cli/cli.js start", 7 | "test": "jest" 8 | }, 9 | "dependencies": { 10 | "react": "16.0.0-alpha.6", 11 | "react-native": "^0.43.4", 12 | "react-native-fast-image": "^1.0.0", 13 | "react-native-masonry": "*" 14 | }, 15 | "devDependencies": { 16 | "babel-jest": "19.0.0", 17 | "babel-preset-react-native": "1.9.1", 18 | "jest": "19.0.2", 19 | "react-test-renderer": "16.0.0-alpha.6" 20 | }, 21 | "jest": { 22 | "preset": "react-native" 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /example/rn-cli.config.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | const blacklist = require('metro-bundler/build/blacklist'); 3 | 4 | const getRoots = () => [path.resolve(__dirname, "../"), path.resolve(__dirname)]; 5 | 6 | /** 7 | * Default configuration for the CLI. 8 | * 9 | * If you need to override any of this functions do so by defining the file 10 | * `rn-cli.config.js` on the root of your project with the functions you need 11 | * to tweak. 12 | */ 13 | var config = { 14 | getProjectRoots() { 15 | return getRoots(); 16 | }, 17 | 18 | getAssetRoots() { 19 | return getRoots(); 20 | }, 21 | 22 | getBlacklistRE(platform) { 23 | let root = this.getProjectRoots(); 24 | return blacklist(platform, []); 25 | } 26 | }; 27 | 28 | module.exports = config; 29 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-masonry", 3 | "version": "0.5.0-alpha.5", 4 | "description": "A react-native component for a masonry layout", 5 | "main": "./components/Masonry.js", 6 | "scripts": { 7 | "test": "jest", 8 | "postinstall": "opencollective postinstall" 9 | }, 10 | "author": "Brandon Him", 11 | "files": [ 12 | "/components", 13 | "/styles", 14 | "index.js" 15 | ], 16 | "repository": { 17 | "type": "git", 18 | "url": "git+https://github.com/brh55/react-native-masonry.git" 19 | }, 20 | "keywords": [ 21 | "react-native", 22 | "masonry", 23 | "pinterest", 24 | "grid", 25 | "layout" 26 | ], 27 | "license": "MIT", 28 | "bugs": { 29 | "url": "https://github.com/brh55/react-native-masonry/issues" 30 | }, 31 | "homepage": "https://github.com/brh55/react-native-masonry#readme", 32 | "dependencies": { 33 | "data.task": "^3.1.1", 34 | "lodash.differenceby": "^4.8.0", 35 | "lodash.isequal": "^4.5.0", 36 | "opencollective": "^1.0.3", 37 | "prop-types": "^15.5.8", 38 | "react-native-injectable-component": "^0.1.3" 39 | }, 40 | "peerDependencies": { 41 | "react": "*", 42 | "react-native": "^0.43.0" 43 | }, 44 | "devDependencies": { 45 | "babel-jest": "^20.0.3", 46 | "babel-preset-react-native": "^2.1.0", 47 | "jest": "^20.0.4", 48 | "jest-react-native": "^18.0.0", 49 | "react": "16.0.0-alpha.12", 50 | "react-native": "^0.46.4", 51 | "react-test-renderer": "^16.0.0-alpha.12" 52 | }, 53 | "contributors": [ 54 | { 55 | "name": "Kevin McGill", 56 | "url": "http://mcgilldevtech.com/" 57 | } 58 | ], 59 | "jest": { 60 | "preset": "react-native", 61 | "modulePathIgnorePatterns": [ 62 | "/example/", 63 | "/__tests__/mocks/" 64 | ] 65 | }, 66 | "collective": { 67 | "type": "opencollective", 68 | "url": "https://opencollective.com/react-native-masonry", 69 | "logo": "https://opencollective.com/opencollective/logo.txt" 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # react-native-masonry 2 | [![Travis](https://img.shields.io/travis/brh55/react-native-masonry/master.svg?style=flat-square)](https://travis-ci.org/brh55/react-native-masonry) [![David](https://img.shields.io/david/dev/brh55/react-native-masonry.svg?style=flat-square)](https://david-dm.org/brh55/react-native-masonry?type=dev) [![npm](https://img.shields.io/npm/dt/react-native-masonry.svg?style=flat-square)](https://www.npmjs.com/package/react-native-masonry) [![Expo Demo](https://img.shields.io/badge/Expo-Ready%20&%20Demo%20Available-1871b5.svg?style=flat-square)](https://expo.io/@community/masonry-example) 3 | 4 | > :raised_hands: An easy to use, pure JS react-native component to render a masonry~ish layout for remote images 5 | 6 | `react-native-masonry` is built with the following features and functionalities baked in 🍰: 7 | - Dynamic Column Rendering 8 | - Progressive Item Loading 9 | - Device Rotation 10 | - On-press Handlers 11 | - Custom Headers & Captions 12 | - Optimized to Rendering Large List 13 | - Support for Third-Party Image components 14 | - Automatic Sizing Based on Available Space 15 | 16 | ![v0.1.0 Demo](http://g.recordit.co/SLAvTzf9HY.gif) 17 | 18 | ## Usage 19 | 1. Install the repository 20 | ```bash 21 | $ npm install --save react-native-masonry 22 | ``` 23 | 2. Add an import to the top of your file 24 | ```js 25 | import Masonry from 'react-native-masonry'; 26 | ``` 27 | 3. At a minimal, declare the component in the render method prividing data for bricks 28 | ```js 29 | 38 | ``` 39 | 4. Still a bit confused :confounded:, or want to see it in action? No worries, run the [example application](example) on your local machine to examine how to get started or try it out on [Expo.io](https://expo.io/@community/masonry-example). 40 | 41 | ## Component Props 42 | 43 | | Props | Type | Description | Default | 44 | |----------------------|-------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------| 45 | | bricks | array | A list of `Object:Bricks` to be passed into the row renderer. I.E:,`bricks=[{id: 1, uri: 'https://image.jpg', onPress: (brick) => this.redirect(brick.id)}, {id: 2, uri: 'https://hyper.jpg'}]` | [] | 46 | | columns | num | Desired number of columns | 2 | 47 | | sorted | bool | Whether to sort `bricks` according to their index position or allow bricks to fill in as soon as the `uri` is ready. | false | 48 | | imageContainerStyle | object | The styles object which is added to the Image component | {} | 49 | | customImageComponent | `React.Component` | Use a custom component to be rendered for the Image. This will work properly, as long as the component follows the standard interface of the react-native image component. | n/a | 50 | | customImageProps | object | Pass along additional properties to a `props.customImageComponent`. | n/a | 51 | | spacing | num | Gutter size of the column. The spacing is a multiplier of 1% of the available view. | 1 | 52 | | refreshControl | `React.Component` | A component to be used as a refresh element for the Masonry component | n/a | 53 | ### Brick Properties 54 | "Bricks" are the basic building block of the masonry and are passed into the props.bricks. They essentially represent the items within each column and require a `uri` property at a minimum. However, you can freely add additional properties to the `data` property if you need access to certain data within your `brick.onPress` handler and `footer/header` renderer. The following properties are available. 55 | 56 | | Property | Type | Required | Description | Example | 57 | |--------------|---------------------|----------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------| 58 | | **uri** | `string` | ✅ | The uri of the image location. | http://test.com/i.jpeg | 59 | | key | `string` | 🚫 | Optional item key. By default, `uri` is used as the key for each item. It's recommended to set a unique key here, but it is not required. The `key` is required if you need to have image with the same `uri` more than once in your list. | image01 | 60 | | onPress | `func (brick.data)` | 🚫 | A function handler when the brick is pressed. The function will be called with the instance of the brick, which provides it's dimensions, columns, as well as any user defined properties passed into the `bricks` prop. An image will be wrapped by a [`TouchableHighlight`](https://facebook.github.io/react-native/docs/touchablehighlight.html). | `onPress: (data) => goTo(data.id)` | 61 | | renderHeader | `func (brick.data)` | 🚫 | A function that is executed **ABOVE** the brick image, this function must return a React Component. `renderHeader()` is passed `brick.data` to allow dynamic content rendering of components. | Figure 1 | 62 | | renderFooter | `func (brick.data)` | 🚫 | A function that is executed **BELOW** the brick image `renderFooter()` is passed `brick.data` to allow dynamic content rendering of components. | Figure 2 | 63 | 64 | ## Usage Examples 65 | > **ℹ️ Figure 1: Brick with renderHeader** 66 | > 67 | > *Accomplishing a top bar indicating the user's avatar and name* 68 | 69 | ```jsx 70 | { 71 | // User defined data 72 | data: { 73 | user: { 74 | name: 'Henry', 75 | profilePic: 'https://user.jpeg' 76 | } 77 | } 78 | uri: 'https://example.com/mainImage.jpeg', 79 | renderHeader: (data) => { 80 | return ( 81 | 82 | 83 | {data.user.name} 84 | 85 | ); 86 | } 87 | } 88 | ``` 89 | 90 | > **ℹ️ Figure 2: Brick with .renderFooter** 91 | > 92 | > *Creating a bottom bar to include additional metadata* 93 | 94 | ```jsx 95 | { 96 | data: { 97 | caption: 'Summer Recipies' 98 | }, 99 | uri: 'https://example.com/mainImage.jpeg', 100 | renderFooter: (data) => { 101 | return ( 102 | 103 | {data.caption} 104 | 105 | ); 106 | } 107 | } 108 | ``` 109 | 110 | > **ℹ️ Figure 3: Using Third-Party Image Components** 111 | > 112 | > *How to leverage third-party components like `` and apply unique properties across all images* 113 | 114 | ```jsx 115 | import FastImage from 'react-native-fast-image'; 116 | 117 | const fastProps = { 118 | onProgress: { e => console.log(e.nativeEvent.loaded / e.nativeEvent.total) }, 119 | resizeMode: FastImage.resizeMode.contain 120 | }; 121 | 122 | // ... Where Masonry is called 123 | 127 | ``` 128 | 129 | ## Contribute 130 | ### 👷🏽👷🏻‍♀️🐕
131 | Pull requests are welcomed, just abide by rules listed within [contributing.json](contributing.json). 132 | 133 | ### Beginners 134 | Not sure where to start, or a beginner? Take a look at the [issues page](https://github.com/brh55/react-native-masonry/issues) for `low-hanging` or `beginner-friendly` labels as an easy ways to start contributing. 135 | 136 | ### Contributors 137 | Thank you to all the people who have already contributed to react-native-masonry! 138 | 139 | 140 | ## License 141 | MIT © [Brandon Him](https://github.com/brh55/react-native-masonry) 142 | -------------------------------------------------------------------------------- /styles/main.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | 3 | const styles = StyleSheet.create({ 4 | masonry__container: { 5 | justifyContent: 'space-between', 6 | flexDirection: 'row', 7 | width: '100%' 8 | }, 9 | masonry__column: { 10 | // Might be able to disregard 11 | flexDirection: 'column' 12 | } 13 | }); 14 | 15 | export default styles; 16 | -------------------------------------------------------------------------------- /styles/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "styles" 3 | } 4 | --------------------------------------------------------------------------------