├── .gitignore ├── .npmignore ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── LICENSE.md ├── README.md ├── demo.android.0.17.2.gif ├── demo.ios.0.17.2.gif ├── examples ├── ListView │ ├── .buckconfig │ ├── .flowconfig │ ├── .gitignore │ ├── .watchmanconfig │ ├── Talks.js │ ├── android │ │ ├── app │ │ │ ├── BUCK │ │ │ ├── build.gradle │ │ │ ├── proguard-rules.pro │ │ │ ├── react.gradle │ │ │ └── src │ │ │ │ └── main │ │ │ │ ├── AndroidManifest.xml │ │ │ │ ├── java │ │ │ │ └── com │ │ │ │ │ └── listviewexample │ │ │ │ │ └── MainActivity.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 │ │ └── settings.gradle │ ├── index.android.js │ ├── index.ios.js │ ├── ios │ │ ├── ListView.xcodeproj │ │ │ ├── project.pbxproj │ │ │ └── xcshareddata │ │ │ │ └── xcschemes │ │ │ │ └── ListView.xcscheme │ │ ├── ListView │ │ │ ├── AppDelegate.h │ │ │ ├── AppDelegate.m │ │ │ ├── Base.lproj │ │ │ │ └── LaunchScreen.xib │ │ │ ├── Images.xcassets │ │ │ │ └── AppIcon.appiconset │ │ │ │ │ └── Contents.json │ │ │ ├── Info.plist │ │ │ └── main.m │ │ ├── ListViewExample.xcodeproj │ │ │ ├── project.pbxproj │ │ │ └── xcshareddata │ │ │ │ └── xcschemes │ │ │ │ └── ListViewExample.xcscheme │ │ ├── ListViewExample │ │ │ ├── AppDelegate.h │ │ │ ├── AppDelegate.m │ │ │ ├── Base.lproj │ │ │ │ └── LaunchScreen.xib │ │ │ ├── Images.xcassets │ │ │ │ └── AppIcon.appiconset │ │ │ │ │ └── Contents.json │ │ │ ├── Info.plist │ │ │ └── main.m │ │ ├── ListViewExampleTests │ │ │ ├── Info.plist │ │ │ └── ListViewExampleTests.m │ │ └── ListViewTests │ │ │ ├── Info.plist │ │ │ └── ListViewTests.m │ └── package.json └── NestedViews │ ├── .flowconfig │ ├── .gitignore │ ├── .watchmanconfig │ ├── Nested.js │ ├── android │ ├── app │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ ├── react.gradle │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── nestedviews │ │ │ │ └── MainActivity.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 │ └── settings.gradle │ ├── index.android.js │ ├── index.ios.js │ ├── ios │ ├── NestedViews.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── NestedViews.xcscheme │ ├── NestedViews │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── NestedViewsTests │ │ ├── Info.plist │ │ └── NestedViewsTests.m │ └── package.json ├── index.d.ts ├── package-lock.json ├── package.json └── src ├── index.js └── styles.js /.gitignore: -------------------------------------------------------------------------------- 1 | lib/ 2 | node_modules/ 3 | npm-debug.log 4 | 5 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | /examples 2 | /*.gif 3 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## Changelog 2 | 3 | ### 0.20.1 4 | - Added prop to change interpolated Scale Output Value 5 | 6 | ### 0.20.0 // Rodrigocs 7 | - Now uses native driver, and tested with React Native 0.46.0 8 | - Adds `useNativeDriver` to improve performance, but renderScrollComponent must be a Animated component ( ie: Animated.createAnimatedComponent(component)) 9 | 10 | ### 0.19.0 11 | 12 | - Fixes compatibility with React Native 0.27.2 13 | - Adds `contentContainerStyle` prop to style scroll container (thanks [@alaycock](https://github.com/alaycock) 14 | 15 | ### 0.18.1 16 | 17 | - Fixes error when inspecting the sticky header due to cyclical object structure 18 | on `style` (#23) 19 | 20 | ### 0.18.0 (Compatibility with React Native 0.20.0) 21 | 22 | - **Breaking:** Removes `ParallaxScrollView#scrollWithoutAnimationTo` since this has been deprecated in React Native. If you used this method previously, use `scrollTo` instead. 23 | - Adds `ParallaxScrollView#getScrollableNode` method, which is required in React Native 0.20.0 for components implementing 24 | `ScrollView` interface. 25 | 26 | ### 0.17.4 27 | 28 | - The background now fades out in the same manner as the foreground. Thanks @generalChaos for the PR. 29 | 30 | ### 0.17.3 31 | 32 | - Allows `renderFixedHeader` to be used without providing `renderStickyHeader` and `stickyHeaderHeight`. 33 | 34 | ### 0.17.2 35 | 36 | - Adds optional `fadeOutForeground` property that can be set to false to disable fading out of the foreground. 37 | 38 | ### 0.17.1 39 | 40 | - **Breaking:** `renderParallaxHeader` is now `renderForeground`, and now scrolls with the same speed as scroll content. 41 | - Refactored parallax header calculations to keep their scroll speeds consistent with user scroll speed. 42 | - Parallax effect is now calculated using the `backgroundSpeed` prop. 43 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as 6 | contributors and maintainers pledge to making participation in our project and 7 | our community a harassment-free experience for everyone, regardless of age, body 8 | size, disability, ethnicity, gender identity and expression, level of experience, 9 | nationality, personal appearance, race, religion, or sexual identity and 10 | orientation. 11 | 12 | ## Our Standards 13 | 14 | Examples of behavior that contributes to creating a positive environment 15 | include: 16 | 17 | * Using welcoming and inclusive language 18 | * Being respectful of differing viewpoints and experiences 19 | * Gracefully accepting constructive criticism 20 | * Focusing on what is best for the community 21 | * Showing empathy towards other community members 22 | 23 | Examples of unacceptable behavior by participants include: 24 | 25 | * The use of sexualized language or imagery and unwelcome sexual attention or 26 | advances 27 | * Trolling, insulting/derogatory comments, and personal or political attacks 28 | * Public or private harassment 29 | * Publishing others' private information, such as a physical or electronic 30 | address, without explicit permission 31 | * Other conduct which could reasonably be considered inappropriate in a 32 | professional setting 33 | 34 | ## Our Responsibilities 35 | 36 | Project maintainers are responsible for clarifying the standards of acceptable 37 | behavior and are expected to take appropriate and fair corrective action in 38 | response to any instances of unacceptable behavior. 39 | 40 | Project maintainers have the right and responsibility to remove, edit, or 41 | reject comments, commits, code, wiki edits, issues, and other contributions 42 | that are not aligned to this Code of Conduct, or to ban temporarily or 43 | permanently any contributor for other behaviors that they deem inappropriate, 44 | threatening, offensive, or harmful. 45 | 46 | ## Scope 47 | 48 | This Code of Conduct applies both within project spaces and in public spaces 49 | when an individual is representing the project or its community. Examples of 50 | representing a project or community include using an official project e-mail 51 | address, posting via an official social media account, or acting as an appointed 52 | representative at an online or offline event. Representation of a project may be 53 | further defined and clarified by project maintainers. 54 | 55 | ## Enforcement 56 | 57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 58 | reported by contacting the project team at azlibe1995@gmail.com. All 59 | complaints will be reviewed and investigated and will result in a response that 60 | is deemed necessary and appropriate to the circumstances. The project team is 61 | obligated to maintain confidentiality with regard to the reporter of an incident. 62 | Further details of specific enforcement policies may be posted separately. 63 | 64 | Project maintainers who do not follow or enforce the Code of Conduct in good 65 | faith may face temporary or permanent repercussions as determined by other 66 | members of the project's leadership. 67 | 68 | ## Attribution 69 | 70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 71 | available at [http://contributor-covenant.org/version/1/4][version] 72 | 73 | [homepage]: http://contributor-covenant.org 74 | [version]: http://contributor-covenant.org/version/1/4/ 75 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | ## ISC License 2 | 3 | Copyright (c) 2015, Jack Hsu 4 | 5 | Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies. 6 | 7 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![](https://img.shields.io/npm/dm/react-native-parallax-scroll-view.svg?style=flat-square)](https://www.npmjs.com/package/react-native-parallax-scroll-view) 2 | 3 | [![NPM](https://nodei.co/npm/react-native-parallax-scroll-view.png)](https://www.npmjs.com/package/react-native-parallax-scroll-view) 4 | 5 | # Rodrigocs - Animated Driver 6 | 7 | This component now uses Native Driver by default. 8 | Remember to pass a Animated component to `renderScrollComponent`, by default it has `Animated.ScrollView` 9 | 10 | # Example 11 | ```js 12 | import ParallaxScrollView from 'react-native-parallax-scroll-view'; 13 | import CustomScrollView from 'custom-scroll-view' 14 | 15 | const AnimatedCustomScrollView = Animated.createAnimatedComponent(CustomScrollView) 16 | 17 | render() { 18 | return ( 19 | } 24 | renderScrollComponent={() => } 25 | renderForeground={() => ( 26 | 27 | Hello World! 28 | 29 | )}> 30 | 31 | Scroll me 32 | 33 | 34 | ); 35 | } 36 | ``` 37 | 38 | # react-native-parallax-scroll-view 39 | 40 | A `ScrollView`-like component that: 41 | 42 | - Has a parallax header 43 | - Has an optional sticky header 44 | - Is composable with any component that expects a `ScrollView` (e.g. `ListView` or [`InfiniteScrollView`](https://github.com/exponentjs/react-native-infinite-scroll-view)) 45 | - Can be nested within other views 46 | - Works on iOS and Android 47 | 48 | ## Installation 49 | 50 | ``` 51 | $ npm install react-native-parallax-scroll-view --save 52 | ``` 53 | 54 | **Note:** For React Native 0.19.0 and earlier, you'll want to use `react-native-parallax-scroll-view@0.17.4`. Version `0.18.0` changes the scrolling API to be compatible with React Native 0.20.0. 55 | 56 | ## Demo 57 | 58 | 59 | | iOS | Android | 60 | | --- | ------- | 61 | | ![](./demo.ios.0.17.2.gif) | ![](./demo.android.0.17.2.gif) | 62 | 63 | ## Basic Usage 64 | 65 | ```js 66 | import ParallaxScrollView from 'react-native-parallax-scroll-view'; 67 | 68 | // Inside of a component's render() method: 69 | render() { 70 | return ( 71 | ( 76 | 77 | Hello World! 78 | 79 | )}> 80 | 81 | Scroll me 82 | 83 | 84 | ); 85 | } 86 | ``` 87 | 88 | ## Examples 89 | 90 | Please refer to the [ListView example](./examples/ListView/Talks.js) provided to see how `ParallaxScrollView` can be used in 91 | combination with `ListView`. 92 | 93 | The [Android ListView example](./examples/ListView/index.android.js) shows how you can use `PullToRefreshViewAndroid` with `ParallaxScrollView`. 94 | 95 | There are more examples in the [examples](./examples) folder. 96 | 97 | ## Usage (API) 98 | 99 | All of the properties of `ScrollView` are supported. Please refer to the 100 | [`ScrollView` documentation](https://facebook.github.io/react-native/docs/scrollview.html) for more detail. 101 | 102 | The `ParallaxScrollView` component adds a few additional properties, as described below. 103 | 104 | | Property | Type | Required | Description | 105 | | -------- | ---- | -------- | ----------- | 106 | | `backgroundColor` | `string` | No | The color of the header background. Defaults to `#000`) | 107 | | `backgroundScrollSpeed` | `number` | No | The speed factor that the background moves at relative to the foreground. Defaults to 5. | 108 | | `contentBackgroundColor` | `string` | No | This is the background color of the content. (Defaults to `'#fff'`) | 109 | | `fadeOutForeground` | `bool` | No | If `true`, the foreground will fade out as the user scrolls up. (Defaults to `true`) | 110 | | `onChangeHeaderVisibility` | `func` | No | A callback function that is invoked when the parallax header is hidden or shown (as the user is scrolling). Function is called with a `boolean` value to indicate whether header is visible or not. | 111 | | **`parallaxHeaderHeight`** | `number` | **Yes** |This is the height of parallax header. | 112 | | `renderBackground` | `func` | No | This renders the background of the parallax header. Can be used to display cover images for example. (Defaults to an opaque background using `backgroundColor`) | 113 | | `renderContentBackground` | `func` | No | This renders the background of the content. Can be used to display cover images for example. (Defaults to a non-visible `View`) | 114 | | `renderFixedHeader` | `func` | No | This renders an optional fixed header that will always be visible and fixed to the top of the view (and sticky header). You should set its height and width appropriately. | 115 | | `renderForeground` | `func` | No |This renders the foreground header that moves at same speed as scroll content. | 116 | | `renderScrollComponent` | `func` | No | A function with input `props` and outputs an `Animated.ScrollView`-like component in which the content is rendered. This is useful if you want to provide your own scrollable component, remember however to make it an Animated component. (See: [https://github.com/exponentjs/react-native-scrollable-mixin](https://github.com/exponentjs/react-native-scrollable-mixin)) (By default, returns a `Animated.ScrollView` with the given props) | 117 | | `renderStickyHeader` | `func` | No | This renders an optional sticky header that will stick to the top of view when parallax header scrolls up. | 118 | | `stickyHeaderHeight` | `number` | If `renderStickyHeader` is used | If `renderStickyHeader` is set, then its height must be specified. | 119 | | `contentContainerStyle` | `object` | No | These styles will be applied to the scroll view content container which wraps all of the child views. (same as for [ScrollView](https://facebook.github.io/react-native/docs/scrollview.html#contentcontainerstyle)) | 120 | | `outputScaleValue` | `number` | No | The value for the scale interpolation output value, default `5` | 121 | | `parallaxHeaderContainerStyle` | `object` | No | These styles will be applied to the parallax header view content container | 122 | | `parallaxHeaderStyle` | `object` | No | These styles will be applied to the parallax header view content | 123 | | `backgroundImageStyle` | `object` | No | These styles will be applied to the background image header view content | 124 | | `stickyHeaderStyle` | `object` | No | These styles will be applied to the sticky headerStyle view content | 125 | | `scrollEvent` | `func` | No | Callback to recieve the animated scroll event values | 126 | 127 | ## Latest changes 128 | 129 | ### 0.20.1 130 | - Added prop to change interpolated Scale Output Value 131 | 132 | ### 0.20.0 // Rodrigocs 133 | - Now uses native driver, and tested with React Native 0.46.0 134 | - Adds `useNativeDriver` to improve performance, but renderScrollComponent must be a Animated component ( ie: Animated.createAnimatedComponent(component)) 135 | 136 | See full changelog [here](./CHANGELOG.md). 137 | 138 | ## Contributing 139 | 140 | I welcome contributions! Please open an issues if you have any feature ideas 141 | or find any bugs. I also accept pull requests with open arms. I will 142 | go over the issues when I have time. :) 143 | -------------------------------------------------------------------------------- /demo.android.0.17.2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/demo.android.0.17.2.gif -------------------------------------------------------------------------------- /demo.ios.0.17.2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/demo.ios.0.17.2.gif -------------------------------------------------------------------------------- /examples/ListView/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /examples/ListView/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | # We fork some components by platform. 4 | .*/*.web.js 5 | .*/*.android.js 6 | 7 | # Some modules have their own node_modules with overlap 8 | .*/node_modules/node-haste/.* 9 | 10 | # Ugh 11 | .*/node_modules/babel.* 12 | .*/node_modules/babylon.* 13 | .*/node_modules/invariant.* 14 | 15 | # Ignore react and fbjs where there are overlaps, but don't ignore 16 | # anything that react-native relies on 17 | .*/node_modules/fbjs/lib/Map.js 18 | .*/node_modules/fbjs/lib/ErrorUtils.js 19 | 20 | # Flow has a built-in definition for the 'react' module which we prefer to use 21 | # over the currently-untyped source 22 | .*/node_modules/react/react.js 23 | .*/node_modules/react/lib/React.js 24 | .*/node_modules/react/lib/ReactDOM.js 25 | 26 | .*/__mocks__/.* 27 | .*/__tests__/.* 28 | 29 | .*/commoner/test/source/widget/share.js 30 | 31 | # Ignore commoner tests 32 | .*/node_modules/commoner/test/.* 33 | 34 | # See https://github.com/facebook/flow/issues/442 35 | .*/react-tools/node_modules/commoner/lib/reader.js 36 | 37 | # Ignore jest 38 | .*/node_modules/jest-cli/.* 39 | 40 | # Ignore Website 41 | .*/website/.* 42 | 43 | # Ignore generators 44 | .*/local-cli/generator.* 45 | 46 | # Ignore BUCK generated folders 47 | .*\.buckd/ 48 | 49 | # Ignore RNPM 50 | .*/local-cli/rnpm/.* 51 | 52 | .*/node_modules/is-my-json-valid/test/.*\.json 53 | .*/node_modules/iconv-lite/encodings/tables/.*\.json 54 | .*/node_modules/y18n/test/.*\.json 55 | .*/node_modules/spdx-license-ids/spdx-license-ids.json 56 | .*/node_modules/spdx-exceptions/index.json 57 | .*/node_modules/resolve/test/subdirs/node_modules/a/b/c/x.json 58 | .*/node_modules/resolve/lib/core.json 59 | .*/node_modules/jsonparse/samplejson/.*\.json 60 | .*/node_modules/json5/test/.*\.json 61 | .*/node_modules/ua-parser-js/test/.*\.json 62 | .*/node_modules/builtin-modules/builtin-modules.json 63 | .*/node_modules/binary-extensions/binary-extensions.json 64 | .*/node_modules/url-regex/tlds.json 65 | .*/node_modules/joi/.*\.json 66 | .*/node_modules/isemail/.*\.json 67 | .*/node_modules/tr46/.*\.json 68 | 69 | 70 | [include] 71 | 72 | [libs] 73 | node_modules/react-native/Libraries/react-native/react-native-interface.js 74 | node_modules/react-native/flow 75 | flow/ 76 | 77 | [options] 78 | module.system=haste 79 | 80 | esproposal.class_static_fields=enable 81 | esproposal.class_instance_fields=enable 82 | 83 | munge_underscores=true 84 | 85 | module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub' 86 | 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' 87 | 88 | suppress_type=$FlowIssue 89 | suppress_type=$FlowFixMe 90 | suppress_type=$FixMe 91 | 92 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-5]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 93 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-5]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 94 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 95 | 96 | [version] 97 | ^0.25.0 98 | -------------------------------------------------------------------------------- /examples/ListView/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IJ 26 | # 27 | .idea 28 | .gradle 29 | local.properties 30 | 31 | # node.js 32 | # 33 | node_modules/ 34 | npm-debug.log 35 | 36 | # BUCK 37 | buck-out/ 38 | \.buckd/ 39 | android/app/libs 40 | android/keystores/debug.keystore 41 | -------------------------------------------------------------------------------- /examples/ListView/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /examples/ListView/Talks.js: -------------------------------------------------------------------------------- 1 | /* 2 | * This example demonstrates how to use ParallaxScrollView within a ScrollView component. 3 | */ 4 | import React, { Component } from 'react'; 5 | import { 6 | Dimensions, 7 | Image, 8 | ListView, 9 | PixelRatio, 10 | StyleSheet, 11 | Text, 12 | View, 13 | } from 'react-native'; 14 | 15 | import ParallaxScrollView from 'react-native-parallax-scroll-view'; 16 | 17 | class Talks extends Component { 18 | constructor(props) { 19 | super(props); 20 | this.state = { 21 | dataSource: new ListView.DataSource({ 22 | rowHasChanged: (r1, r2) => r1 !== r2 23 | }).cloneWithRows([ 24 | 'Simplicity Matters', 25 | 'Hammock Driven Development', 26 | 'Value of Values', 27 | 'Are We There Yet?', 28 | 'The Language of the System', 29 | 'Design, Composition, and Performance', 30 | 'Clojure core.async', 31 | 'The Functional Database', 32 | 'Deconstructing the Database', 33 | 'Hammock Driven Development', 34 | 'Value of Values' 35 | ]) 36 | }; 37 | } 38 | 39 | render() { 40 | const { onScroll = () => {} } = this.props; 41 | return ( 42 | ( 47 | 48 | 49 | { rowData } 50 | 51 | 52 | )} 53 | renderScrollComponent={props => ( 54 | ( 63 | 64 | 67 | 72 | 73 | )} 74 | 75 | renderForeground={() => ( 76 | 77 | 82 | 83 | Talks by Rich Hickey 84 | 85 | 86 | CTO of Cognitec, Creator of Clojure 87 | 88 | 89 | )} 90 | 91 | renderStickyHeader={() => ( 92 | 93 | Rich Hickey Talks 94 | 95 | )} 96 | 97 | renderFixedHeader={() => ( 98 | 99 | this.refs.ListView.scrollTo({ x: 0, y: 0 })}> 101 | Scroll to top 102 | 103 | 104 | )}/> 105 | )} 106 | /> 107 | ); 108 | } 109 | } 110 | 111 | const window = Dimensions.get('window'); 112 | 113 | const AVATAR_SIZE = 120; 114 | const ROW_HEIGHT = 60; 115 | const PARALLAX_HEADER_HEIGHT = 350; 116 | const STICKY_HEADER_HEIGHT = 70; 117 | 118 | const styles = StyleSheet.create({ 119 | container: { 120 | flex: 1, 121 | backgroundColor: 'black' 122 | }, 123 | background: { 124 | position: 'absolute', 125 | top: 0, 126 | left: 0, 127 | width: window.width, 128 | height: PARALLAX_HEADER_HEIGHT 129 | }, 130 | stickySection: { 131 | height: STICKY_HEADER_HEIGHT, 132 | width: 300, 133 | justifyContent: 'flex-end' 134 | }, 135 | stickySectionText: { 136 | color: 'white', 137 | fontSize: 20, 138 | margin: 10 139 | }, 140 | fixedSection: { 141 | position: 'absolute', 142 | bottom: 10, 143 | right: 10 144 | }, 145 | fixedSectionText: { 146 | color: '#999', 147 | fontSize: 20 148 | }, 149 | parallaxHeader: { 150 | alignItems: 'center', 151 | flex: 1, 152 | flexDirection: 'column', 153 | paddingTop: 100 154 | }, 155 | avatar: { 156 | marginBottom: 10, 157 | borderRadius: AVATAR_SIZE / 2 158 | }, 159 | sectionSpeakerText: { 160 | color: 'white', 161 | fontSize: 24, 162 | paddingVertical: 5 163 | }, 164 | sectionTitleText: { 165 | color: 'white', 166 | fontSize: 18, 167 | paddingVertical: 5 168 | }, 169 | row: { 170 | overflow: 'hidden', 171 | paddingHorizontal: 10, 172 | height: ROW_HEIGHT, 173 | backgroundColor: 'white', 174 | borderColor: '#ccc', 175 | borderBottomWidth: 1, 176 | justifyContent: 'center' 177 | }, 178 | rowText: { 179 | fontSize: 20 180 | } 181 | }); 182 | 183 | export default Talks; 184 | -------------------------------------------------------------------------------- /examples/ListView/android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.listviewexample', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.listviewexample', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /examples/ListView/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 | */ 61 | 62 | apply from: "../../node_modules/react-native/react.gradle" 63 | 64 | /** 65 | * Set this to true to create two separate APKs instead of one: 66 | * - An APK that only works on ARM devices 67 | * - An APK that only works on x86 devices 68 | * The advantage is the size of the APK is reduced by about 4MB. 69 | * Upload all the APKs to the Play Store and people will download 70 | * the correct one based on the CPU architecture of their device. 71 | */ 72 | def enableSeparateBuildPerCPUArchitecture = false 73 | 74 | /** 75 | * Run Proguard to shrink the Java bytecode in release builds. 76 | */ 77 | def enableProguardInReleaseBuilds = false 78 | 79 | android { 80 | compileSdkVersion 23 81 | buildToolsVersion "23.0.1" 82 | 83 | defaultConfig { 84 | applicationId "com.listviewexample" 85 | minSdkVersion 16 86 | targetSdkVersion 22 87 | versionCode 1 88 | versionName "1.0" 89 | ndk { 90 | abiFilters "armeabi-v7a", "x86" 91 | } 92 | } 93 | splits { 94 | abi { 95 | reset() 96 | enable enableSeparateBuildPerCPUArchitecture 97 | universalApk false // If true, also generate a universal APK 98 | include "armeabi-v7a", "x86" 99 | } 100 | } 101 | buildTypes { 102 | release { 103 | minifyEnabled enableProguardInReleaseBuilds 104 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 105 | } 106 | } 107 | // applicationVariants are e.g. debug, release 108 | applicationVariants.all { variant -> 109 | variant.outputs.each { output -> 110 | // For each separate APK per architecture, set a unique version code as described here: 111 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 112 | def versionCodes = ["armeabi-v7a":1, "x86":2] 113 | def abi = output.getFilter(OutputFile.ABI) 114 | if (abi != null) { // null for the universal-debug, universal-release variants 115 | output.versionCodeOverride = 116 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 117 | } 118 | } 119 | } 120 | } 121 | 122 | dependencies { 123 | compile fileTree(dir: "libs", include: ["*.jar"]) 124 | compile "com.android.support:appcompat-v7:23.0.1" 125 | compile "com.facebook.react:react-native:+" // From node_modules 126 | } 127 | 128 | // Run this once to be able to run the application with BUCK 129 | // puts all compile dependencies into folder libs for BUCK to use 130 | task copyDownloadableDepsToLibs(type: Copy) { 131 | from configurations.compile 132 | into 'libs' 133 | } 134 | -------------------------------------------------------------------------------- /examples/ListView/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 | 30 | # Do not strip any method/class that is annotated with @DoNotStrip 31 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 32 | -keepclassmembers class * { 33 | @com.facebook.proguard.annotations.DoNotStrip *; 34 | } 35 | 36 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 37 | void set*(***); 38 | *** get*(); 39 | } 40 | 41 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 42 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 43 | -keepclassmembers,includedescriptorclasses class * { native ; } 44 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 45 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 46 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 47 | 48 | -dontwarn com.facebook.react.** 49 | 50 | # okhttp 51 | 52 | -keepattributes Signature 53 | -keepattributes *Annotation* 54 | -keep class okhttp3.** { *; } 55 | -keep interface okhttp3.** { *; } 56 | -dontwarn okhttp3.** 57 | 58 | # okio 59 | 60 | -keep class sun.misc.Unsafe { *; } 61 | -dontwarn java.nio.file.* 62 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 63 | -dontwarn okio.** 64 | -------------------------------------------------------------------------------- /examples/ListView/android/app/react.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | def config = project.hasProperty("react") ? project.react : []; 4 | 5 | def bundleAssetName = config.bundleAssetName ?: "index.android.bundle" 6 | def entryFile = config.entryFile ?: "index.android.js" 7 | 8 | // because elvis operator 9 | def elvisFile(thing) { 10 | return thing ? file(thing) : null; 11 | } 12 | 13 | def reactRoot = elvisFile(config.root) ?: file("../../") 14 | def jsBundleDirDebug = elvisFile(config.jsBundleDirDebug) ?: 15 | file("$buildDir/intermediates/assets/debug") 16 | def jsBundleDirRelease = elvisFile(config.jsBundleDirRelease) ?: 17 | file("$buildDir/intermediates/assets/release") 18 | def resourcesDirDebug = elvisFile(config.resourcesDirDebug) ?: 19 | file("$buildDir/intermediates/res/merged/debug") 20 | def resourcesDirRelease = elvisFile(config.resourcesDirRelease) ?: 21 | file("$buildDir/intermediates/res/merged/release") 22 | def inputExcludes = config.inputExcludes ?: ["android/**", "ios/**"] 23 | 24 | def jsBundleFileDebug = file("$jsBundleDirDebug/$bundleAssetName") 25 | def jsBundleFileRelease = file("$jsBundleDirRelease/$bundleAssetName") 26 | 27 | task bundleDebugJsAndAssets(type: Exec) { 28 | // create dirs if they are not there (e.g. the "clean" task just ran) 29 | doFirst { 30 | jsBundleDirDebug.mkdirs() 31 | resourcesDirDebug.mkdirs() 32 | } 33 | 34 | // set up inputs and outputs so gradle can cache the result 35 | inputs.files fileTree(dir: reactRoot, excludes: inputExcludes) 36 | outputs.dir jsBundleDirDebug 37 | outputs.dir resourcesDirDebug 38 | 39 | // set up the call to the react-native cli 40 | workingDir reactRoot 41 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 42 | commandLine "cmd", "/c", "react-native", "bundle", "--platform", "android", "--dev", "true", "--entry-file", 43 | entryFile, "--bundle-output", jsBundleFileDebug, "--assets-dest", resourcesDirDebug 44 | } else { 45 | commandLine "react-native", "bundle", "--platform", "android", "--dev", "true", "--entry-file", 46 | entryFile, "--bundle-output", jsBundleFileDebug, "--assets-dest", resourcesDirDebug 47 | } 48 | 49 | enabled config.bundleInDebug ?: false 50 | } 51 | 52 | task bundleReleaseJsAndAssets(type: Exec) { 53 | // create dirs if they are not there (e.g. the "clean" task just ran) 54 | doFirst { 55 | jsBundleDirRelease.mkdirs() 56 | resourcesDirRelease.mkdirs() 57 | } 58 | 59 | // set up inputs and outputs so gradle can cache the result 60 | inputs.files fileTree(dir: reactRoot, excludes: inputExcludes) 61 | outputs.dir jsBundleDirRelease 62 | outputs.dir resourcesDirRelease 63 | 64 | // set up the call to the react-native cli 65 | workingDir reactRoot 66 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 67 | commandLine "cmd","/c", "react-native", "bundle", "--platform", "android", "--dev", "false", "--entry-file", 68 | entryFile, "--bundle-output", jsBundleFileRelease, "--assets-dest", resourcesDirRelease 69 | } else { 70 | commandLine "react-native", "bundle", "--platform", "android", "--dev", "false", "--entry-file", 71 | entryFile, "--bundle-output", jsBundleFileRelease, "--assets-dest", resourcesDirRelease 72 | } 73 | 74 | enabled config.bundleInRelease ?: true 75 | } 76 | 77 | gradle.projectsEvaluated { 78 | // hook bundleDebugJsAndAssets into the android build process 79 | bundleDebugJsAndAssets.dependsOn mergeDebugResources 80 | bundleDebugJsAndAssets.dependsOn mergeDebugAssets 81 | processDebugResources.dependsOn bundleDebugJsAndAssets 82 | 83 | // hook bundleReleaseJsAndAssets into the android build process 84 | bundleReleaseJsAndAssets.dependsOn mergeReleaseResources 85 | bundleReleaseJsAndAssets.dependsOn mergeReleaseAssets 86 | processReleaseResources.dependsOn bundleReleaseJsAndAssets 87 | } 88 | -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/java/com/listviewexample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.listviewexample; 2 | 3 | import com.facebook.react.ReactActivity; 4 | import com.facebook.react.ReactPackage; 5 | import com.facebook.react.shell.MainReactPackage; 6 | 7 | import java.util.Arrays; 8 | import java.util.List; 9 | 10 | public class MainActivity extends ReactActivity { 11 | 12 | /** 13 | * Returns the name of the main component registered from JavaScript. 14 | * This is used to schedule rendering of the component. 15 | */ 16 | @Override 17 | protected String getMainComponentName() { 18 | return "ListViewExample"; 19 | } 20 | 21 | /** 22 | * Returns whether dev mode should be enabled. 23 | * This enables e.g. the dev menu. 24 | */ 25 | @Override 26 | protected boolean getUseDeveloperSupport() { 27 | return BuildConfig.DEBUG; 28 | } 29 | 30 | /** 31 | * A list of packages used by the app. If the app uses additional views 32 | * or modules besides the default ones, add more packages here. 33 | */ 34 | @Override 35 | protected List getPackages() { 36 | return Arrays.asList( 37 | new MainReactPackage() 38 | ); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/ListView/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/ListView/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/ListView/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/ListView/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ListView 3 | 4 | -------------------------------------------------------------------------------- /examples/ListView/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /examples/ListView/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$projectDir/../../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /examples/ListView/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 | -------------------------------------------------------------------------------- /examples/ListView/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/ListView/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /examples/ListView/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /examples/ListView/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 | -------------------------------------------------------------------------------- /examples/ListView/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 | -------------------------------------------------------------------------------- /examples/ListView/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'ListViewExample' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /examples/ListView/index.android.js: -------------------------------------------------------------------------------- 1 | /* 2 | * This Android demo shows how to integrate `PullToRefreshViewAndroid` with `ScrollableParallaxView`. 3 | */ 4 | import React, { Component } from 'react' 5 | import { 6 | AppRegistry, 7 | PullToRefreshViewAndroid, 8 | View 9 | } from 'react-native'; 10 | 11 | import Talks from './Talks'; 12 | 13 | class AndroidExample extends Component { 14 | render() { 15 | return ( 16 | { this._pullToRefresh = ref }} 18 | style={{ flex: 1 }} 19 | colors={['#000', '#999', '#fff']} 20 | progressBackgroundColor={'#fff'} 21 | enabled={true} 22 | refreshing={false} 23 | onRefresh={() => { 24 | this._pullToRefresh.getInnerViewNode().setNativeProps({ refreshing: true }); 25 | setTimeout(() => { 26 | this._pullToRefresh.getInnerViewNode().setNativeProps({ refreshing: false }); 27 | }, 5000); 28 | }}> 29 | { 32 | if (e.nativeEvent.contentOffset.y <= 0) { 33 | this._pullToRefresh.getInnerViewNode().setNativeProps({ enabled: true }); 34 | } else { 35 | this._pullToRefresh.getInnerViewNode().setNativeProps({ enabled: false }); 36 | } 37 | }}/> 38 | 39 | ); 40 | } 41 | } 42 | 43 | AppRegistry.registerComponent('ListViewExample', () => AndroidExample); 44 | -------------------------------------------------------------------------------- /examples/ListView/index.ios.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { AppRegistry, StatusBarIOS, processColor } from 'react-native'; 3 | 4 | import Talks from './Talks'; 5 | 6 | StatusBarIOS.setStyle('light-content'); 7 | 8 | AppRegistry.registerComponent('ListViewExample', () => Talks); 9 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListView.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 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 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 23 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 24 | /* End PBXBuildFile section */ 25 | 26 | /* Begin PBXContainerItemProxy section */ 27 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 28 | isa = PBXContainerItemProxy; 29 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 30 | proxyType = 2; 31 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 32 | remoteInfo = RCTActionSheet; 33 | }; 34 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 35 | isa = PBXContainerItemProxy; 36 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 37 | proxyType = 2; 38 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 39 | remoteInfo = RCTGeolocation; 40 | }; 41 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 42 | isa = PBXContainerItemProxy; 43 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 44 | proxyType = 2; 45 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 46 | remoteInfo = RCTImage; 47 | }; 48 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 49 | isa = PBXContainerItemProxy; 50 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 51 | proxyType = 2; 52 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 53 | remoteInfo = RCTNetwork; 54 | }; 55 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 56 | isa = PBXContainerItemProxy; 57 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 58 | proxyType = 2; 59 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 60 | remoteInfo = RCTVibration; 61 | }; 62 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 63 | isa = PBXContainerItemProxy; 64 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 65 | proxyType = 2; 66 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 67 | remoteInfo = RCTSettings; 68 | }; 69 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 70 | isa = PBXContainerItemProxy; 71 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 72 | proxyType = 2; 73 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 74 | remoteInfo = RCTWebSocket; 75 | }; 76 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 77 | isa = PBXContainerItemProxy; 78 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 79 | proxyType = 2; 80 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 81 | remoteInfo = React; 82 | }; 83 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 84 | isa = PBXContainerItemProxy; 85 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 86 | proxyType = 2; 87 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 88 | remoteInfo = RCTLinking; 89 | }; 90 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 91 | isa = PBXContainerItemProxy; 92 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 93 | proxyType = 2; 94 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 95 | remoteInfo = RCTText; 96 | }; 97 | /* End PBXContainerItemProxy section */ 98 | 99 | /* Begin PBXFileReference section */ 100 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 101 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 102 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 103 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 104 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 105 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 106 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 107 | 00E356F21AD99517003FC87E /* ListViewTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ListViewTests.m; sourceTree = ""; }; 108 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 109 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 110 | 13B07F961A680F5B00A75B9A /* ListView.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = ListView.app; sourceTree = BUILT_PRODUCTS_DIR; }; 111 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = ListView/AppDelegate.h; sourceTree = ""; }; 112 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = ListView/AppDelegate.m; sourceTree = ""; }; 113 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 114 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = ListView/Images.xcassets; sourceTree = ""; }; 115 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = ListView/Info.plist; sourceTree = ""; }; 116 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = ListView/main.m; sourceTree = ""; }; 117 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 118 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 119 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 120 | /* End PBXFileReference section */ 121 | 122 | /* Begin PBXFrameworksBuildPhase section */ 123 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 124 | isa = PBXFrameworksBuildPhase; 125 | buildActionMask = 2147483647; 126 | files = ( 127 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 128 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 129 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 130 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 131 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 132 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 133 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 134 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 135 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 136 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 137 | ); 138 | runOnlyForDeploymentPostprocessing = 0; 139 | }; 140 | /* End PBXFrameworksBuildPhase section */ 141 | 142 | /* Begin PBXGroup section */ 143 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 144 | isa = PBXGroup; 145 | children = ( 146 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 147 | ); 148 | name = Products; 149 | sourceTree = ""; 150 | }; 151 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 152 | isa = PBXGroup; 153 | children = ( 154 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 155 | ); 156 | name = Products; 157 | sourceTree = ""; 158 | }; 159 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 160 | isa = PBXGroup; 161 | children = ( 162 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 163 | ); 164 | name = Products; 165 | sourceTree = ""; 166 | }; 167 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 168 | isa = PBXGroup; 169 | children = ( 170 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 171 | ); 172 | name = Products; 173 | sourceTree = ""; 174 | }; 175 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 176 | isa = PBXGroup; 177 | children = ( 178 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 179 | ); 180 | name = Products; 181 | sourceTree = ""; 182 | }; 183 | 00E356EF1AD99517003FC87E /* ListViewTests */ = { 184 | isa = PBXGroup; 185 | children = ( 186 | 00E356F21AD99517003FC87E /* ListViewTests.m */, 187 | 00E356F01AD99517003FC87E /* Supporting Files */, 188 | ); 189 | path = ListViewTests; 190 | sourceTree = ""; 191 | }; 192 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 193 | isa = PBXGroup; 194 | children = ( 195 | 00E356F11AD99517003FC87E /* Info.plist */, 196 | ); 197 | name = "Supporting Files"; 198 | sourceTree = ""; 199 | }; 200 | 139105B71AF99BAD00B5F7CC /* Products */ = { 201 | isa = PBXGroup; 202 | children = ( 203 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 204 | ); 205 | name = Products; 206 | sourceTree = ""; 207 | }; 208 | 139FDEE71B06529A00C62182 /* Products */ = { 209 | isa = PBXGroup; 210 | children = ( 211 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 212 | ); 213 | name = Products; 214 | sourceTree = ""; 215 | }; 216 | 13B07FAE1A68108700A75B9A /* ListView */ = { 217 | isa = PBXGroup; 218 | children = ( 219 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 220 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 221 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 222 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 223 | 13B07FB61A68108700A75B9A /* Info.plist */, 224 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 225 | 13B07FB71A68108700A75B9A /* main.m */, 226 | ); 227 | name = ListView; 228 | sourceTree = ""; 229 | }; 230 | 146834001AC3E56700842450 /* Products */ = { 231 | isa = PBXGroup; 232 | children = ( 233 | 146834041AC3E56700842450 /* libReact.a */, 234 | ); 235 | name = Products; 236 | sourceTree = ""; 237 | }; 238 | 78C398B11ACF4ADC00677621 /* Products */ = { 239 | isa = PBXGroup; 240 | children = ( 241 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 242 | ); 243 | name = Products; 244 | sourceTree = ""; 245 | }; 246 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 247 | isa = PBXGroup; 248 | children = ( 249 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 250 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 251 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 252 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 253 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 254 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 255 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 256 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 257 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 258 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 259 | ); 260 | name = Libraries; 261 | sourceTree = ""; 262 | }; 263 | 832341B11AAA6A8300B99B32 /* Products */ = { 264 | isa = PBXGroup; 265 | children = ( 266 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 267 | ); 268 | name = Products; 269 | sourceTree = ""; 270 | }; 271 | 83CBB9F61A601CBA00E9B192 = { 272 | isa = PBXGroup; 273 | children = ( 274 | 13B07FAE1A68108700A75B9A /* ListView */, 275 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 276 | 00E356EF1AD99517003FC87E /* ListViewTests */, 277 | 83CBBA001A601CBA00E9B192 /* Products */, 278 | ); 279 | indentWidth = 2; 280 | sourceTree = ""; 281 | tabWidth = 2; 282 | }; 283 | 83CBBA001A601CBA00E9B192 /* Products */ = { 284 | isa = PBXGroup; 285 | children = ( 286 | 13B07F961A680F5B00A75B9A /* ListView.app */, 287 | ); 288 | name = Products; 289 | sourceTree = ""; 290 | }; 291 | /* End PBXGroup section */ 292 | 293 | /* Begin PBXNativeTarget section */ 294 | 13B07F861A680F5B00A75B9A /* ListView */ = { 295 | isa = PBXNativeTarget; 296 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "ListView" */; 297 | buildPhases = ( 298 | 13B07F871A680F5B00A75B9A /* Sources */, 299 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 300 | 13B07F8E1A680F5B00A75B9A /* Resources */, 301 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 302 | ); 303 | buildRules = ( 304 | ); 305 | dependencies = ( 306 | ); 307 | name = ListView; 308 | productName = "Hello World"; 309 | productReference = 13B07F961A680F5B00A75B9A /* ListView.app */; 310 | productType = "com.apple.product-type.application"; 311 | }; 312 | /* End PBXNativeTarget section */ 313 | 314 | /* Begin PBXProject section */ 315 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 316 | isa = PBXProject; 317 | attributes = { 318 | LastUpgradeCheck = 0610; 319 | ORGANIZATIONNAME = Facebook; 320 | }; 321 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ListView" */; 322 | compatibilityVersion = "Xcode 3.2"; 323 | developmentRegion = English; 324 | hasScannedForEncodings = 0; 325 | knownRegions = ( 326 | en, 327 | Base, 328 | ); 329 | mainGroup = 83CBB9F61A601CBA00E9B192; 330 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 331 | projectDirPath = ""; 332 | projectReferences = ( 333 | { 334 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 335 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 336 | }, 337 | { 338 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 339 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 340 | }, 341 | { 342 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 343 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 344 | }, 345 | { 346 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 347 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 348 | }, 349 | { 350 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 351 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 352 | }, 353 | { 354 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 355 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 356 | }, 357 | { 358 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 359 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 360 | }, 361 | { 362 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 363 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 364 | }, 365 | { 366 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 367 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 368 | }, 369 | { 370 | ProductGroup = 146834001AC3E56700842450 /* Products */; 371 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 372 | }, 373 | ); 374 | projectRoot = ""; 375 | targets = ( 376 | 13B07F861A680F5B00A75B9A /* ListView */, 377 | ); 378 | }; 379 | /* End PBXProject section */ 380 | 381 | /* Begin PBXReferenceProxy section */ 382 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 383 | isa = PBXReferenceProxy; 384 | fileType = archive.ar; 385 | path = libRCTActionSheet.a; 386 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 387 | sourceTree = BUILT_PRODUCTS_DIR; 388 | }; 389 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 390 | isa = PBXReferenceProxy; 391 | fileType = archive.ar; 392 | path = libRCTGeolocation.a; 393 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 394 | sourceTree = BUILT_PRODUCTS_DIR; 395 | }; 396 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 397 | isa = PBXReferenceProxy; 398 | fileType = archive.ar; 399 | path = libRCTImage.a; 400 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 401 | sourceTree = BUILT_PRODUCTS_DIR; 402 | }; 403 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 404 | isa = PBXReferenceProxy; 405 | fileType = archive.ar; 406 | path = libRCTNetwork.a; 407 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 408 | sourceTree = BUILT_PRODUCTS_DIR; 409 | }; 410 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 411 | isa = PBXReferenceProxy; 412 | fileType = archive.ar; 413 | path = libRCTVibration.a; 414 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 415 | sourceTree = BUILT_PRODUCTS_DIR; 416 | }; 417 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 418 | isa = PBXReferenceProxy; 419 | fileType = archive.ar; 420 | path = libRCTSettings.a; 421 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 422 | sourceTree = BUILT_PRODUCTS_DIR; 423 | }; 424 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 425 | isa = PBXReferenceProxy; 426 | fileType = archive.ar; 427 | path = libRCTWebSocket.a; 428 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 429 | sourceTree = BUILT_PRODUCTS_DIR; 430 | }; 431 | 146834041AC3E56700842450 /* libReact.a */ = { 432 | isa = PBXReferenceProxy; 433 | fileType = archive.ar; 434 | path = libReact.a; 435 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 436 | sourceTree = BUILT_PRODUCTS_DIR; 437 | }; 438 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 439 | isa = PBXReferenceProxy; 440 | fileType = archive.ar; 441 | path = libRCTLinking.a; 442 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 443 | sourceTree = BUILT_PRODUCTS_DIR; 444 | }; 445 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 446 | isa = PBXReferenceProxy; 447 | fileType = archive.ar; 448 | path = libRCTText.a; 449 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 450 | sourceTree = BUILT_PRODUCTS_DIR; 451 | }; 452 | /* End PBXReferenceProxy section */ 453 | 454 | /* Begin PBXResourcesBuildPhase section */ 455 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 456 | isa = PBXResourcesBuildPhase; 457 | buildActionMask = 2147483647; 458 | files = ( 459 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 460 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 461 | ); 462 | runOnlyForDeploymentPostprocessing = 0; 463 | }; 464 | /* End PBXResourcesBuildPhase section */ 465 | 466 | /* Begin PBXShellScriptBuildPhase section */ 467 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 468 | isa = PBXShellScriptBuildPhase; 469 | buildActionMask = 2147483647; 470 | files = ( 471 | ); 472 | inputPaths = ( 473 | ); 474 | name = "Bundle React Native code and images"; 475 | outputPaths = ( 476 | ); 477 | runOnlyForDeploymentPostprocessing = 0; 478 | shellPath = /bin/sh; 479 | shellScript = "../node_modules/react-native/packager/react-native-xcode.sh"; 480 | }; 481 | /* End PBXShellScriptBuildPhase section */ 482 | 483 | /* Begin PBXSourcesBuildPhase section */ 484 | 13B07F871A680F5B00A75B9A /* Sources */ = { 485 | isa = PBXSourcesBuildPhase; 486 | buildActionMask = 2147483647; 487 | files = ( 488 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 489 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 490 | ); 491 | runOnlyForDeploymentPostprocessing = 0; 492 | }; 493 | /* End PBXSourcesBuildPhase section */ 494 | 495 | /* Begin PBXVariantGroup section */ 496 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 497 | isa = PBXVariantGroup; 498 | children = ( 499 | 13B07FB21A68108700A75B9A /* Base */, 500 | ); 501 | name = LaunchScreen.xib; 502 | path = ListView; 503 | sourceTree = ""; 504 | }; 505 | /* End PBXVariantGroup section */ 506 | 507 | /* Begin XCBuildConfiguration section */ 508 | 13B07F941A680F5B00A75B9A /* Debug */ = { 509 | isa = XCBuildConfiguration; 510 | buildSettings = { 511 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 512 | DEAD_CODE_STRIPPING = NO; 513 | HEADER_SEARCH_PATHS = ( 514 | "$(inherited)", 515 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 516 | "$(SRCROOT)/../node_modules/react-native/React/**", 517 | ); 518 | INFOPLIST_FILE = ListView/Info.plist; 519 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 520 | OTHER_LDFLAGS = "-ObjC"; 521 | PRODUCT_NAME = ListView; 522 | }; 523 | name = Debug; 524 | }; 525 | 13B07F951A680F5B00A75B9A /* Release */ = { 526 | isa = XCBuildConfiguration; 527 | buildSettings = { 528 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 529 | HEADER_SEARCH_PATHS = ( 530 | "$(inherited)", 531 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 532 | "$(SRCROOT)/../node_modules/react-native/React/**", 533 | ); 534 | INFOPLIST_FILE = ListView/Info.plist; 535 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 536 | OTHER_LDFLAGS = "-ObjC"; 537 | PRODUCT_NAME = ListView; 538 | }; 539 | name = Release; 540 | }; 541 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 542 | isa = XCBuildConfiguration; 543 | buildSettings = { 544 | ALWAYS_SEARCH_USER_PATHS = NO; 545 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 546 | CLANG_CXX_LIBRARY = "libc++"; 547 | CLANG_ENABLE_MODULES = YES; 548 | CLANG_ENABLE_OBJC_ARC = YES; 549 | CLANG_WARN_BOOL_CONVERSION = YES; 550 | CLANG_WARN_CONSTANT_CONVERSION = YES; 551 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 552 | CLANG_WARN_EMPTY_BODY = YES; 553 | CLANG_WARN_ENUM_CONVERSION = YES; 554 | CLANG_WARN_INT_CONVERSION = YES; 555 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 556 | CLANG_WARN_UNREACHABLE_CODE = YES; 557 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 558 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 559 | COPY_PHASE_STRIP = NO; 560 | ENABLE_STRICT_OBJC_MSGSEND = YES; 561 | GCC_C_LANGUAGE_STANDARD = gnu99; 562 | GCC_DYNAMIC_NO_PIC = NO; 563 | GCC_OPTIMIZATION_LEVEL = 0; 564 | GCC_PREPROCESSOR_DEFINITIONS = ( 565 | "DEBUG=1", 566 | "$(inherited)", 567 | ); 568 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 569 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 570 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 571 | GCC_WARN_UNDECLARED_SELECTOR = YES; 572 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 573 | GCC_WARN_UNUSED_FUNCTION = YES; 574 | GCC_WARN_UNUSED_VARIABLE = YES; 575 | HEADER_SEARCH_PATHS = ( 576 | "$(inherited)", 577 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 578 | "$(SRCROOT)/../node_modules/react-native/React/**", 579 | ); 580 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 581 | MTL_ENABLE_DEBUG_INFO = YES; 582 | ONLY_ACTIVE_ARCH = YES; 583 | SDKROOT = iphoneos; 584 | }; 585 | name = Debug; 586 | }; 587 | 83CBBA211A601CBA00E9B192 /* Release */ = { 588 | isa = XCBuildConfiguration; 589 | buildSettings = { 590 | ALWAYS_SEARCH_USER_PATHS = NO; 591 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 592 | CLANG_CXX_LIBRARY = "libc++"; 593 | CLANG_ENABLE_MODULES = YES; 594 | CLANG_ENABLE_OBJC_ARC = YES; 595 | CLANG_WARN_BOOL_CONVERSION = YES; 596 | CLANG_WARN_CONSTANT_CONVERSION = YES; 597 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 598 | CLANG_WARN_EMPTY_BODY = YES; 599 | CLANG_WARN_ENUM_CONVERSION = YES; 600 | CLANG_WARN_INT_CONVERSION = YES; 601 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 602 | CLANG_WARN_UNREACHABLE_CODE = YES; 603 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 604 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 605 | COPY_PHASE_STRIP = YES; 606 | ENABLE_NS_ASSERTIONS = NO; 607 | ENABLE_STRICT_OBJC_MSGSEND = YES; 608 | GCC_C_LANGUAGE_STANDARD = gnu99; 609 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 610 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 611 | GCC_WARN_UNDECLARED_SELECTOR = YES; 612 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 613 | GCC_WARN_UNUSED_FUNCTION = YES; 614 | GCC_WARN_UNUSED_VARIABLE = YES; 615 | HEADER_SEARCH_PATHS = ( 616 | "$(inherited)", 617 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 618 | "$(SRCROOT)/../node_modules/react-native/React/**", 619 | ); 620 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 621 | MTL_ENABLE_DEBUG_INFO = NO; 622 | SDKROOT = iphoneos; 623 | VALIDATE_PRODUCT = YES; 624 | }; 625 | name = Release; 626 | }; 627 | /* End XCBuildConfiguration section */ 628 | 629 | /* Begin XCConfigurationList section */ 630 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "ListView" */ = { 631 | isa = XCConfigurationList; 632 | buildConfigurations = ( 633 | 13B07F941A680F5B00A75B9A /* Debug */, 634 | 13B07F951A680F5B00A75B9A /* Release */, 635 | ); 636 | defaultConfigurationIsVisible = 0; 637 | defaultConfigurationName = Release; 638 | }; 639 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ListView" */ = { 640 | isa = XCConfigurationList; 641 | buildConfigurations = ( 642 | 83CBBA201A601CBA00E9B192 /* Debug */, 643 | 83CBBA211A601CBA00E9B192 /* Release */, 644 | ); 645 | defaultConfigurationIsVisible = 0; 646 | defaultConfigurationName = Release; 647 | }; 648 | /* End XCConfigurationList section */ 649 | }; 650 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 651 | } 652 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListView.xcodeproj/xcshareddata/xcschemes/ListView.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListView/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListView/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 "RCTRootView.h" 13 | 14 | @implementation AppDelegate 15 | 16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 17 | { 18 | NSURL *jsCodeLocation; 19 | 20 | /** 21 | * Loading JavaScript code - uncomment the one you want. 22 | * 23 | * OPTION 1 24 | * Load from development server. Start the server from the repository root: 25 | * 26 | * $ npm start 27 | * 28 | * To run on device, change `localhost` to the IP address of your computer 29 | * (you can get this by typing `ifconfig` into the terminal and selecting the 30 | * `inet` value under `en0:`) and make sure your computer and iOS device are 31 | * on the same Wi-Fi network. 32 | */ 33 | 34 | jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"]; 35 | 36 | /** 37 | * OPTION 2 38 | * Load from pre-bundled file on disk. The static bundle is automatically 39 | * generated by "Bundle React Native code and images" build step. 40 | */ 41 | 42 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 43 | 44 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 45 | moduleName:@"ListView" 46 | initialProperties:nil 47 | launchOptions:launchOptions]; 48 | 49 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 50 | UIViewController *rootViewController = [UIViewController new]; 51 | rootViewController.view = rootView; 52 | self.window.rootViewController = rootViewController; 53 | [self.window makeKeyAndVisible]; 54 | return YES; 55 | } 56 | 57 | @end 58 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListView/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListView/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 | } -------------------------------------------------------------------------------- /examples/ListView/ios/ListView/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 | NSAllowsArbitraryLoads 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListView/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExample.xcodeproj/xcshareddata/xcschemes/ListViewExample.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExample/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExample/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 "RCTRootView.h" 13 | 14 | @implementation AppDelegate 15 | 16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 17 | { 18 | NSURL *jsCodeLocation; 19 | 20 | /** 21 | * Loading JavaScript code - uncomment the one you want. 22 | * 23 | * OPTION 1 24 | * Load from development server. Start the server from the repository root: 25 | * 26 | * $ npm start 27 | * 28 | * To run on device, change `localhost` to the IP address of your computer 29 | * (you can get this by typing `ifconfig` into the terminal and selecting the 30 | * `inet` value under `en0:`) and make sure your computer and iOS device are 31 | * on the same Wi-Fi network. 32 | */ 33 | 34 | jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"]; 35 | 36 | /** 37 | * OPTION 2 38 | * Load from pre-bundled file on disk. The static bundle is automatically 39 | * generated by the "Bundle React Native code and images" build step when 40 | * running the project on an actual device or running the project on the 41 | * simulator in the "Release" build configuration. 42 | */ 43 | 44 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 45 | 46 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 47 | moduleName:@"ListViewExample" 48 | initialProperties:nil 49 | launchOptions:launchOptions]; 50 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 51 | 52 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 53 | UIViewController *rootViewController = [UIViewController new]; 54 | rootViewController.view = rootView; 55 | self.window.rootViewController = rootViewController; 56 | [self.window makeKeyAndVisible]; 57 | return YES; 58 | } 59 | 60 | @end 61 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExample/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExample/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 | } -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExample/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 | NSAllowsArbitraryLoads 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExample/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExampleTests/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewExampleTests/ListViewExampleTests.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 "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface ListViewExampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation ListViewExampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewTests/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 | -------------------------------------------------------------------------------- /examples/ListView/ios/ListViewTests/ListViewTests.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 "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 240 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface ListViewTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation ListViewTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /examples/ListView/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ListViewExample", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "react-native start" 7 | }, 8 | "dependencies": { 9 | "react": "15.1.0", 10 | "react-native": "0.27.2", 11 | "react-native-parallax-scroll-view": "../../" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /examples/NestedViews/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | # We fork some components by platform. 4 | .*/*.web.js 5 | .*/*.android.js 6 | 7 | # Some modules have their own node_modules with overlap 8 | .*/node_modules/node-haste/.* 9 | 10 | # Ugh 11 | .*/node_modules/babel.* 12 | .*/node_modules/babylon.* 13 | .*/node_modules/invariant.* 14 | 15 | # Ignore react and fbjs where there are overlaps, but don't ignore 16 | # anything that react-native relies on 17 | .*/node_modules/fbjs-haste/.*/__tests__/.* 18 | .*/node_modules/fbjs-haste/__forks__/Map.js 19 | .*/node_modules/fbjs-haste/__forks__/Promise.js 20 | .*/node_modules/fbjs-haste/__forks__/fetch.js 21 | .*/node_modules/fbjs-haste/core/ExecutionEnvironment.js 22 | .*/node_modules/fbjs-haste/core/isEmpty.js 23 | .*/node_modules/fbjs-haste/crypto/crc32.js 24 | .*/node_modules/fbjs-haste/stubs/ErrorUtils.js 25 | .*/node_modules/react-haste/React.js 26 | .*/node_modules/react-haste/renderers/dom/ReactDOM.js 27 | .*/node_modules/react-haste/renderers/shared/event/eventPlugins/ResponderEventPlugin.js 28 | 29 | # Ignore commoner tests 30 | .*/node_modules/commoner/test/.* 31 | 32 | # See https://github.com/facebook/flow/issues/442 33 | .*/react-tools/node_modules/commoner/lib/reader.js 34 | 35 | # Ignore jest 36 | .*/node_modules/jest-cli/.* 37 | 38 | # Ignore Website 39 | .*/website/.* 40 | 41 | [include] 42 | 43 | [libs] 44 | node_modules/react-native/Libraries/react-native/react-native-interface.js 45 | 46 | [options] 47 | module.system=haste 48 | 49 | munge_underscores=true 50 | 51 | module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub' 52 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.png$' -> 'RelativeImageStub' 53 | 54 | suppress_type=$FlowIssue 55 | suppress_type=$FlowFixMe 56 | suppress_type=$FixMe 57 | 58 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 59 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)? #[0-9]+ 60 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 61 | 62 | [version] 63 | 0.19.0 64 | -------------------------------------------------------------------------------- /examples/NestedViews/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IJ 26 | # 27 | .idea 28 | .gradle 29 | local.properties 30 | 31 | # node.js 32 | # 33 | node_modules/ 34 | npm-debug.log 35 | -------------------------------------------------------------------------------- /examples/NestedViews/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /examples/NestedViews/Nested.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import { 3 | Dimensions, 4 | Image, 5 | Text, 6 | View 7 | } from 'react-native'; 8 | import ParallaxScrollView from 'react-native-parallax-scroll-view'; 9 | 10 | const window = Dimensions.get('window'); 11 | console.log(window.width); 12 | 13 | class Nested extends Component { 14 | render() { 15 | return ( 16 | 17 | 18 | 19 | 20 | } 23 | renderFixedHeader={() => Hello} 24 | parallaxHeaderHeight={ 350 }> 25 | Meow! 26 | 27 | 28 | 29 | 30 | 31 | ); 32 | } 33 | } 34 | 35 | export default Nested; 36 | -------------------------------------------------------------------------------- /examples/NestedViews/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | /** 4 | * The react.gradle file registers two tasks: bundleDebugJsAndAssets and bundleReleaseJsAndAssets. 5 | * These basically call `react-native bundle` with the correct arguments during the Android build 6 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 7 | * bundle directly from the development server. Below you can see all the possible configurations 8 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 9 | * `apply from: "react.gradle"` line. 10 | * 11 | * project.ext.react = [ 12 | * // the name of the generated asset file containing your JS bundle 13 | * bundleAssetName: "index.android.bundle", 14 | * 15 | * // the entry file for bundle generation 16 | * entryFile: "index.android.js", 17 | * 18 | * // whether to bundle JS and assets in debug mode 19 | * bundleInDebug: false, 20 | * 21 | * // whether to bundle JS and assets in release mode 22 | * bundleInRelease: true, 23 | * 24 | * // the root of your project, i.e. where "package.json" lives 25 | * root: "../../", 26 | * 27 | * // where to put the JS bundle asset in debug mode 28 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 29 | * 30 | * // where to put the JS bundle asset in release mode 31 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 32 | * 33 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 34 | * // require('./image.png')), in debug mode 35 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 36 | * 37 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 38 | * // require('./image.png')), in release mode 39 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 40 | * 41 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 42 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 43 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 44 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 45 | * // for example, you might want to remove it from here. 46 | * inputExcludes: ["android/**", "ios/**"] 47 | * ] 48 | */ 49 | 50 | apply from: "react.gradle" 51 | 52 | android { 53 | compileSdkVersion 23 54 | buildToolsVersion "23.0.1" 55 | 56 | defaultConfig { 57 | applicationId "com.nestedviews" 58 | minSdkVersion 16 59 | targetSdkVersion 22 60 | versionCode 1 61 | versionName "1.0" 62 | ndk { 63 | abiFilters "armeabi-v7a", "x86" 64 | } 65 | } 66 | buildTypes { 67 | release { 68 | minifyEnabled false // Set this to true to enable Proguard 69 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 70 | } 71 | } 72 | } 73 | 74 | dependencies { 75 | compile fileTree(dir: "libs", include: ["*.jar"]) 76 | compile "com.android.support:appcompat-v7:23.0.1" 77 | compile "com.facebook.react:react-native:0.20.+" 78 | } 79 | -------------------------------------------------------------------------------- /examples/NestedViews/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 | 30 | # Do not strip any method/class that is annotated with @DoNotStrip 31 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 32 | -keepclassmembers class * { 33 | @com.facebook.proguard.annotations.DoNotStrip *; 34 | } 35 | 36 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 37 | void set*(***); 38 | *** get*(); 39 | } 40 | 41 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 42 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 43 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 44 | -keepclassmembers class * { @com.facebook.react.uimanager.ReactProp ; } 45 | -keepclassmembers class * { @com.facebook.react.uimanager.ReactPropGroup ; } 46 | 47 | # okhttp 48 | 49 | -keepattributes Signature 50 | -keepattributes *Annotation* 51 | -keep class com.squareup.okhttp.** { *; } 52 | -keep interface com.squareup.okhttp.** { *; } 53 | -dontwarn com.squareup.okhttp.** 54 | 55 | # okio 56 | 57 | -keep class sun.misc.Unsafe { *; } 58 | -dontwarn java.nio.file.* 59 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 60 | -dontwarn okio.** 61 | -------------------------------------------------------------------------------- /examples/NestedViews/android/app/react.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | def config = project.hasProperty("react") ? project.react : []; 4 | 5 | def bundleAssetName = config.bundleAssetName ?: "index.android.bundle" 6 | def entryFile = config.entryFile ?: "index.android.js" 7 | 8 | // because elvis operator 9 | def elvisFile(thing) { 10 | return thing ? file(thing) : null; 11 | } 12 | 13 | def reactRoot = elvisFile(config.root) ?: file("../../") 14 | def jsBundleDirDebug = elvisFile(config.jsBundleDirDebug) ?: 15 | file("$buildDir/intermediates/assets/debug") 16 | def jsBundleDirRelease = elvisFile(config.jsBundleDirRelease) ?: 17 | file("$buildDir/intermediates/assets/release") 18 | def resourcesDirDebug = elvisFile(config.resourcesDirDebug) ?: 19 | file("$buildDir/intermediates/res/merged/debug") 20 | def resourcesDirRelease = elvisFile(config.resourcesDirRelease) ?: 21 | file("$buildDir/intermediates/res/merged/release") 22 | def inputExcludes = config.inputExcludes ?: ["android/**", "ios/**"] 23 | 24 | def jsBundleFileDebug = file("$jsBundleDirDebug/$bundleAssetName") 25 | def jsBundleFileRelease = file("$jsBundleDirRelease/$bundleAssetName") 26 | 27 | task bundleDebugJsAndAssets(type: Exec) { 28 | // create dirs if they are not there (e.g. the "clean" task just ran) 29 | doFirst { 30 | jsBundleDirDebug.mkdirs() 31 | resourcesDirDebug.mkdirs() 32 | } 33 | 34 | // set up inputs and outputs so gradle can cache the result 35 | inputs.files fileTree(dir: reactRoot, excludes: inputExcludes) 36 | outputs.dir jsBundleDirDebug 37 | outputs.dir resourcesDirDebug 38 | 39 | // set up the call to the react-native cli 40 | workingDir reactRoot 41 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 42 | commandLine "cmd", "/c", "react-native", "bundle", "--platform", "android", "--dev", "true", "--entry-file", 43 | entryFile, "--bundle-output", jsBundleFileDebug, "--assets-dest", resourcesDirDebug 44 | } else { 45 | commandLine "react-native", "bundle", "--platform", "android", "--dev", "true", "--entry-file", 46 | entryFile, "--bundle-output", jsBundleFileDebug, "--assets-dest", resourcesDirDebug 47 | } 48 | 49 | enabled config.bundleInDebug ?: false 50 | } 51 | 52 | task bundleReleaseJsAndAssets(type: Exec) { 53 | // create dirs if they are not there (e.g. the "clean" task just ran) 54 | doFirst { 55 | jsBundleDirRelease.mkdirs() 56 | resourcesDirRelease.mkdirs() 57 | } 58 | 59 | // set up inputs and outputs so gradle can cache the result 60 | inputs.files fileTree(dir: reactRoot, excludes: inputExcludes) 61 | outputs.dir jsBundleDirRelease 62 | outputs.dir resourcesDirRelease 63 | 64 | // set up the call to the react-native cli 65 | workingDir reactRoot 66 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 67 | commandLine "cmd","/c", "react-native", "bundle", "--platform", "android", "--dev", "false", "--entry-file", 68 | entryFile, "--bundle-output", jsBundleFileRelease, "--assets-dest", resourcesDirRelease 69 | } else { 70 | commandLine "react-native", "bundle", "--platform", "android", "--dev", "false", "--entry-file", 71 | entryFile, "--bundle-output", jsBundleFileRelease, "--assets-dest", resourcesDirRelease 72 | } 73 | 74 | enabled config.bundleInRelease ?: true 75 | } 76 | 77 | gradle.projectsEvaluated { 78 | // hook bundleDebugJsAndAssets into the android build process 79 | bundleDebugJsAndAssets.dependsOn mergeDebugResources 80 | bundleDebugJsAndAssets.dependsOn mergeDebugAssets 81 | processDebugResources.dependsOn bundleDebugJsAndAssets 82 | 83 | // hook bundleReleaseJsAndAssets into the android build process 84 | bundleReleaseJsAndAssets.dependsOn mergeReleaseResources 85 | bundleReleaseJsAndAssets.dependsOn mergeReleaseAssets 86 | processReleaseResources.dependsOn bundleReleaseJsAndAssets 87 | } 88 | -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/java/com/nestedviews/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.nestedviews; 2 | 3 | import android.app.Activity; 4 | import android.os.Bundle; 5 | import android.view.KeyEvent; 6 | 7 | import com.facebook.react.LifecycleState; 8 | import com.facebook.react.ReactInstanceManager; 9 | import com.facebook.react.ReactRootView; 10 | import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler; 11 | import com.facebook.react.shell.MainReactPackage; 12 | import com.facebook.soloader.SoLoader; 13 | 14 | public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler { 15 | 16 | private ReactInstanceManager mReactInstanceManager; 17 | private ReactRootView mReactRootView; 18 | 19 | @Override 20 | protected void onCreate(Bundle savedInstanceState) { 21 | super.onCreate(savedInstanceState); 22 | mReactRootView = new ReactRootView(this); 23 | 24 | mReactInstanceManager = ReactInstanceManager.builder() 25 | .setApplication(getApplication()) 26 | .setBundleAssetName("index.android.bundle") 27 | .setJSMainModuleName("index.android") 28 | .addPackage(new MainReactPackage()) 29 | .setUseDeveloperSupport(BuildConfig.DEBUG) 30 | .setInitialLifecycleState(LifecycleState.RESUMED) 31 | .build(); 32 | 33 | mReactRootView.startReactApplication(mReactInstanceManager, "NestedViews", null); 34 | 35 | setContentView(mReactRootView); 36 | } 37 | 38 | @Override 39 | public boolean onKeyUp(int keyCode, KeyEvent event) { 40 | if (keyCode == KeyEvent.KEYCODE_MENU && mReactInstanceManager != null) { 41 | mReactInstanceManager.showDevOptionsDialog(); 42 | return true; 43 | } 44 | return super.onKeyUp(keyCode, event); 45 | } 46 | 47 | @Override 48 | public void onBackPressed() { 49 | if (mReactInstanceManager != null) { 50 | mReactInstanceManager.onBackPressed(); 51 | } else { 52 | super.onBackPressed(); 53 | } 54 | } 55 | 56 | @Override 57 | public void invokeDefaultOnBackPressed() { 58 | super.onBackPressed(); 59 | } 60 | 61 | @Override 62 | protected void onPause() { 63 | super.onPause(); 64 | 65 | if (mReactInstanceManager != null) { 66 | mReactInstanceManager.onPause(); 67 | } 68 | } 69 | 70 | @Override 71 | protected void onResume() { 72 | super.onResume(); 73 | 74 | if (mReactInstanceManager != null) { 75 | mReactInstanceManager.onResume(this, this); 76 | } 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/NestedViews/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/NestedViews/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/NestedViews/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/NestedViews/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | NestedViews 3 | 4 | -------------------------------------------------------------------------------- /examples/NestedViews/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /examples/NestedViews/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /examples/NestedViews/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 | -------------------------------------------------------------------------------- /examples/NestedViews/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/i6mi6/react-native-parallax-scroll-view/2988b604d5a72ab3d4ee251febe13023b107b276/examples/NestedViews/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /examples/NestedViews/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /examples/NestedViews/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 | -------------------------------------------------------------------------------- /examples/NestedViews/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 | -------------------------------------------------------------------------------- /examples/NestedViews/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'NestedViews' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /examples/NestedViews/index.android.js: -------------------------------------------------------------------------------- 1 | import React, { AppRegistry } from 'react-native'; 2 | 3 | import Nested from './Nested'; 4 | 5 | AppRegistry.registerComponent('NestedViews', () => Nested); 6 | -------------------------------------------------------------------------------- /examples/NestedViews/index.ios.js: -------------------------------------------------------------------------------- 1 | import React, { AppRegistry } from 'react-native'; 2 | 3 | import Nested from './Nested'; 4 | 5 | AppRegistry.registerComponent('NestedViews', () => Nested); 6 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* NestedViewsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* NestedViewsTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 25 | /* End PBXBuildFile section */ 26 | 27 | /* Begin PBXContainerItemProxy section */ 28 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 29 | isa = PBXContainerItemProxy; 30 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 31 | proxyType = 2; 32 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 33 | remoteInfo = RCTActionSheet; 34 | }; 35 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 36 | isa = PBXContainerItemProxy; 37 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 38 | proxyType = 2; 39 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 40 | remoteInfo = RCTGeolocation; 41 | }; 42 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 43 | isa = PBXContainerItemProxy; 44 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 45 | proxyType = 2; 46 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 47 | remoteInfo = RCTImage; 48 | }; 49 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 50 | isa = PBXContainerItemProxy; 51 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 52 | proxyType = 2; 53 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 54 | remoteInfo = RCTNetwork; 55 | }; 56 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 57 | isa = PBXContainerItemProxy; 58 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 59 | proxyType = 2; 60 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 61 | remoteInfo = RCTVibration; 62 | }; 63 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 64 | isa = PBXContainerItemProxy; 65 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 66 | proxyType = 1; 67 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 68 | remoteInfo = NestedViews; 69 | }; 70 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 71 | isa = PBXContainerItemProxy; 72 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 73 | proxyType = 2; 74 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 75 | remoteInfo = RCTSettings; 76 | }; 77 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 78 | isa = PBXContainerItemProxy; 79 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 80 | proxyType = 2; 81 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 82 | remoteInfo = RCTWebSocket; 83 | }; 84 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 85 | isa = PBXContainerItemProxy; 86 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 87 | proxyType = 2; 88 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 89 | remoteInfo = React; 90 | }; 91 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 92 | isa = PBXContainerItemProxy; 93 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 94 | proxyType = 2; 95 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 96 | remoteInfo = RCTLinking; 97 | }; 98 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 99 | isa = PBXContainerItemProxy; 100 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 101 | proxyType = 2; 102 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 103 | remoteInfo = RCTText; 104 | }; 105 | /* End PBXContainerItemProxy section */ 106 | 107 | /* Begin PBXFileReference section */ 108 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = main.jsbundle; path = main.jsbundle; sourceTree = ""; }; 109 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = ../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj; sourceTree = ""; }; 110 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = ../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj; sourceTree = ""; }; 111 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = ../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj; sourceTree = ""; }; 112 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = ../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj; sourceTree = ""; }; 113 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = ../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj; sourceTree = ""; }; 114 | 00E356EE1AD99517003FC87E /* NestedViewsTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = NestedViewsTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 115 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 116 | 00E356F21AD99517003FC87E /* NestedViewsTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = NestedViewsTests.m; sourceTree = ""; }; 117 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = ../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj; sourceTree = ""; }; 118 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = ../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj; sourceTree = ""; }; 119 | 13B07F961A680F5B00A75B9A /* NestedViews.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = NestedViews.app; sourceTree = BUILT_PRODUCTS_DIR; }; 120 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = NestedViews/AppDelegate.h; sourceTree = ""; }; 121 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = NestedViews/AppDelegate.m; sourceTree = ""; }; 122 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 123 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = NestedViews/Images.xcassets; sourceTree = ""; }; 124 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = NestedViews/Info.plist; sourceTree = ""; }; 125 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = NestedViews/main.m; sourceTree = ""; }; 126 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = ../node_modules/react-native/React/React.xcodeproj; sourceTree = ""; }; 127 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = ../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj; sourceTree = ""; }; 128 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = ../node_modules/react-native/Libraries/Text/RCTText.xcodeproj; sourceTree = ""; }; 129 | /* End PBXFileReference section */ 130 | 131 | /* Begin PBXFrameworksBuildPhase section */ 132 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 133 | isa = PBXFrameworksBuildPhase; 134 | buildActionMask = 2147483647; 135 | files = ( 136 | ); 137 | runOnlyForDeploymentPostprocessing = 0; 138 | }; 139 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 140 | isa = PBXFrameworksBuildPhase; 141 | buildActionMask = 2147483647; 142 | files = ( 143 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 144 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 145 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 146 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 147 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 148 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 149 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 150 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 151 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 152 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 153 | ); 154 | runOnlyForDeploymentPostprocessing = 0; 155 | }; 156 | /* End PBXFrameworksBuildPhase section */ 157 | 158 | /* Begin PBXGroup section */ 159 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 160 | isa = PBXGroup; 161 | children = ( 162 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 163 | ); 164 | name = Products; 165 | sourceTree = ""; 166 | }; 167 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 168 | isa = PBXGroup; 169 | children = ( 170 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 171 | ); 172 | name = Products; 173 | sourceTree = ""; 174 | }; 175 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 176 | isa = PBXGroup; 177 | children = ( 178 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 179 | ); 180 | name = Products; 181 | sourceTree = ""; 182 | }; 183 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 184 | isa = PBXGroup; 185 | children = ( 186 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 187 | ); 188 | name = Products; 189 | sourceTree = ""; 190 | }; 191 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 192 | isa = PBXGroup; 193 | children = ( 194 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 195 | ); 196 | name = Products; 197 | sourceTree = ""; 198 | }; 199 | 00E356EF1AD99517003FC87E /* NestedViewsTests */ = { 200 | isa = PBXGroup; 201 | children = ( 202 | 00E356F21AD99517003FC87E /* NestedViewsTests.m */, 203 | 00E356F01AD99517003FC87E /* Supporting Files */, 204 | ); 205 | path = NestedViewsTests; 206 | sourceTree = ""; 207 | }; 208 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 209 | isa = PBXGroup; 210 | children = ( 211 | 00E356F11AD99517003FC87E /* Info.plist */, 212 | ); 213 | name = "Supporting Files"; 214 | sourceTree = ""; 215 | }; 216 | 139105B71AF99BAD00B5F7CC /* Products */ = { 217 | isa = PBXGroup; 218 | children = ( 219 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 220 | ); 221 | name = Products; 222 | sourceTree = ""; 223 | }; 224 | 139FDEE71B06529A00C62182 /* Products */ = { 225 | isa = PBXGroup; 226 | children = ( 227 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 228 | ); 229 | name = Products; 230 | sourceTree = ""; 231 | }; 232 | 13B07FAE1A68108700A75B9A /* NestedViews */ = { 233 | isa = PBXGroup; 234 | children = ( 235 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 236 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 237 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 238 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 239 | 13B07FB61A68108700A75B9A /* Info.plist */, 240 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 241 | 13B07FB71A68108700A75B9A /* main.m */, 242 | ); 243 | name = NestedViews; 244 | sourceTree = ""; 245 | }; 246 | 146834001AC3E56700842450 /* Products */ = { 247 | isa = PBXGroup; 248 | children = ( 249 | 146834041AC3E56700842450 /* libReact.a */, 250 | ); 251 | name = Products; 252 | sourceTree = ""; 253 | }; 254 | 78C398B11ACF4ADC00677621 /* Products */ = { 255 | isa = PBXGroup; 256 | children = ( 257 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 258 | ); 259 | name = Products; 260 | sourceTree = ""; 261 | }; 262 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 263 | isa = PBXGroup; 264 | children = ( 265 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 266 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 267 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 268 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 269 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 270 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 271 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 272 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 273 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 274 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 275 | ); 276 | name = Libraries; 277 | sourceTree = ""; 278 | }; 279 | 832341B11AAA6A8300B99B32 /* Products */ = { 280 | isa = PBXGroup; 281 | children = ( 282 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 283 | ); 284 | name = Products; 285 | sourceTree = ""; 286 | }; 287 | 83CBB9F61A601CBA00E9B192 = { 288 | isa = PBXGroup; 289 | children = ( 290 | 13B07FAE1A68108700A75B9A /* NestedViews */, 291 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 292 | 00E356EF1AD99517003FC87E /* NestedViewsTests */, 293 | 83CBBA001A601CBA00E9B192 /* Products */, 294 | ); 295 | indentWidth = 2; 296 | sourceTree = ""; 297 | tabWidth = 2; 298 | }; 299 | 83CBBA001A601CBA00E9B192 /* Products */ = { 300 | isa = PBXGroup; 301 | children = ( 302 | 13B07F961A680F5B00A75B9A /* NestedViews.app */, 303 | 00E356EE1AD99517003FC87E /* NestedViewsTests.xctest */, 304 | ); 305 | name = Products; 306 | sourceTree = ""; 307 | }; 308 | /* End PBXGroup section */ 309 | 310 | /* Begin PBXNativeTarget section */ 311 | 00E356ED1AD99517003FC87E /* NestedViewsTests */ = { 312 | isa = PBXNativeTarget; 313 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "NestedViewsTests" */; 314 | buildPhases = ( 315 | 00E356EA1AD99517003FC87E /* Sources */, 316 | 00E356EB1AD99517003FC87E /* Frameworks */, 317 | 00E356EC1AD99517003FC87E /* Resources */, 318 | ); 319 | buildRules = ( 320 | ); 321 | dependencies = ( 322 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 323 | ); 324 | name = NestedViewsTests; 325 | productName = NestedViewsTests; 326 | productReference = 00E356EE1AD99517003FC87E /* NestedViewsTests.xctest */; 327 | productType = "com.apple.product-type.bundle.unit-test"; 328 | }; 329 | 13B07F861A680F5B00A75B9A /* NestedViews */ = { 330 | isa = PBXNativeTarget; 331 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "NestedViews" */; 332 | buildPhases = ( 333 | 13B07F871A680F5B00A75B9A /* Sources */, 334 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 335 | 13B07F8E1A680F5B00A75B9A /* Resources */, 336 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 337 | ); 338 | buildRules = ( 339 | ); 340 | dependencies = ( 341 | ); 342 | name = NestedViews; 343 | productName = "Hello World"; 344 | productReference = 13B07F961A680F5B00A75B9A /* NestedViews.app */; 345 | productType = "com.apple.product-type.application"; 346 | }; 347 | /* End PBXNativeTarget section */ 348 | 349 | /* Begin PBXProject section */ 350 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 351 | isa = PBXProject; 352 | attributes = { 353 | LastUpgradeCheck = 0610; 354 | ORGANIZATIONNAME = Facebook; 355 | TargetAttributes = { 356 | 00E356ED1AD99517003FC87E = { 357 | CreatedOnToolsVersion = 6.2; 358 | TestTargetID = 13B07F861A680F5B00A75B9A; 359 | }; 360 | }; 361 | }; 362 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "NestedViews" */; 363 | compatibilityVersion = "Xcode 3.2"; 364 | developmentRegion = English; 365 | hasScannedForEncodings = 0; 366 | knownRegions = ( 367 | en, 368 | Base, 369 | ); 370 | mainGroup = 83CBB9F61A601CBA00E9B192; 371 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 372 | projectDirPath = ""; 373 | projectReferences = ( 374 | { 375 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 376 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 377 | }, 378 | { 379 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 380 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 381 | }, 382 | { 383 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 384 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 385 | }, 386 | { 387 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 388 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 389 | }, 390 | { 391 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 392 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 393 | }, 394 | { 395 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 396 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 397 | }, 398 | { 399 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 400 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 401 | }, 402 | { 403 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 404 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 405 | }, 406 | { 407 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 408 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 409 | }, 410 | { 411 | ProductGroup = 146834001AC3E56700842450 /* Products */; 412 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 413 | }, 414 | ); 415 | projectRoot = ""; 416 | targets = ( 417 | 13B07F861A680F5B00A75B9A /* NestedViews */, 418 | 00E356ED1AD99517003FC87E /* NestedViewsTests */, 419 | ); 420 | }; 421 | /* End PBXProject section */ 422 | 423 | /* Begin PBXReferenceProxy section */ 424 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 425 | isa = PBXReferenceProxy; 426 | fileType = archive.ar; 427 | path = libRCTActionSheet.a; 428 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 429 | sourceTree = BUILT_PRODUCTS_DIR; 430 | }; 431 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 432 | isa = PBXReferenceProxy; 433 | fileType = archive.ar; 434 | path = libRCTGeolocation.a; 435 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 436 | sourceTree = BUILT_PRODUCTS_DIR; 437 | }; 438 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 439 | isa = PBXReferenceProxy; 440 | fileType = archive.ar; 441 | path = libRCTImage.a; 442 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 443 | sourceTree = BUILT_PRODUCTS_DIR; 444 | }; 445 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 446 | isa = PBXReferenceProxy; 447 | fileType = archive.ar; 448 | path = libRCTNetwork.a; 449 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 450 | sourceTree = BUILT_PRODUCTS_DIR; 451 | }; 452 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 453 | isa = PBXReferenceProxy; 454 | fileType = archive.ar; 455 | path = libRCTVibration.a; 456 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 457 | sourceTree = BUILT_PRODUCTS_DIR; 458 | }; 459 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 460 | isa = PBXReferenceProxy; 461 | fileType = archive.ar; 462 | path = libRCTSettings.a; 463 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 464 | sourceTree = BUILT_PRODUCTS_DIR; 465 | }; 466 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 467 | isa = PBXReferenceProxy; 468 | fileType = archive.ar; 469 | path = libRCTWebSocket.a; 470 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 471 | sourceTree = BUILT_PRODUCTS_DIR; 472 | }; 473 | 146834041AC3E56700842450 /* libReact.a */ = { 474 | isa = PBXReferenceProxy; 475 | fileType = archive.ar; 476 | path = libReact.a; 477 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 478 | sourceTree = BUILT_PRODUCTS_DIR; 479 | }; 480 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 481 | isa = PBXReferenceProxy; 482 | fileType = archive.ar; 483 | path = libRCTLinking.a; 484 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 485 | sourceTree = BUILT_PRODUCTS_DIR; 486 | }; 487 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 488 | isa = PBXReferenceProxy; 489 | fileType = archive.ar; 490 | path = libRCTText.a; 491 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 492 | sourceTree = BUILT_PRODUCTS_DIR; 493 | }; 494 | /* End PBXReferenceProxy section */ 495 | 496 | /* Begin PBXResourcesBuildPhase section */ 497 | 00E356EC1AD99517003FC87E /* Resources */ = { 498 | isa = PBXResourcesBuildPhase; 499 | buildActionMask = 2147483647; 500 | files = ( 501 | ); 502 | runOnlyForDeploymentPostprocessing = 0; 503 | }; 504 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 505 | isa = PBXResourcesBuildPhase; 506 | buildActionMask = 2147483647; 507 | files = ( 508 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 509 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 510 | ); 511 | runOnlyForDeploymentPostprocessing = 0; 512 | }; 513 | /* End PBXResourcesBuildPhase section */ 514 | 515 | /* Begin PBXShellScriptBuildPhase section */ 516 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 517 | isa = PBXShellScriptBuildPhase; 518 | buildActionMask = 2147483647; 519 | files = ( 520 | ); 521 | inputPaths = ( 522 | ); 523 | name = "Bundle React Native code and images"; 524 | outputPaths = ( 525 | ); 526 | runOnlyForDeploymentPostprocessing = 0; 527 | shellPath = /bin/sh; 528 | shellScript = "../node_modules/react-native/packager/react-native-xcode.sh"; 529 | showEnvVarsInLog = 1; 530 | }; 531 | /* End PBXShellScriptBuildPhase section */ 532 | 533 | /* Begin PBXSourcesBuildPhase section */ 534 | 00E356EA1AD99517003FC87E /* Sources */ = { 535 | isa = PBXSourcesBuildPhase; 536 | buildActionMask = 2147483647; 537 | files = ( 538 | 00E356F31AD99517003FC87E /* NestedViewsTests.m in Sources */, 539 | ); 540 | runOnlyForDeploymentPostprocessing = 0; 541 | }; 542 | 13B07F871A680F5B00A75B9A /* Sources */ = { 543 | isa = PBXSourcesBuildPhase; 544 | buildActionMask = 2147483647; 545 | files = ( 546 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 547 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 548 | ); 549 | runOnlyForDeploymentPostprocessing = 0; 550 | }; 551 | /* End PBXSourcesBuildPhase section */ 552 | 553 | /* Begin PBXTargetDependency section */ 554 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 555 | isa = PBXTargetDependency; 556 | target = 13B07F861A680F5B00A75B9A /* NestedViews */; 557 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 558 | }; 559 | /* End PBXTargetDependency section */ 560 | 561 | /* Begin PBXVariantGroup section */ 562 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 563 | isa = PBXVariantGroup; 564 | children = ( 565 | 13B07FB21A68108700A75B9A /* Base */, 566 | ); 567 | name = LaunchScreen.xib; 568 | path = NestedViews; 569 | sourceTree = ""; 570 | }; 571 | /* End PBXVariantGroup section */ 572 | 573 | /* Begin XCBuildConfiguration section */ 574 | 00E356F61AD99517003FC87E /* Debug */ = { 575 | isa = XCBuildConfiguration; 576 | buildSettings = { 577 | BUNDLE_LOADER = "$(TEST_HOST)"; 578 | FRAMEWORK_SEARCH_PATHS = ( 579 | "$(SDKROOT)/Developer/Library/Frameworks", 580 | "$(inherited)", 581 | ); 582 | GCC_PREPROCESSOR_DEFINITIONS = ( 583 | "DEBUG=1", 584 | "$(inherited)", 585 | ); 586 | INFOPLIST_FILE = NestedViewsTests/Info.plist; 587 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 588 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 589 | PRODUCT_NAME = "$(TARGET_NAME)"; 590 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/NestedViews.app/NestedViews"; 591 | }; 592 | name = Debug; 593 | }; 594 | 00E356F71AD99517003FC87E /* Release */ = { 595 | isa = XCBuildConfiguration; 596 | buildSettings = { 597 | BUNDLE_LOADER = "$(TEST_HOST)"; 598 | COPY_PHASE_STRIP = NO; 599 | FRAMEWORK_SEARCH_PATHS = ( 600 | "$(SDKROOT)/Developer/Library/Frameworks", 601 | "$(inherited)", 602 | ); 603 | INFOPLIST_FILE = NestedViewsTests/Info.plist; 604 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 605 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 606 | PRODUCT_NAME = "$(TARGET_NAME)"; 607 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/NestedViews.app/NestedViews"; 608 | }; 609 | name = Release; 610 | }; 611 | 13B07F941A680F5B00A75B9A /* Debug */ = { 612 | isa = XCBuildConfiguration; 613 | buildSettings = { 614 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 615 | DEAD_CODE_STRIPPING = NO; 616 | HEADER_SEARCH_PATHS = ( 617 | "$(inherited)", 618 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 619 | "$(SRCROOT)/../node_modules/react-native/React/**", 620 | ); 621 | INFOPLIST_FILE = "NestedViews/Info.plist"; 622 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 623 | OTHER_LDFLAGS = "-ObjC"; 624 | PRODUCT_NAME = NestedViews; 625 | }; 626 | name = Debug; 627 | }; 628 | 13B07F951A680F5B00A75B9A /* Release */ = { 629 | isa = XCBuildConfiguration; 630 | buildSettings = { 631 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 632 | HEADER_SEARCH_PATHS = ( 633 | "$(inherited)", 634 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 635 | "$(SRCROOT)/../node_modules/react-native/React/**", 636 | ); 637 | INFOPLIST_FILE = "NestedViews/Info.plist"; 638 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 639 | OTHER_LDFLAGS = "-ObjC"; 640 | PRODUCT_NAME = NestedViews; 641 | }; 642 | name = Release; 643 | }; 644 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 645 | isa = XCBuildConfiguration; 646 | buildSettings = { 647 | ALWAYS_SEARCH_USER_PATHS = NO; 648 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 649 | CLANG_CXX_LIBRARY = "libc++"; 650 | CLANG_ENABLE_MODULES = YES; 651 | CLANG_ENABLE_OBJC_ARC = YES; 652 | CLANG_WARN_BOOL_CONVERSION = YES; 653 | CLANG_WARN_CONSTANT_CONVERSION = YES; 654 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 655 | CLANG_WARN_EMPTY_BODY = YES; 656 | CLANG_WARN_ENUM_CONVERSION = YES; 657 | CLANG_WARN_INT_CONVERSION = YES; 658 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 659 | CLANG_WARN_UNREACHABLE_CODE = YES; 660 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 661 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 662 | COPY_PHASE_STRIP = NO; 663 | ENABLE_STRICT_OBJC_MSGSEND = YES; 664 | GCC_C_LANGUAGE_STANDARD = gnu99; 665 | GCC_DYNAMIC_NO_PIC = NO; 666 | GCC_OPTIMIZATION_LEVEL = 0; 667 | GCC_PREPROCESSOR_DEFINITIONS = ( 668 | "DEBUG=1", 669 | "$(inherited)", 670 | ); 671 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 672 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 673 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 674 | GCC_WARN_UNDECLARED_SELECTOR = YES; 675 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 676 | GCC_WARN_UNUSED_FUNCTION = YES; 677 | GCC_WARN_UNUSED_VARIABLE = YES; 678 | HEADER_SEARCH_PATHS = ( 679 | "$(inherited)", 680 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 681 | "$(SRCROOT)/../node_modules/react-native/React/**", 682 | ); 683 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 684 | MTL_ENABLE_DEBUG_INFO = YES; 685 | ONLY_ACTIVE_ARCH = YES; 686 | SDKROOT = iphoneos; 687 | }; 688 | name = Debug; 689 | }; 690 | 83CBBA211A601CBA00E9B192 /* Release */ = { 691 | isa = XCBuildConfiguration; 692 | buildSettings = { 693 | ALWAYS_SEARCH_USER_PATHS = NO; 694 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 695 | CLANG_CXX_LIBRARY = "libc++"; 696 | CLANG_ENABLE_MODULES = YES; 697 | CLANG_ENABLE_OBJC_ARC = YES; 698 | CLANG_WARN_BOOL_CONVERSION = YES; 699 | CLANG_WARN_CONSTANT_CONVERSION = YES; 700 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 701 | CLANG_WARN_EMPTY_BODY = YES; 702 | CLANG_WARN_ENUM_CONVERSION = YES; 703 | CLANG_WARN_INT_CONVERSION = YES; 704 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 705 | CLANG_WARN_UNREACHABLE_CODE = YES; 706 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 707 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 708 | COPY_PHASE_STRIP = YES; 709 | ENABLE_NS_ASSERTIONS = NO; 710 | ENABLE_STRICT_OBJC_MSGSEND = YES; 711 | GCC_C_LANGUAGE_STANDARD = gnu99; 712 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 713 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 714 | GCC_WARN_UNDECLARED_SELECTOR = YES; 715 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 716 | GCC_WARN_UNUSED_FUNCTION = YES; 717 | GCC_WARN_UNUSED_VARIABLE = YES; 718 | HEADER_SEARCH_PATHS = ( 719 | "$(inherited)", 720 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 721 | "$(SRCROOT)/../node_modules/react-native/React/**", 722 | ); 723 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 724 | MTL_ENABLE_DEBUG_INFO = NO; 725 | SDKROOT = iphoneos; 726 | VALIDATE_PRODUCT = YES; 727 | }; 728 | name = Release; 729 | }; 730 | /* End XCBuildConfiguration section */ 731 | 732 | /* Begin XCConfigurationList section */ 733 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "NestedViewsTests" */ = { 734 | isa = XCConfigurationList; 735 | buildConfigurations = ( 736 | 00E356F61AD99517003FC87E /* Debug */, 737 | 00E356F71AD99517003FC87E /* Release */, 738 | ); 739 | defaultConfigurationIsVisible = 0; 740 | defaultConfigurationName = Release; 741 | }; 742 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "NestedViews" */ = { 743 | isa = XCConfigurationList; 744 | buildConfigurations = ( 745 | 13B07F941A680F5B00A75B9A /* Debug */, 746 | 13B07F951A680F5B00A75B9A /* Release */, 747 | ); 748 | defaultConfigurationIsVisible = 0; 749 | defaultConfigurationName = Release; 750 | }; 751 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "NestedViews" */ = { 752 | isa = XCConfigurationList; 753 | buildConfigurations = ( 754 | 83CBBA201A601CBA00E9B192 /* Debug */, 755 | 83CBBA211A601CBA00E9B192 /* Release */, 756 | ); 757 | defaultConfigurationIsVisible = 0; 758 | defaultConfigurationName = Release; 759 | }; 760 | /* End XCConfigurationList section */ 761 | }; 762 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 763 | } 764 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews.xcodeproj/xcshareddata/xcschemes/NestedViews.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews/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 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews/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 "RCTRootView.h" 13 | 14 | @implementation AppDelegate 15 | 16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 17 | { 18 | NSURL *jsCodeLocation; 19 | 20 | /** 21 | * Loading JavaScript code - uncomment the one you want. 22 | * 23 | * OPTION 1 24 | * Load from development server. Start the server from the repository root: 25 | * 26 | * $ npm start 27 | * 28 | * To run on device, change `localhost` to the IP address of your computer 29 | * (you can get this by typing `ifconfig` into the terminal and selecting the 30 | * `inet` value under `en0:`) and make sure your computer and iOS device are 31 | * on the same Wi-Fi network. 32 | */ 33 | 34 | jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"]; 35 | 36 | /** 37 | * OPTION 2 38 | * Load from pre-bundled file on disk. The static bundle is automatically 39 | * generated by "Bundle React Native code and images" build step. 40 | */ 41 | 42 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 43 | 44 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 45 | moduleName:@"NestedViews" 46 | initialProperties:nil 47 | launchOptions:launchOptions]; 48 | 49 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 50 | UIViewController *rootViewController = [UIViewController new]; 51 | rootViewController.view = rootView; 52 | self.window.rootViewController = rootViewController; 53 | [self.window makeKeyAndVisible]; 54 | return YES; 55 | } 56 | 57 | @end 58 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews/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 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews/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 | } -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews/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 | NSAllowsArbitraryLoads 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViews/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 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViewsTests/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 | -------------------------------------------------------------------------------- /examples/NestedViews/ios/NestedViewsTests/NestedViewsTests.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 "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 240 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface NestedViewsTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation NestedViewsTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /examples/NestedViews/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "NestedViews", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "react-native start" 7 | }, 8 | "dependencies": { 9 | "react": "15.1.0", 10 | "react-native": "0.27.2", 11 | "react-native-parallax-scroll-view": "../../" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | 3 | declare class ParallaxScrollView extends React.Component { 4 | 5 | } 6 | 7 | export interface ParallaxScrollViewProps { 8 | backgroundScrollSpeed?: number; 9 | backgroundColor?: string; 10 | contentBackgroundColor?: string; 11 | fadeOutForeground?: boolean; 12 | onChangeHeaderVisibility?: (value: boolean) => void; 13 | renderScrollComponent?: (props: any) => JSX.Element; 14 | renderBackground?: (params: RenderBackgroundParams) => JSX.Element; 15 | renderForeground?: () => JSX.Element; 16 | renderFixedHeader?: () => JSX.Element; 17 | renderStickyHeader?: () => JSX.Element; 18 | stickyHeaderHeight?: number; 19 | contentContainerStyle?: any; 20 | outputScaleValue?: number; 21 | style?: any; 22 | parallaxHeaderHeight?: number; 23 | } 24 | 25 | export class RenderBackgroundParams { 26 | fadeOutForeground: any; 27 | backgroundScrollSpeed: number; 28 | backgroundColor: string; 29 | parallaxHeaderHeight: number; 30 | stickyHeaderHeight: number; 31 | renderBackground: () => void; 32 | outputScaleValue: number; 33 | } 34 | 35 | export default ParallaxScrollView; -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-parallax-scroll-view", 3 | "version": "0.21.3", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "js-tokens": { 8 | "version": "3.0.2", 9 | "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", 10 | "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=" 11 | }, 12 | "loose-envify": { 13 | "version": "1.3.1", 14 | "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz", 15 | "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=", 16 | "requires": { 17 | "js-tokens": "^3.0.0" 18 | } 19 | }, 20 | "object-assign": { 21 | "version": "4.1.1", 22 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", 23 | "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" 24 | }, 25 | "prop-types": { 26 | "version": "15.6.2", 27 | "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz", 28 | "integrity": "sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==", 29 | "requires": { 30 | "loose-envify": "^1.3.1", 31 | "object-assign": "^4.1.1" 32 | } 33 | } 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-parallax-scroll-view", 3 | "version": "0.21.3", 4 | "description": "A ScrollView-like component with parallax and sticky header support", 5 | "main": "src/index.js", 6 | "repository": { 7 | "type": "git", 8 | "url": "https://github.com/jaysoo/react-native-parallax-scroll-view" 9 | }, 10 | "files": [ 11 | "src", 12 | "demo.ios.gif", 13 | "demo.android.20160117.gif", 14 | "README.md", 15 | "LICENSE" 16 | ], 17 | "keywords": [ 18 | "react-native", 19 | "react", 20 | "parallax", 21 | "scrollable", 22 | "scrollview", 23 | "sticky", 24 | "react-component", 25 | "ios", 26 | "android" 27 | ], 28 | "author": "Jack Hsu", 29 | "license": "ISC", 30 | "dependencies": { 31 | "deprecated-react-native-prop-types": "^2.3.0", 32 | "prop-types": "^15.6.0" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import { Animated, Dimensions, View } from 'react-native' 3 | import { ViewPropTypes } from 'deprecated-react-native-prop-types' 4 | 5 | const styles = require('./styles') 6 | 7 | import { bool, func, number, string } from 'prop-types' 8 | 9 | const window = Dimensions.get('window') 10 | 11 | const SCROLLVIEW_REF = 'ScrollView' 12 | 13 | const pivotPoint = (a, b) => a - b 14 | 15 | const renderEmpty = () => 16 | 17 | const noRender = () => 18 | 19 | // Override `toJSON` of interpolated value because of 20 | // an error when serializing style on view inside inspector. 21 | // See: https://github.com/jaysoo/react-native-parallax-scroll-view/issues/23 22 | const interpolate = (value, opts) => { 23 | const x = value.interpolate(opts) 24 | x.toJSON = () => x.__getValue() 25 | return x 26 | } 27 | 28 | // Properties accepted by `ParallaxScrollView`. 29 | const IPropTypes = { 30 | backgroundColor: string, 31 | backgroundScrollSpeed: number, 32 | fadeOutForeground: bool, 33 | fadeOutBackground: bool, 34 | contentBackgroundColor: string, 35 | onChangeHeaderVisibility: func, 36 | parallaxHeaderHeight: number.isRequired, 37 | renderBackground: func, 38 | renderContentBackground: func, 39 | renderFixedHeader: func, 40 | renderForeground: func, 41 | renderScrollComponent: func, 42 | renderStickyHeader: func, 43 | stickyHeaderHeight: number, 44 | contentContainerStyle: ViewPropTypes.style, 45 | outputScaleValue: number, 46 | parallaxHeaderContainerStyle: ViewPropTypes.style, 47 | parallaxHeaderStyle: ViewPropTypes.style, 48 | backgroundImageStyle: ViewPropTypes.style, 49 | stickyHeaderStyle: ViewPropTypes.style 50 | } 51 | 52 | class ParallaxScrollView extends Component { 53 | constructor(props) { 54 | super(props) 55 | if (props.renderStickyHeader && !props.stickyHeaderHeight) { 56 | console.warn( 57 | 'Property `stickyHeaderHeight` must be set if `renderStickyHeader` is used.' 58 | ) 59 | } 60 | if (props.renderParallaxHeader !== renderEmpty && !props.renderForeground) { 61 | console.warn( 62 | 'Property `renderParallaxHeader` is deprecated. Use `renderForeground` instead.' 63 | ) 64 | } 65 | this.state = { 66 | scrollY: new Animated.Value(0), 67 | viewHeight: window.height, 68 | viewWidth: window.width 69 | } 70 | this.scrollY = new Animated.Value(0) 71 | this._footerComponent = { setNativeProps() { } } // Initial stub 72 | this._footerHeight = 0 73 | } 74 | 75 | animatedEvent = Animated.event( 76 | [{ nativeEvent: { contentOffset: { y: this.scrollY } } }], 77 | { useNativeDriver: true } 78 | ) 79 | 80 | render() { 81 | const { 82 | backgroundColor, 83 | backgroundScrollSpeed, 84 | children, 85 | contentBackgroundColor, 86 | fadeOutForeground, 87 | fadeOutBackground, 88 | parallaxHeaderHeight, 89 | renderBackground, 90 | renderContentBackground, 91 | renderFixedHeader, 92 | renderForeground, 93 | renderParallaxHeader, 94 | renderScrollComponent, 95 | renderStickyHeader, 96 | stickyHeaderHeight, 97 | style, 98 | contentContainerStyle, 99 | outputScaleValue, 100 | ...scrollViewProps 101 | } = this.props 102 | 103 | const background = this._renderBackground({ 104 | fadeOutBackground, 105 | backgroundScrollSpeed, 106 | backgroundColor, 107 | parallaxHeaderHeight, 108 | stickyHeaderHeight, 109 | renderBackground, 110 | outputScaleValue 111 | }) 112 | const foreground = this._renderForeground({ 113 | fadeOutForeground, 114 | parallaxHeaderHeight, 115 | stickyHeaderHeight, 116 | renderForeground: renderForeground || renderParallaxHeader 117 | }) 118 | const bodyComponent = this._wrapChildren(children, { 119 | contentBackgroundColor, 120 | stickyHeaderHeight, 121 | renderContentBackground, 122 | contentContainerStyle 123 | }) 124 | const footerSpacer = this._renderFooterSpacer({ contentBackgroundColor }) 125 | const maybeStickyHeader = this._maybeRenderStickyHeader({ 126 | parallaxHeaderHeight, 127 | stickyHeaderHeight, 128 | backgroundColor, 129 | renderFixedHeader, 130 | renderStickyHeader 131 | }) 132 | const scrollElement = renderScrollComponent(scrollViewProps) 133 | return ( 134 | this._maybeUpdateViewDimensions(e)} 137 | > 138 | {background} 139 | {React.cloneElement( 140 | scrollElement, 141 | { 142 | ref: SCROLLVIEW_REF, 143 | style: [styles.scrollView, scrollElement.props.style], 144 | scrollEventThrottle: 1, 145 | // Using Native Driver greatly optimizes performance 146 | onScroll: Animated.event( 147 | [{ nativeEvent: { contentOffset: { y: this.scrollY } } }], 148 | { useNativeDriver: true, listener: this._onScroll.bind(this) } 149 | ) 150 | // onScroll: this._onScroll.bind(this) 151 | }, 152 | foreground, 153 | bodyComponent, 154 | footerSpacer 155 | )} 156 | {maybeStickyHeader} 157 | 158 | ) 159 | } 160 | 161 | /* 162 | * Expose `ScrollView` API so this component is composable with any component that expects a `ScrollView`. 163 | */ 164 | getScrollResponder() { 165 | return this.refs[SCROLLVIEW_REF]._component.getScrollResponder() 166 | } 167 | getScrollableNode() { 168 | return this.getScrollResponder().getScrollableNode() 169 | } 170 | getInnerViewNode() { 171 | return this.getScrollResponder().getInnerViewNode() 172 | } 173 | scrollTo(...args) { 174 | this.getScrollResponder().scrollTo(...args) 175 | } 176 | setNativeProps(props) { 177 | this.refs[SCROLLVIEW_REF].setNativeProps(props) 178 | } 179 | 180 | /* 181 | * Private helpers 182 | */ 183 | 184 | _onScroll(e) { 185 | const { 186 | parallaxHeaderHeight, 187 | stickyHeaderHeight, 188 | onChangeHeaderVisibility, 189 | onScroll: prevOnScroll = () => { } 190 | } = this.props 191 | this.props.scrollEvent && this.props.scrollEvent(e) 192 | const p = pivotPoint(parallaxHeaderHeight, stickyHeaderHeight) 193 | 194 | // This optimization wont run, since we update the animation value directly in onScroll event 195 | // this._maybeUpdateScrollPosition(e) 196 | 197 | if (e.nativeEvent.contentOffset.y >= p) { 198 | onChangeHeaderVisibility(false) 199 | } else { 200 | onChangeHeaderVisibility(true) 201 | } 202 | 203 | prevOnScroll(e) 204 | } 205 | 206 | // This optimizes the state update of current scrollY since we don't need to 207 | // perform any updates when user has scrolled past the pivot point. 208 | _maybeUpdateScrollPosition(e) { 209 | const { parallaxHeaderHeight, stickyHeaderHeight } = this.props 210 | const { scrollY } = this 211 | const { nativeEvent: { contentOffset: { y: offsetY } } } = e 212 | const p = pivotPoint(parallaxHeaderHeight, stickyHeaderHeight) 213 | if (offsetY <= p || scrollY._value <= p) { 214 | scrollY.setValue(offsetY) 215 | } 216 | } 217 | 218 | _maybeUpdateViewDimensions(e) { 219 | const { nativeEvent: { layout: { width, height } } } = e 220 | 221 | if (width !== this.state.viewWidth || height !== this.state.viewHeight) { 222 | this.setState({ 223 | viewWidth: width, 224 | viewHeight: height 225 | }) 226 | } 227 | } 228 | 229 | _renderBackground({ 230 | fadeOutBackground, 231 | backgroundScrollSpeed, 232 | backgroundColor, 233 | parallaxHeaderHeight, 234 | stickyHeaderHeight, 235 | renderBackground, 236 | outputScaleValue 237 | }) { 238 | const { viewWidth, viewHeight } = this.state 239 | const { scrollY } = this 240 | const p = pivotPoint(parallaxHeaderHeight, stickyHeaderHeight) 241 | return ( 242 | 277 | 278 | {renderBackground()} 279 | 280 | 281 | ) 282 | } 283 | 284 | _renderForeground({ 285 | fadeOutForeground, 286 | parallaxHeaderHeight, 287 | stickyHeaderHeight, 288 | renderForeground 289 | }) { 290 | const { scrollY } = this 291 | const p = pivotPoint(parallaxHeaderHeight, stickyHeaderHeight) 292 | return ( 293 | 297 | 313 | 314 | {renderForeground()} 315 | 316 | 317 | 318 | ) 319 | } 320 | 321 | _wrapChildren( 322 | children, 323 | { contentBackgroundColor, stickyHeaderHeight, contentContainerStyle, renderContentBackground } 324 | ) { 325 | const { viewHeight } = this.state 326 | const containerStyles = [{ backgroundColor: contentBackgroundColor }] 327 | 328 | if (contentContainerStyle) containerStyles.push(contentContainerStyle) 329 | 330 | this.containerHeight = this.state.viewHeight; 331 | 332 | React.Children.forEach(children, (item) => { 333 | if (item && Object.keys(item).length != 0) { 334 | this.containerHeight = 0; 335 | } 336 | }); 337 | 338 | return ( 339 | { 342 | // Adjust the bottom height so we can scroll the parallax header all the way up. 343 | const { nativeEvent: { layout: { height } } } = e 344 | const footerHeight = Math.max( 345 | 0, 346 | viewHeight - height - stickyHeaderHeight 347 | ) 348 | if (this._footerHeight !== footerHeight) { 349 | this._footerComponent.setNativeProps({ 350 | style: { height: footerHeight } 351 | }) 352 | this._footerHeight = footerHeight 353 | } 354 | }} 355 | > 356 | {renderContentBackground()} 357 | {children} 358 | 359 | ) 360 | } 361 | 362 | _renderFooterSpacer({ contentBackgroundColor }) { 363 | return ( 364 | { 366 | if (ref) { 367 | this._footerComponent = ref; 368 | } 369 | }} 370 | style={{ backgroundColor: contentBackgroundColor }} 371 | /> 372 | ) 373 | } 374 | 375 | _maybeRenderStickyHeader({ 376 | parallaxHeaderHeight, 377 | stickyHeaderHeight, 378 | backgroundColor, 379 | renderFixedHeader, 380 | renderStickyHeader 381 | }) { 382 | const { viewWidth } = this.state 383 | const { scrollY } = this 384 | if (renderStickyHeader || renderFixedHeader) { 385 | const p = pivotPoint(parallaxHeaderHeight, stickyHeaderHeight) 386 | return ( 387 | 397 | {renderStickyHeader 398 | ? 409 | 422 | {renderStickyHeader()} 423 | 424 | 425 | : null} 426 | {renderFixedHeader && renderFixedHeader()} 427 | 428 | ) 429 | } else { 430 | return null 431 | } 432 | } 433 | } 434 | 435 | ParallaxScrollView.propTypes = IPropTypes 436 | 437 | ParallaxScrollView.defaultProps = { 438 | backgroundScrollSpeed: 5, 439 | backgroundColor: '#000', 440 | contentBackgroundColor: '#fff', 441 | fadeOutForeground: true, 442 | onChangeHeaderVisibility: () => { }, 443 | renderScrollComponent: props => , 444 | renderBackground: renderEmpty, 445 | renderContentBackground: noRender, 446 | renderParallaxHeader: renderEmpty, // Deprecated (will be removed in 0.18.0) 447 | renderForeground: null, 448 | stickyHeaderHeight: 0, 449 | contentContainerStyle: null, 450 | outputScaleValue: 5, 451 | parallaxHeaderContainerStyle: null, 452 | parallaxHeaderStyle: null, 453 | backgroundImageStyle: null, 454 | stickyHeaderStyle: null 455 | } 456 | 457 | module.exports = ParallaxScrollView 458 | -------------------------------------------------------------------------------- /src/styles.js: -------------------------------------------------------------------------------- 1 | const StyleSheet = require('react-native').StyleSheet; 2 | 3 | const styles = StyleSheet.create({ 4 | container: { 5 | flex: 1, 6 | backgroundColor: 'transparent' 7 | }, 8 | parallaxHeaderContainer: { 9 | backgroundColor: 'transparent', 10 | overflow: 'hidden' 11 | }, 12 | parallaxHeader: { 13 | backgroundColor: 'transparent', 14 | overflow: 'hidden' 15 | }, 16 | backgroundImage: { 17 | position: 'absolute', 18 | backgroundColor: 'transparent', 19 | overflow: 'hidden', 20 | top: 0 21 | }, 22 | stickyHeader: { 23 | backgroundColor: 'transparent', 24 | position: 'absolute', 25 | overflow: 'hidden', 26 | top: 0, 27 | left: 0 28 | }, 29 | scrollView: { 30 | backgroundColor: 'transparent' 31 | } 32 | }); 33 | 34 | module.exports = styles; 35 | --------------------------------------------------------------------------------