├── examples └── Example │ ├── .watchmanconfig │ ├── .gitattributes │ ├── .babelrc │ ├── app.json │ ├── android │ ├── settings.gradle │ ├── app │ │ ├── src │ │ │ └── main │ │ │ │ ├── res │ │ │ │ ├── values │ │ │ │ │ ├── strings.xml │ │ │ │ │ └── styles.xml │ │ │ │ ├── mipmap-hdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── mipmap-mdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── mipmap-xhdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ └── mipmap-xxhdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── java │ │ │ │ └── com │ │ │ │ │ └── example │ │ │ │ │ ├── MainActivity.java │ │ │ │ │ └── MainApplication.java │ │ │ │ └── AndroidManifest.xml │ │ ├── BUCK │ │ ├── proguard-rules.pro │ │ └── build.gradle │ ├── keystores │ │ ├── debug.keystore.properties │ │ └── BUCK │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── build.gradle │ ├── gradle.properties │ ├── gradlew.bat │ └── gradlew │ ├── img │ ├── lunch.png │ ├── soccer.png │ ├── archery.png │ ├── dumbbell.png │ └── badminton.png │ ├── .buckconfig │ ├── jsconfig.json │ ├── index.ios.js │ ├── index.android.js │ ├── __tests__ │ ├── index.ios.js │ └── index.android.js │ ├── ios │ ├── Example │ │ ├── AppDelegate.h │ │ ├── main.m │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── AppDelegate.m │ │ ├── Info.plist │ │ └── Base.lproj │ │ │ └── LaunchScreen.xib │ ├── ExampleTests │ │ ├── Info.plist │ │ └── ExampleTests.m │ ├── Example-tvOSTests │ │ └── Info.plist │ ├── Example-tvOS │ │ └── Info.plist │ └── Example.xcodeproj │ │ ├── xcshareddata │ │ └── xcschemes │ │ │ ├── Example.xcscheme │ │ │ └── Example-tvOS.xcscheme │ │ └── project.pbxproj │ ├── package.json │ ├── .gitignore │ ├── pages │ ├── basicExample.js │ ├── customExample.js │ ├── template.js │ ├── dotExample.js │ ├── iconExample.js │ ├── timelinePressExample.js │ ├── menu.js │ ├── twoColumnExample.js │ ├── refreshLoadMoreExample.js │ ├── overrideRenderExample.js │ └── singleRightExample.js │ ├── .flowconfig │ └── app.js ├── .gitignore ├── package.json ├── LICENSE ├── lib └── index.js └── README.md /examples/Example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /examples/Example/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /examples/Example/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } -------------------------------------------------------------------------------- /examples/Example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Example", 3 | "displayName": "Example" 4 | } -------------------------------------------------------------------------------- /examples/Example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'Example' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Example 3 | 4 | -------------------------------------------------------------------------------- /examples/Example/img/lunch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/img/lunch.png -------------------------------------------------------------------------------- /examples/Example/img/soccer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/img/soccer.png -------------------------------------------------------------------------------- /examples/Example/img/archery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/img/archery.png -------------------------------------------------------------------------------- /examples/Example/img/dumbbell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/img/dumbbell.png -------------------------------------------------------------------------------- /examples/Example/img/badminton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/img/badminton.png -------------------------------------------------------------------------------- /examples/Example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /examples/Example/android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /examples/Example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /examples/Example/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /examples/Example/jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "allowJs": true, 4 | "allowSyntheticDefaultImports": true 5 | }, 6 | "exclude": [ 7 | "node_modules" 8 | ] 9 | } -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thegamenicorus/react-native-timeline-listview/HEAD/examples/Example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /examples/Example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip 6 | -------------------------------------------------------------------------------- /examples/Example/index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | AppRegistry, 10 | } from 'react-native'; 11 | import App from './app' 12 | 13 | AppRegistry.registerComponent('Example', () => App); 14 | -------------------------------------------------------------------------------- /examples/Example/index.android.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | AppRegistry, 10 | } from 'react-native'; 11 | import App from './app' 12 | 13 | AppRegistry.registerComponent('Example', () => App); 14 | -------------------------------------------------------------------------------- /examples/Example/__tests__/index.ios.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.ios.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /examples/Example/__tests__/index.android.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.android.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/java/com/example/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "Example"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /examples/Example/ios/Example/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /examples/Example/ios/Example/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /examples/Example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Example", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node node_modules/react-native/local-cli/cli.js start", 7 | "test": "jest" 8 | }, 9 | "dependencies": { 10 | "react": "15.4.2", 11 | "react-native": "0.42.3", 12 | "react-native-timeline-listview": "^0.1.5" 13 | }, 14 | "devDependencies": { 15 | "babel-jest": "19.0.0", 16 | "babel-preset-react-native": "1.9.1", 17 | "jest": "19.0.2", 18 | "react-test-renderer": "15.4.2" 19 | }, 20 | "jest": { 21 | "preset": "react-native" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | 6 | # Runtime data 7 | pids 8 | *.pid 9 | *.seed 10 | 11 | # Directory for instrumented libs generated by jscoverage/JSCover 12 | lib-cov 13 | 14 | # Coverage directory used by tools like istanbul 15 | coverage 16 | 17 | # nyc test coverage 18 | .nyc_output 19 | 20 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 21 | .grunt 22 | 23 | # node-waf configuration 24 | .lock-wscript 25 | 26 | # Compiled binary addons (http://nodejs.org/api/addons.html) 27 | build/Release 28 | 29 | # Dependency directories 30 | node_modules 31 | jspm_packages 32 | 33 | # Optional npm cache directory 34 | .npm 35 | 36 | # Optional REPL history 37 | .node_repl_history 38 | -------------------------------------------------------------------------------- /examples/Example/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:2.2.3' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /examples/Example/ios/Example/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /examples/Example/ios/ExampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /examples/Example/ios/Example-tvOSTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /examples/Example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-timeline-listview", 3 | "version": "0.2.3", 4 | "description": "Timeline component for React Native", 5 | "main": "lib/index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git@github.com:thegamenicorus/react-native-timeline-listview.git" 12 | }, 13 | "keywords": [ 14 | "react-native", 15 | "timeline", 16 | "listview", 17 | "schedule", 18 | "react native component", 19 | "ios", 20 | "android", 21 | "component" 22 | ], 23 | "peerDependencies": { 24 | "react-native": ">= 0.4" 25 | }, 26 | "author": "Watcharachai Kanjaikaew (https://github.com/thegamenicorus)", 27 | "license": "MIT", 28 | "bugs": { 29 | "url": 30 | "https://github.com/thegamenicorus/react-native-timeline-listview/issues" 31 | }, 32 | "homepage": "https://github.com/thegamenicorus/react-native-timeline-listview" 33 | } 34 | -------------------------------------------------------------------------------- /examples/Example/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 42 | *.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md 50 | 51 | fastlane/report.xml 52 | fastlane/Preview.html 53 | fastlane/screenshots 54 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Watcharachai Kanjaikaew 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/java/com/example/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.example; 2 | 3 | import android.app.Application; 4 | 5 | import com.facebook.react.ReactApplication; 6 | import com.facebook.react.ReactNativeHost; 7 | import com.facebook.react.ReactPackage; 8 | import com.facebook.react.shell.MainReactPackage; 9 | import com.facebook.soloader.SoLoader; 10 | 11 | import java.util.Arrays; 12 | import java.util.List; 13 | 14 | public class MainApplication extends Application implements ReactApplication { 15 | 16 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 17 | @Override 18 | public boolean getUseDeveloperSupport() { 19 | return BuildConfig.DEBUG; 20 | } 21 | 22 | @Override 23 | protected List getPackages() { 24 | return Arrays.asList( 25 | new MainReactPackage() 26 | ); 27 | } 28 | }; 29 | 30 | @Override 31 | public ReactNativeHost getReactNativeHost() { 32 | return mReactNativeHost; 33 | } 34 | 35 | @Override 36 | public void onCreate() { 37 | super.onCreate(); 38 | SoLoader.init(this, /* native exopackage */ false); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /examples/Example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /examples/Example/pages/basicExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View 12 | } from 'react-native'; 13 | import Timeline from 'react-native-timeline-listview' 14 | 15 | export default class Example extends Component { 16 | constructor(){ 17 | super() 18 | this.data = [ 19 | {time: '09:00', title: 'Event 1', description: 'Event 1 Description'}, 20 | {time: '10:45', title: 'Event 2', description: 'Event 2 Description'}, 21 | {time: '12:00', title: 'Event 3', description: 'Event 3 Description'}, 22 | {time: '14:00', title: 'Event 4', description: 'Event 4 Description'}, 23 | {time: '16:30', title: 'Event 5', description: 'Event 5 Description'} 24 | ] 25 | } 26 | 27 | render() { 28 | //'rgb(45,156,219)' 29 | return ( 30 | 31 | 35 | 36 | ); 37 | } 38 | } 39 | 40 | const styles = StyleSheet.create({ 41 | container: { 42 | flex: 1, 43 | padding: 20, 44 | paddingTop:65, 45 | backgroundColor:'white' 46 | }, 47 | list: { 48 | flex: 1, 49 | marginTop:20, 50 | }, 51 | }); 52 | -------------------------------------------------------------------------------- /examples/Example/ios/Example/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"Example" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /examples/Example/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | [include] 18 | 19 | [libs] 20 | node_modules/react-native/Libraries/react-native/react-native-interface.js 21 | node_modules/react-native/flow 22 | flow/ 23 | 24 | [options] 25 | emoji=true 26 | 27 | module.system=haste 28 | 29 | experimental.strict_type_args=true 30 | 31 | munge_underscores=true 32 | 33 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 34 | 35 | suppress_type=$FlowIssue 36 | suppress_type=$FlowFixMe 37 | suppress_type=$FixMe 38 | 39 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-8]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 40 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-8]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 41 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 42 | 43 | unsafe.enable_getters_and_setters=true 44 | 45 | [version] 46 | ^0.38.0 47 | -------------------------------------------------------------------------------- /examples/Example/android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.example', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.example', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /examples/Example/ios/Example-tvOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /examples/Example/ios/Example/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | Example 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | UILaunchStoryboardName 28 | LaunchScreen 29 | UIRequiredDeviceCapabilities 30 | 31 | armv7 32 | 33 | UISupportedInterfaceOrientations 34 | 35 | UIInterfaceOrientationPortrait 36 | UIInterfaceOrientationLandscapeLeft 37 | UIInterfaceOrientationLandscapeRight 38 | 39 | UIViewControllerBasedStatusBarAppearance 40 | 41 | NSLocationWhenInUseUsageDescription 42 | 43 | NSAppTransportSecurity 44 | 45 | 46 | NSExceptionDomains 47 | 48 | localhost 49 | 50 | NSExceptionAllowsInsecureHTTPLoads 51 | 52 | 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /examples/Example/pages/customExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View 12 | } from 'react-native'; 13 | import Timeline from 'react-native-timeline-listview' 14 | 15 | export default class Example extends Component { 16 | constructor(){ 17 | super() 18 | this.data = [ 19 | {time: '09:00', title: 'Archery Training', description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ', circleColor: '#009688',lineColor:'#009688'}, 20 | {time: '10:45', title: 'Play Badminton', description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.'}, 21 | {time: '12:00', title: 'Lunch'}, 22 | {time: '14:00', title: 'Watch Soccer', description: 'Team sport played between two teams of eleven players with a spherical ball. ',lineColor:'#009688'}, 23 | {time: '16:30', title: 'Go to Fitness center', description: 'Look out for the Best Gym & Fitness Centers around me :)', circleColor: '#009688'} 24 | ] 25 | } 26 | 27 | render() { 28 | //'rgb(45,156,219)' 29 | return ( 30 | 31 | 44 | 45 | ); 46 | } 47 | } 48 | 49 | const styles = StyleSheet.create({ 50 | container: { 51 | flex: 1, 52 | padding: 20, 53 | paddingTop:65, 54 | backgroundColor:'white' 55 | }, 56 | list: { 57 | flex: 1, 58 | marginTop:20, 59 | }, 60 | }); 61 | -------------------------------------------------------------------------------- /examples/Example/pages/template.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View 12 | } from 'react-native'; 13 | import Timeline from 'react-native-timeline-listview' 14 | 15 | export default class Example extends Component { 16 | constructor(){ 17 | super() 18 | this.data = [ 19 | {time: '09:00', title: 'Archery Training', description: 'Event 1 Description', icon: require('../img/archery.png')}, 20 | {time: '10:45', title: 'Event 2', description: 'Event 2 Description', icon: require('../img/badminton.png')}, 21 | {time: '12:00', title: 'Event 3', description: 'Event 3 Description', icon: require('../img/lunch.png')}, 22 | {time: '14:00', title: 'Event 4', description: 'Event 4 Description', icon: require('../img/soccer.png')}, 23 | {time: '16:30', title: 'Event 5', description: 'Event 5 Description', icon: require('../img/dumbbell.png')} 24 | ] 25 | } 26 | 27 | render() { 28 | //'rgb(45,156,219)' 29 | return ( 30 | 31 | 52 | 53 | ); 54 | } 55 | } 56 | 57 | const styles = StyleSheet.create({ 58 | container: { 59 | flex: 1, 60 | padding: 20, 61 | paddingTop:65 62 | }, 63 | list: { 64 | flex: 1, 65 | marginTop:20, 66 | }, 67 | }); 68 | -------------------------------------------------------------------------------- /examples/Example/pages/dotExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View 12 | } from 'react-native'; 13 | import Timeline from 'react-native-timeline-listview' 14 | 15 | export default class Example extends Component { 16 | constructor(){ 17 | super() 18 | this.data = [ 19 | {time: '09:00', title: 'Archery Training', description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ', circleColor: '#009688',lineColor:'#009688'}, 20 | {time: '10:45', title: 'Play Badminton', description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.'}, 21 | {time: '12:00', title: 'Lunch', icon: require('../img/lunch.png')}, 22 | {time: '14:00', title: 'Watch Soccer', description: 'Team sport played between two teams of eleven players with a spherical ball. ',lineColor:'#009688'}, 23 | {time: '16:30', title: 'Go to Fitness center', description: 'Look out for the Best Gym & Fitness Centers around me :)', circleColor: '#009688'} 24 | ] 25 | } 26 | 27 | render() { 28 | //'rgb(45,156,219)' 29 | return ( 30 | 31 | 45 | 46 | ); 47 | } 48 | } 49 | 50 | const styles = StyleSheet.create({ 51 | container: { 52 | flex: 1, 53 | padding: 20, 54 | paddingTop:65, 55 | backgroundColor:'white' 56 | }, 57 | list: { 58 | flex: 1, 59 | marginTop:20, 60 | }, 61 | }); 62 | -------------------------------------------------------------------------------- /examples/Example/pages/iconExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View 12 | } from 'react-native'; 13 | import Timeline from 'react-native-timeline-listview' 14 | 15 | export default class Example extends Component { 16 | constructor(){ 17 | super() 18 | this.data = [ 19 | {time: '09:00', title: 'Archery Training', description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ',lineColor:'#009688', icon: require('../img/archery.png')}, 20 | {time: '10:45', title: 'Play Badminton', description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.', icon: require('../img/badminton.png')}, 21 | {time: '12:00', title: 'Lunch', icon: require('../img/lunch.png')}, 22 | {time: '14:00', title: 'Watch Soccer', description: 'Team sport played between two teams of eleven players with a spherical ball. ',lineColor:'#009688', icon: require('../img/soccer.png')}, 23 | {time: '16:30', title: 'Go to Fitness center', description: 'Look out for the Best Gym & Fitness Centers around me :)', icon: require('../img/dumbbell.png')} 24 | ] 25 | } 26 | 27 | render() { 28 | //'rgb(45,156,219)' 29 | return ( 30 | 31 | 45 | 46 | ); 47 | } 48 | } 49 | 50 | const styles = StyleSheet.create({ 51 | container: { 52 | flex: 1, 53 | padding: 20, 54 | paddingTop:65, 55 | backgroundColor:'white' 56 | }, 57 | list: { 58 | flex: 1, 59 | marginTop:20, 60 | }, 61 | }); 62 | -------------------------------------------------------------------------------- /examples/Example/ios/ExampleTests/ExampleTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface ExampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation ExampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /examples/Example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /examples/Example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /examples/Example/pages/timelinePressExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View 12 | } from 'react-native'; 13 | import Timeline from 'react-native-timeline-listview' 14 | 15 | export default class Example extends Component { 16 | constructor(){ 17 | super() 18 | this.onEventPress = this.onEventPress.bind(this) 19 | this.renderSelected = this.renderSelected.bind(this) 20 | this.data = [ 21 | {time: '09:00', title: 'Archery Training', description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ',lineColor:'#009688', icon: require('../img/archery.png')}, 22 | {time: '10:45', title: 'Play Badminton', description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.', icon: require('../img/badminton.png')}, 23 | {time: '12:00', title: 'Lunch', icon: require('../img/lunch.png')}, 24 | {time: '14:00', title: 'Watch Soccer', description: 'Team sport played between two teams of eleven players with a spherical ball. ',lineColor:'#009688', icon: require('../img/soccer.png')}, 25 | {time: '16:30', title: 'Go to Fitness center', description: 'Look out for the Best Gym & Fitness Centers around me :)', icon: require('../img/dumbbell.png')} 26 | ] 27 | this.state = {selected: null} 28 | } 29 | 30 | onEventPress(data){ 31 | this.setState({selected: data}) 32 | } 33 | 34 | renderSelected(){ 35 | if(this.state.selected) 36 | return Selected event: {this.state.selected.title} at {this.state.selected.time} 37 | } 38 | 39 | render() { 40 | return ( 41 | 42 | {this.renderSelected()} 43 | 58 | 59 | ); 60 | } 61 | } 62 | 63 | const styles = StyleSheet.create({ 64 | container: { 65 | flex: 1, 66 | padding: 20, 67 | paddingTop:65, 68 | backgroundColor:'white' 69 | }, 70 | list: { 71 | flex: 1, 72 | marginTop:20, 73 | }, 74 | }); 75 | -------------------------------------------------------------------------------- /examples/Example/pages/menu.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View, 12 | Navigator, 13 | TouchableOpacity, 14 | StatusBar 15 | } from 'react-native'; 16 | 17 | export default class Example extends Component { 18 | constructor(){ 19 | super() 20 | 21 | this.goto = this.goto.bind(this) 22 | } 23 | 24 | goto(page){ 25 | this.props.navigator.push(page) 26 | } 27 | 28 | render() { 29 | return ( 30 | 31 | 32 | this.goto({name:'basic', title:'Basic Example'})}> 33 | Basic Example 34 | 35 | this.goto({name:'custom', title:'Custom Example'})}> 36 | Custom Example 37 | 38 | this.goto({name:'dot', title:'Circle Dot Example'})}> 39 | Circle Dot Example 40 | 41 | this.goto({name:'icon', title:'Icon Example'})}> 42 | Icon Example 43 | 44 | this.goto({name:'press', title:'Press Example'})}> 45 | Press Example 46 | 47 | this.goto({name:'override', title:'Override Render Example'})}> 48 | Override Render Example 49 | 50 | this.goto({name:'single-right', title:'Single Right Example'})}> 51 | Single Column Right Example 52 | 53 | this.goto({name:'two-column', title:'Two Column Example'})}> 54 | Two Column Example 55 | 56 | this.goto({name:'refresh-loadmore', title:'Refresh Load More'})}> 57 | Refresh and Loadmore 58 | 59 | 60 | ) 61 | } 62 | } 63 | 64 | const styles = StyleSheet.create({ 65 | container: { 66 | flex: 1, 67 | justifyContent: 'center', 68 | alignItems: 'center', 69 | backgroundColor:'white' 70 | }, 71 | button:{ 72 | padding:10, 73 | }, 74 | menu: { 75 | fontSize: 20 76 | } 77 | }); 78 | -------------------------------------------------------------------------------- /examples/Example/app.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View, 12 | Navigator, 13 | TouchableOpacity 14 | } from 'react-native'; 15 | 16 | import Menu from './pages/menu' 17 | import BasicExample from './pages/basicExample' 18 | import CustomExample from './pages/customExample' 19 | import DotExample from './pages/dotExample' 20 | import IconExample from './pages/iconExample' 21 | import PressExample from './pages/timelinePressExample' 22 | import OverrideExample from './pages/overrideRenderExample' 23 | import SingleRightExample from './pages/singleRightExample' 24 | import TwoColumnExample from './pages/twoColumnExample' 25 | import RefreshLoadMore from './pages/refreshLoadMoreExample' 26 | 27 | export default class Example extends Component { 28 | constructor(){ 29 | super() 30 | this.renderScene = this.renderScene.bind(this) 31 | } 32 | 33 | renderScene(route, nav){ 34 | switch (route.name) { 35 | case 'menu': 36 | return 37 | case 'basic': 38 | return 39 | case 'custom': 40 | return 41 | case 'dot': 42 | return 43 | case 'icon': 44 | return 45 | case 'press': 46 | return 47 | case 'override': 48 | return 49 | case 'single-right': 50 | return 51 | case 'two-column': 52 | return 53 | case 'refresh-loadmore': 54 | return 55 | } 56 | } 57 | 58 | render() { 59 | var NavigationBarRouteMapper = 62 | { 63 | if (route.index === 0) { 64 | return null; 65 | } else { 66 | return ( 67 | navigator.pop()}> 68 | Back 69 | 70 | ); 71 | } 72 | }, 73 | RightButton: (route, navigator, index, navState) => 74 | { return null }, 75 | Title: (route, navigator, index, navState) => 76 | { return ({route.title}); }, 77 | }} 78 | style={{backgroundColor: '#009688'}} 79 | /> 80 | return ( 81 | 86 | ) 87 | } 88 | } 89 | 90 | const styles = StyleSheet.create({ 91 | container: { 92 | flex: 1, 93 | justifyContent: 'center', 94 | alignItems: 'center', 95 | backgroundColor: '#F5FCFF', 96 | }, 97 | title: { 98 | fontSize: 20, 99 | textAlign: 'center', 100 | color: 'white' 101 | }, 102 | back: { 103 | paddingLeft:10, 104 | fontSize: 20, 105 | color: 'white', 106 | textAlign: 'center' 107 | }, 108 | instructions: { 109 | textAlign: 'center', 110 | color: '#333333', 111 | marginBottom: 5, 112 | }, 113 | }); 114 | -------------------------------------------------------------------------------- /examples/Example/ios/Example/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /examples/Example/pages/twoColumnExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View, 12 | Image 13 | } from 'react-native'; 14 | import Timeline from 'react-native-timeline-listview' 15 | 16 | export default class Example extends Component { 17 | constructor(){ 18 | super() 19 | this.onEventPress = this.onEventPress.bind(this) 20 | this.renderSelected = this.renderSelected.bind(this) 21 | 22 | this.data = [ 23 | { 24 | time: '09:00', 25 | title: 'Archery Training', 26 | description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ', 27 | lineColor:'#009688', 28 | icon: require('../img/archery.png'), 29 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240340/c0f96b3a-0fe3-11e7-8964-fe66e4d9be7a.jpg' 30 | }, 31 | { 32 | time: '10:45', 33 | title: 'Play Badminton', 34 | description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.', 35 | icon: require('../img/badminton.png'), 36 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240405/0ba41234-0fe4-11e7-919b-c3f88ced349c.jpg' 37 | }, 38 | { 39 | time: '12:00', 40 | title: 'Lunch', 41 | icon: require('../img/lunch.png'), 42 | }, 43 | { 44 | time: '14:00', 45 | title: 'Watch Soccer', 46 | description: 'Team sport played between two teams of eleven players with a spherical ball. ', 47 | lineColor:'#009688', 48 | icon: require('../img/soccer.png'), 49 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240419/1f553dee-0fe4-11e7-8638-6025682232b1.jpg' 50 | }, 51 | { 52 | time: '16:30', 53 | title: 'Go to Fitness center', 54 | description: 'Look out for the Best Gym & Fitness Centers around me :)', 55 | icon: require('../img/dumbbell.png'), 56 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240422/20d84f6c-0fe4-11e7-8f1d-9dbc594d0cfa.jpg' 57 | } 58 | ] 59 | this.state = {selected: null} 60 | } 61 | 62 | onEventPress(data){ 63 | this.setState({selected: data}) 64 | } 65 | 66 | renderSelected(){ 67 | if(this.state.selected) 68 | return Selected event: {this.state.selected.title} at {this.state.selected.time} 69 | } 70 | 71 | render() { 72 | return ( 73 | 74 | {this.renderSelected()} 75 | 93 | 94 | ); 95 | } 96 | } 97 | 98 | const styles = StyleSheet.create({ 99 | container: { 100 | flex: 1, 101 | padding: 20, 102 | paddingTop:65, 103 | backgroundColor:'white' 104 | }, 105 | list: { 106 | flex: 1, 107 | marginTop:20, 108 | }, 109 | title:{ 110 | fontSize:16, 111 | fontWeight: 'bold' 112 | }, 113 | descriptionContainer:{ 114 | flexDirection: 'row', 115 | paddingRight: 50 116 | }, 117 | image:{ 118 | width: 50, 119 | height: 50, 120 | borderRadius: 25 121 | }, 122 | textDescription: { 123 | marginLeft: 10, 124 | color: 'gray' 125 | } 126 | }); -------------------------------------------------------------------------------- /examples/Example/pages/refreshLoadMoreExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View, 12 | RefreshControl, 13 | ActivityIndicator 14 | } from 'react-native'; 15 | import Timeline from 'react-native-timeline-listview' 16 | 17 | export default class Example extends Component { 18 | constructor(){ 19 | super() 20 | this.onEndReached = this.onEndReached.bind(this) 21 | this.renderFooter = this.renderFooter.bind(this) 22 | this.onRefresh = this.onRefresh.bind(this) 23 | 24 | this.data = [ 25 | {time: '09:00', title: 'Archery Training', description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. '}, 26 | {time: '10:45', title: 'Play Badminton', description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.'}, 27 | {time: '12:00', title: 'Lunch', icon: require('../img/lunch.png')}, 28 | {time: '14:00', title: 'Watch Soccer', description: 'Team sport played between two teams of eleven players with a spherical ball. '}, 29 | {time: '16:30', title: 'Go to Fitness center', description: 'Look out for the Best Gym & Fitness Centers around me :)'}, 30 | ] 31 | 32 | this.state = { 33 | isRefreshing: false, 34 | waiting: false, 35 | data: this.data 36 | } 37 | } 38 | 39 | onRefresh(){ 40 | this.setState({isRefreshing: true}); 41 | //refresh to initial data 42 | setTimeout(() => { 43 | //refresh to initial data 44 | this.setState({ 45 | data: this.data, 46 | isRefreshing: false 47 | }); 48 | }, 2000); 49 | } 50 | 51 | onEndReached() { 52 | if (!this.state.waiting) { 53 | this.setState({waiting: true}); 54 | 55 | //fetch and concat data 56 | setTimeout(() => { 57 | 58 | //refresh to initial data 59 | var data = this.state.data.concat( 60 | [ 61 | {time: '18:00', title: 'Load more data', description: 'append event at bottom of timeline'}, 62 | {time: '18:00', title: 'Load more data', description: 'append event at bottom of timeline'}, 63 | {time: '18:00', title: 'Load more data', description: 'append event at bottom of timeline'}, 64 | {time: '18:00', title: 'Load more data', description: 'append event at bottom of timeline'}, 65 | {time: '18:00', title: 'Load more data', description: 'append event at bottom of timeline'} 66 | ] 67 | ) 68 | 69 | this.setState({ 70 | waiting: false, 71 | data: data, 72 | }); 73 | }, 2000); 74 | } 75 | } 76 | 77 | renderFooter() { 78 | if (this.state.waiting) { 79 | return ; 80 | } else { 81 | return ~; 82 | } 83 | } 84 | 85 | render() { 86 | //'rgb(45,156,219)' 87 | return ( 88 | 89 | 105 | ), 106 | renderFooter: this.renderFooter, 107 | onEndReached: this.onEndReached 108 | }} 109 | innerCircle={'dot'} 110 | /> 111 | 112 | ); 113 | } 114 | } 115 | 116 | const styles = StyleSheet.create({ 117 | container: { 118 | flex: 1, 119 | padding: 20, 120 | paddingTop:65, 121 | backgroundColor:'white' 122 | }, 123 | list: { 124 | flex: 1, 125 | marginTop:20, 126 | }, 127 | }); -------------------------------------------------------------------------------- /examples/Example/pages/overrideRenderExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View, 12 | Image 13 | } from 'react-native'; 14 | import Timeline from 'react-native-timeline-listview' 15 | 16 | export default class Example extends Component { 17 | constructor(){ 18 | super() 19 | this.onEventPress = this.onEventPress.bind(this) 20 | this.renderSelected = this.renderSelected.bind(this) 21 | this.renderDetail = this.renderDetail.bind(this) 22 | 23 | this.data = [ 24 | { 25 | time: '09:00', 26 | title: 'Archery Training', 27 | description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ', 28 | lineColor:'#009688', 29 | icon: require('../img/archery.png'), 30 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240340/c0f96b3a-0fe3-11e7-8964-fe66e4d9be7a.jpg' 31 | }, 32 | { 33 | time: '10:45', 34 | title: 'Play Badminton', 35 | description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.', 36 | icon: require('../img/badminton.png'), 37 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240405/0ba41234-0fe4-11e7-919b-c3f88ced349c.jpg' 38 | }, 39 | { 40 | time: '12:00', 41 | title: 'Lunch', 42 | icon: require('../img/lunch.png'), 43 | }, 44 | { 45 | time: '14:00', 46 | title: 'Watch Soccer', 47 | description: 'Team sport played between two teams of eleven players with a spherical ball. ', 48 | lineColor:'#009688', 49 | icon: require('../img/soccer.png'), 50 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240419/1f553dee-0fe4-11e7-8638-6025682232b1.jpg' 51 | }, 52 | { 53 | time: '16:30', 54 | title: 'Go to Fitness center', 55 | description: 'Look out for the Best Gym & Fitness Centers around me :)', 56 | icon: require('../img/dumbbell.png'), 57 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240422/20d84f6c-0fe4-11e7-8f1d-9dbc594d0cfa.jpg' 58 | } 59 | ] 60 | this.state = {selected: null} 61 | } 62 | 63 | onEventPress(data){ 64 | this.setState({selected: data}) 65 | } 66 | 67 | renderSelected(){ 68 | if(this.state.selected) 69 | return Selected event: {this.state.selected.title} at {this.state.selected.time} 70 | } 71 | 72 | renderDetail(rowData, sectionID, rowID) { 73 | let title = {rowData.title} 74 | var desc = null 75 | if(rowData.description && rowData.imageUrl) 76 | desc = ( 77 | 78 | 79 | {rowData.description} 80 | 81 | ) 82 | 83 | return ( 84 | 85 | {title} 86 | {desc} 87 | 88 | ) 89 | } 90 | 91 | render() { 92 | return ( 93 | 94 | {this.renderSelected()} 95 | 111 | 112 | ); 113 | } 114 | } 115 | 116 | const styles = StyleSheet.create({ 117 | container: { 118 | flex: 1, 119 | padding: 20, 120 | paddingTop:65, 121 | backgroundColor:'white' 122 | }, 123 | list: { 124 | flex: 1, 125 | marginTop:20, 126 | }, 127 | title:{ 128 | fontSize:16, 129 | fontWeight: 'bold' 130 | }, 131 | descriptionContainer:{ 132 | flexDirection: 'row', 133 | paddingRight: 50 134 | }, 135 | image:{ 136 | width: 50, 137 | height: 50, 138 | borderRadius: 25 139 | }, 140 | textDescription: { 141 | marginLeft: 10, 142 | color: 'gray' 143 | } 144 | }); -------------------------------------------------------------------------------- /examples/Example/pages/singleRightExample.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | StyleSheet, 10 | Text, 11 | View, 12 | Image 13 | } from 'react-native'; 14 | import Timeline from 'react-native-timeline-listview' 15 | 16 | export default class Example extends Component { 17 | constructor(){ 18 | super() 19 | this.onEventPress = this.onEventPress.bind(this) 20 | this.renderSelected = this.renderSelected.bind(this) 21 | this.renderDetail = this.renderDetail.bind(this) 22 | 23 | this.data = [ 24 | { 25 | time: '09:00', 26 | title: 'Archery Training', 27 | description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ', 28 | lineColor:'#009688', 29 | icon: require('../img/archery.png'), 30 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240340/c0f96b3a-0fe3-11e7-8964-fe66e4d9be7a.jpg' 31 | }, 32 | { 33 | time: '10:45', 34 | title: 'Play Badminton', 35 | description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.', 36 | icon: require('../img/badminton.png'), 37 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240405/0ba41234-0fe4-11e7-919b-c3f88ced349c.jpg' 38 | }, 39 | { 40 | time: '12:00', 41 | title: 'Lunch', 42 | icon: require('../img/lunch.png'), 43 | }, 44 | { 45 | time: '14:00', 46 | title: 'Watch Soccer', 47 | description: 'Team sport played between two teams of eleven players with a spherical ball. ', 48 | lineColor:'#009688', 49 | icon: require('../img/soccer.png'), 50 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240419/1f553dee-0fe4-11e7-8638-6025682232b1.jpg' 51 | }, 52 | { 53 | time: '16:30', 54 | title: 'Go to Fitness center', 55 | description: 'Look out for the Best Gym & Fitness Centers around me :)', 56 | icon: require('../img/dumbbell.png'), 57 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240422/20d84f6c-0fe4-11e7-8f1d-9dbc594d0cfa.jpg' 58 | } 59 | ] 60 | this.state = {selected: null} 61 | } 62 | 63 | onEventPress(data){ 64 | this.setState({selected: data}) 65 | } 66 | 67 | renderSelected(){ 68 | if(this.state.selected) 69 | return Selected event: {this.state.selected.title} at {this.state.selected.time} 70 | } 71 | 72 | renderDetail(rowData, sectionID, rowID) { 73 | let title = {rowData.title} 74 | var desc = null 75 | if(rowData.description && rowData.imageUrl) 76 | desc = ( 77 | 78 | 79 | {rowData.description} 80 | 81 | ) 82 | 83 | return ( 84 | 85 | {title} 86 | {desc} 87 | 88 | ) 89 | } 90 | 91 | render() { 92 | return ( 93 | 94 | {this.renderSelected()} 95 | 114 | 115 | ); 116 | } 117 | } 118 | 119 | const styles = StyleSheet.create({ 120 | container: { 121 | flex: 1, 122 | padding: 20, 123 | paddingTop:65, 124 | backgroundColor:'white' 125 | }, 126 | list: { 127 | flex: 1, 128 | marginTop:20, 129 | }, 130 | title:{ 131 | fontSize:16, 132 | fontWeight: 'bold' 133 | }, 134 | descriptionContainer:{ 135 | flexDirection: 'row', 136 | paddingRight: 50 137 | }, 138 | image:{ 139 | width: 50, 140 | height: 50, 141 | borderRadius: 25 142 | }, 143 | textDescription: { 144 | marginLeft: 10, 145 | color: 'gray' 146 | } 147 | }); -------------------------------------------------------------------------------- /examples/Example/ios/Example.xcodeproj/xcshareddata/xcschemes/Example.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /examples/Example/ios/Example.xcodeproj/xcshareddata/xcschemes/Example-tvOS.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /examples/Example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /examples/Example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.example" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile fileTree(dir: "libs", include: ["*.jar"]) 130 | compile "com.android.support:appcompat-v7:23.0.1" 131 | compile "com.facebook.react:react-native:+" // From node_modules 132 | } 133 | 134 | // Run this once to be able to run the application with BUCK 135 | // puts all compile dependencies into folder libs for BUCK to use 136 | task copyDownloadableDepsToLibs(type: Copy) { 137 | from configurations.compile 138 | into 'libs' 139 | } 140 | -------------------------------------------------------------------------------- /lib/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | import React, { Component } from "react"; 4 | import { 5 | StyleSheet, 6 | ListView, 7 | Image, 8 | View, 9 | Text, 10 | TouchableOpacity 11 | } from "react-native"; 12 | 13 | const ds = new ListView.DataSource({ 14 | rowHasChanged: (r1, r2) => r1 !== r2, 15 | sectionHeaderHasChanged: (s1, s2) => s1 !== s2 16 | }); 17 | 18 | const defaultCircleSize = 16; 19 | const defaultCircleColor = "#007AFF"; 20 | const defaultLineWidth = 2; 21 | const defaultLineColor = "#007AFF"; 22 | const defaultTimeTextColor = "black"; 23 | const defaultDotColor = "white"; 24 | const defaultInnerCircle = "none"; 25 | 26 | export default class Timeline extends Component { 27 | constructor(props, context) { 28 | super(props, context); 29 | 30 | this._renderRow = this._renderRow.bind(this); 31 | this.renderTime = (this.props.renderTime 32 | ? this.props.renderTime 33 | : this._renderTime 34 | ).bind(this); 35 | this.renderDetail = (this.props.renderDetail 36 | ? this.props.renderDetail 37 | : this._renderDetail 38 | ).bind(this); 39 | this.renderCircle = (this.props.renderCircle 40 | ? this.props.renderCircle 41 | : this._renderCircle 42 | ).bind(this); 43 | this.renderEvent = this._renderEvent.bind(this); 44 | 45 | this.state = { 46 | data: this.props.data, 47 | dataSource: ds.cloneWithRows(this.props.data), 48 | x: 0, 49 | width: 0 50 | }; 51 | } 52 | 53 | componentWillReceiveProps(nextProps) { 54 | this.setState({ 55 | data: nextProps.data, 56 | dataSource: ds.cloneWithRows(nextProps.data) 57 | }); 58 | } 59 | 60 | render() { 61 | return ( 62 | 63 | 71 | 72 | ); 73 | } 74 | 75 | _renderRow(rowData, sectionID, rowID) { 76 | let content = null; 77 | 78 | switch (this.props.columnFormat) { 79 | case "single-column-left": 80 | content = ( 81 | 82 | {this.renderTime(rowData, sectionID, rowID)} 83 | {this.renderEvent(rowData, sectionID, rowID)} 84 | {this.renderCircle(rowData, sectionID, rowID)} 85 | 86 | ); 87 | break; 88 | case "single-column-right": 89 | content = ( 90 | 91 | {this.renderEvent(rowData, sectionID, rowID)} 92 | {this.renderTime(rowData, sectionID, rowID)} 93 | {this.renderCircle(rowData, sectionID, rowID)} 94 | 95 | ); 96 | break; 97 | case "two-column": 98 | content = 99 | rowID % 2 == 0 ? ( 100 | 101 | {this.renderTime(rowData, sectionID, rowID)} 102 | {this.renderEvent(rowData, sectionID, rowID)} 103 | {this.renderCircle(rowData, sectionID, rowID)} 104 | 105 | ) : ( 106 | 107 | {this.renderEvent(rowData, sectionID, rowID)} 108 | {this.renderTime(rowData, sectionID, rowID)} 109 | {this.renderCircle(rowData, sectionID, rowID)} 110 | 111 | ); 112 | break; 113 | } 114 | return {content}; 115 | } 116 | 117 | _renderTime(rowData, sectionID, rowID) { 118 | if (!this.props.showTime) { 119 | return null; 120 | } 121 | var timeWrapper = null; 122 | switch (this.props.columnFormat) { 123 | case "single-column-left": 124 | timeWrapper = { 125 | alignItems: "flex-end" 126 | }; 127 | break; 128 | case "single-column-right": 129 | timeWrapper = { 130 | alignItems: "flex-start" 131 | }; 132 | break; 133 | case "two-column": 134 | timeWrapper = { 135 | flex: 1, 136 | alignItems: rowID % 2 == 0 ? "flex-end" : "flex-start" 137 | }; 138 | break; 139 | } 140 | return ( 141 | 142 | 143 | 144 | {rowData.time} 145 | 146 | 147 | 148 | ); 149 | } 150 | 151 | _renderEvent(rowData, sectionID, rowID) { 152 | const lineWidth = rowData.lineWidth 153 | ? rowData.lineWidth 154 | : this.props.lineWidth; 155 | const isLast = this.props.renderFullLine 156 | ? !this.props.renderFullLine 157 | : this.state.data.slice(-1)[0] === rowData; 158 | const lineColor = isLast 159 | ? "rgba(0,0,0,0)" 160 | : rowData.lineColor ? rowData.lineColor : this.props.lineColor; 161 | let opStyle = null; 162 | 163 | switch (this.props.columnFormat) { 164 | case "single-column-left": 165 | opStyle = { 166 | borderColor: lineColor, 167 | borderLeftWidth: lineWidth, 168 | borderRightWidth: 0, 169 | marginLeft: 20, 170 | paddingLeft: 20 171 | }; 172 | break; 173 | case "single-column-right": 174 | opStyle = { 175 | borderColor: lineColor, 176 | borderLeftWidth: 0, 177 | borderRightWidth: lineWidth, 178 | marginRight: 20, 179 | paddingRight: 20 180 | }; 181 | break; 182 | case "two-column": 183 | opStyle = 184 | rowID % 2 == 0 185 | ? { 186 | borderColor: lineColor, 187 | borderLeftWidth: lineWidth, 188 | borderRightWidth: 0, 189 | marginLeft: 20, 190 | paddingLeft: 20 191 | } 192 | : { 193 | borderColor: lineColor, 194 | borderLeftWidth: 0, 195 | borderRightWidth: lineWidth, 196 | marginRight: 20, 197 | paddingRight: 20 198 | }; 199 | break; 200 | } 201 | 202 | return ( 203 | { 206 | if (!this.state.x && !this.state.width) { 207 | const { x, width } = evt.nativeEvent.layout; 208 | this.setState({ x, width }); 209 | } 210 | }} 211 | > 212 | 216 | this.props.onEventPress ? this.props.onEventPress(rowData) : null 217 | } 218 | > 219 | 220 | {this.renderDetail(rowData, sectionID, rowID)} 221 | 222 | {this._renderSeparator()} 223 | 224 | 225 | ); 226 | } 227 | 228 | _renderDetail(rowData, sectionID, rowID) { 229 | let title = rowData.description ? ( 230 | 231 | 232 | {rowData.title} 233 | 234 | 235 | {rowData.description} 236 | 237 | 238 | ) : ( 239 | {rowData.title} 240 | ); 241 | return {title}; 242 | } 243 | 244 | _renderCircle(rowData, sectionID, rowID) { 245 | var circleSize = rowData.circleSize 246 | ? rowData.circleSize 247 | : this.props.circleSize ? this.props.circleSize : defaultCircleSize; 248 | var circleColor = rowData.circleColor 249 | ? rowData.circleColor 250 | : this.props.circleColor ? this.props.circleColor : defaultCircleColor; 251 | var lineWidth = rowData.lineWidth 252 | ? rowData.lineWidth 253 | : this.props.lineWidth ? this.props.lineWidth : defaultLineWidth; 254 | 255 | var circleStyle = null; 256 | 257 | switch (this.props.columnFormat) { 258 | case "single-column-left": 259 | circleStyle = { 260 | width: this.state.x ? circleSize : 0, 261 | height: this.state.x ? circleSize : 0, 262 | borderRadius: circleSize / 2, 263 | backgroundColor: circleColor, 264 | left: this.state.x - circleSize / 2 + (lineWidth - 1) / 2 265 | }; 266 | break; 267 | case "single-column-right": 268 | circleStyle = { 269 | width: this.state.width ? circleSize : 0, 270 | height: this.state.width ? circleSize : 0, 271 | borderRadius: circleSize / 2, 272 | backgroundColor: circleColor, 273 | left: this.state.width - circleSize / 2 - (lineWidth - 1) / 2 274 | }; 275 | break; 276 | case "two-column": 277 | circleStyle = { 278 | width: this.state.width ? circleSize : 0, 279 | height: this.state.width ? circleSize : 0, 280 | borderRadius: circleSize / 2, 281 | backgroundColor: circleColor, 282 | left: this.state.width - circleSize / 2 - (lineWidth - 1) / 2 283 | }; 284 | break; 285 | } 286 | 287 | var innerCircle = null; 288 | switch (this.props.innerCircle) { 289 | case "icon": 290 | let iconSource = rowData.icon ? rowData.icon : this.props.icon; 291 | let iconStyle = { 292 | height: circleSize, 293 | width: circleSize 294 | }; 295 | innerCircle = ( 296 | 300 | ); 301 | break; 302 | case "dot": 303 | let dotStyle = { 304 | height: circleSize / 2, 305 | width: circleSize / 2, 306 | borderRadius: circleSize / 4, 307 | backgroundColor: rowData.dotColor 308 | ? rowData.dotColor 309 | : this.props.dotColor ? this.props.dotColor : defaultDotColor 310 | }; 311 | innerCircle = ; 312 | break; 313 | } 314 | return ( 315 | 316 | {innerCircle} 317 | 318 | ); 319 | } 320 | 321 | _renderSeparator() { 322 | if (!this.props.separator) { 323 | return null; 324 | } 325 | return ; 326 | } 327 | } 328 | 329 | Timeline.defaultProps = { 330 | circleSize: defaultCircleSize, 331 | circleColor: defaultCircleColor, 332 | lineWidth: defaultLineWidth, 333 | lineColor: defaultLineColor, 334 | innerCircle: defaultInnerCircle, 335 | columnFormat: "single-column-left", 336 | separator: false, 337 | showTime: true 338 | }; 339 | 340 | const styles = StyleSheet.create({ 341 | container: { 342 | flex: 1 343 | }, 344 | listview: { 345 | flex: 1 346 | }, 347 | sectionHeader: { 348 | marginBottom: 15, 349 | backgroundColor: "#007AFF", 350 | height: 30, 351 | justifyContent: "center" 352 | }, 353 | sectionHeaderText: { 354 | color: "#FFF", 355 | fontSize: 18, 356 | alignSelf: "center" 357 | }, 358 | rowContainer: { 359 | flexDirection: "row", 360 | flex: 1, 361 | //alignItems: 'stretch', 362 | justifyContent: "center" 363 | }, 364 | timeContainer: { 365 | minWidth: 45 366 | }, 367 | time: { 368 | textAlign: "right", 369 | color: defaultTimeTextColor 370 | }, 371 | circle: { 372 | width: 16, 373 | height: 16, 374 | borderRadius: 10, 375 | position: "absolute", 376 | left: -8, 377 | alignItems: "center", 378 | justifyContent: "center" 379 | }, 380 | dot: { 381 | width: 8, 382 | height: 8, 383 | borderRadius: 4, 384 | backgroundColor: defaultDotColor 385 | }, 386 | title: { 387 | fontSize: 16, 388 | fontWeight: "bold" 389 | }, 390 | details: { 391 | borderLeftWidth: defaultLineWidth, 392 | flexDirection: "column", 393 | flex: 1 394 | }, 395 | detail: { paddingTop: 10, paddingBottom: 10 }, 396 | description: { 397 | marginTop: 10 398 | }, 399 | separator: { 400 | height: 1, 401 | backgroundColor: "#aaa", 402 | marginTop: 10, 403 | marginBottom: 10 404 | } 405 | }); 406 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Native Timeline Listview 2 | Timeline component for React Native App work for Android and iOS 3 | 4 | ![untitled-1](https://cloud.githubusercontent.com/assets/21040043/24750025/8c8d044e-1aef-11e7-8fd7-7d64431af7e4.png) 5 | 6 | **Table of Contents** 7 | - [Installation](#installation) 8 | - Usage 9 | - [Basic usage](#basic-usage) 10 | - [Custom example](#custom) 11 | - [Circle dot example](#circle-dot) 12 | - [Icon example](#icon) 13 | - [Override render example](#override-render) 14 | - [Pull to refresh and load more example](#pull-to-refresh-and-load-more) 15 | - Column Format (in v.0.2.0) 16 | - [Single column right](#single-column-right) 17 | - [Two column](#two-column) 18 | - [Time container hiding](#hide-time) 19 | - Configuration 20 | - [Data Object](#data-object) 21 | - [Timeline](#timeline) 22 | - [Shift problem](#shift-problem) 23 | 24 | ## Installation 25 | ``` 26 | npm i react-native-timeline-listview --save 27 | ``` 28 | 29 | ## Basic Usage 30 | ![image2](https://cloud.githubusercontent.com/assets/21040043/24320617/6a7494ea-116b-11e7-9cf5-12244f5eec58.png) 31 | ```jsx 32 | import Timeline from 'react-native-timeline-listview' 33 | 34 | constructor(){ 35 | super() 36 | this.data = [ 37 | {time: '09:00', title: 'Event 1', description: 'Event 1 Description'}, 38 | {time: '10:45', title: 'Event 2', description: 'Event 2 Description'}, 39 | {time: '12:00', title: 'Event 3', description: 'Event 3 Description'}, 40 | {time: '14:00', title: 'Event 4', description: 'Event 4 Description'}, 41 | {time: '16:30', title: 'Event 5', description: 'Event 5 Description'} 42 | ] 43 | } 44 | 45 | render(){ 46 | return( 47 | 50 | ) 51 | } 52 | ``` 53 | [see full basic example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/basicExample.js) 54 | 55 | ## Custom 56 | ![image3](https://cloud.githubusercontent.com/assets/21040043/24320631/9df21a86-116b-11e7-8865-2631d35bc640.png) 57 | ```jsx 58 | render(){ 59 | return( 60 | 72 | ) 73 | } 74 | ``` 75 | [see full custom example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/customExample.js) 76 | 77 | ## Circle Dot 78 | ![image4](https://cloud.githubusercontent.com/assets/21040043/24320644/f5bc5b0a-116b-11e7-9252-2c9fc2361dc9.png) 79 | ```jsx 80 | render(){ 81 | return( 82 | 86 | ) 87 | } 88 | ``` 89 | [see full circle dot example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/dotExample.js) 90 | 91 | ## Icon 92 | ![image5](https://cloud.githubusercontent.com/assets/21040043/24320654/1c5de27e-116c-11e7-95cc-750d55e001b8.png) 93 | ```jsx 94 | constructor(){ 95 | super() 96 | this.data = [ 97 | {time: '09:00', title: 'Archery Training', description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ',lineColor:'#009688', icon: require('../img/archery.png')}, 98 | {time: '10:45', title: 'Play Badminton', description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.', icon: require('../img/badminton.png')}, 99 | {time: '12:00', title: 'Lunch', icon: require('../img/lunch.png')}, 100 | {time: '14:00', title: 'Watch Soccer', description: 'Team sport played between two teams of eleven players with a spherical ball. ',lineColor:'#009688', icon: require('../img/soccer.png')}, 101 | {time: '16:30', title: 'Go to Fitness center', description: 'Look out for the Best Gym & Fitness Centers around me :)', icon: require('../img/dumbbell.png')} 102 | ] 103 | } 104 | render(){ 105 | return( 106 | 110 | ) 111 | } 112 | ``` 113 | [see full icon example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/iconExample.js) 114 | 115 | ## Override Render 116 | ![image6](https://cloud.githubusercontent.com/assets/21040043/24320661/36fe76e8-116c-11e7-950f-2968aef312bb.png) 117 | ```jsx 118 | constructor(){ 119 | super() 120 | this.renderEvent = this.renderEvent.bind(this) 121 | 122 | this.data = [ 123 | { 124 | time: '09:00', 125 | title: 'Archery Training', 126 | description: 'The Beginner Archery and Beginner Crossbow course does not require you to bring any equipment, since everything you need will be provided for the course. ', 127 | lineColor:'#009688', 128 | icon: require('../img/archery.png'), 129 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240340/c0f96b3a-0fe3-11e7-8964-fe66e4d9be7a.jpg' 130 | }, 131 | { 132 | time: '10:45', 133 | title: 'Play Badminton', 134 | description: 'Badminton is a racquet sport played using racquets to hit a shuttlecock across a net.', 135 | icon: require('../img/badminton.png'), 136 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240405/0ba41234-0fe4-11e7-919b-c3f88ced349c.jpg' 137 | }, 138 | { 139 | time: '12:00', 140 | title: 'Lunch', 141 | icon: require('../img/lunch.png'), 142 | }, 143 | { 144 | time: '14:00', 145 | title: 'Watch Soccer', 146 | description: 'Team sport played between two teams of eleven players with a spherical ball. ', 147 | lineColor:'#009688', 148 | icon: require('../img/soccer.png'), 149 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240419/1f553dee-0fe4-11e7-8638-6025682232b1.jpg' 150 | }, 151 | { 152 | time: '16:30', 153 | title: 'Go to Fitness center', 154 | description: 'Look out for the Best Gym & Fitness Centers around me :)', 155 | icon: require('../img/dumbbell.png'), 156 | imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240422/20d84f6c-0fe4-11e7-8f1d-9dbc594d0cfa.jpg' 157 | } 158 | ] 159 | } 160 | 161 | renderDetail(rowData, sectionID, rowID) { 162 | let title = {rowData.title} 163 | var desc = null 164 | if(rowData.description && rowData.imageUrl) 165 | desc = ( 166 | 167 | 168 | {rowData.description} 169 | 170 | ) 171 | 172 | return ( 173 | 174 | {title} 175 | {desc} 176 | 177 | ) 178 | } 179 | 180 | render(){ 181 | return( 182 | 186 | ) 187 | } 188 | ``` 189 | [see full override render example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/overrideRenderExample.js) 190 | 191 | ## Pull to refresh and load more 192 | ![rflm](https://cloud.githubusercontent.com/assets/21040043/26756369/304d2e7a-48cb-11e7-816d-66e8d40a97ee.png) 193 | ```jsx 194 | 195 | onRefresh(){ 196 | //set initial data 197 | } 198 | 199 | onEndReached() { 200 | //fetch next data 201 | } 202 | 203 | renderFooter() { 204 | //show loading indicator 205 | if (this.state.waiting) { 206 | return ; 207 | } else { 208 | return ~; 209 | } 210 | } 211 | 212 | render(){ 213 | return( 214 | 222 | ), 223 | renderFooter: this.renderFooter, 224 | onEndReached: this.onEndReached 225 | }} 226 | /> 227 | ) 228 | } 229 | ``` 230 | [see full refresh and load more example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/refreshLoadMoreExample.js) 231 | 232 | ## Column Format 233 | ### Single Column Right 234 | ![simulator screen shot apr 6 2560 be 5 19 51 pm](https://cloud.githubusercontent.com/assets/21040043/24749469/60a7869e-1aed-11e7-9c41-f87f866b2d8d.png) 235 | ```jsx 236 | render(){ 237 | return( 238 | 242 | ) 243 | } 244 | ``` 245 | [see full single column right example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/singleRightExample.js) 246 | 247 | ### Two Column 248 | ![simulator screen shot apr 6 2560 be 5 05 32 pm](https://cloud.githubusercontent.com/assets/21040043/24749638/0515f210-1aee-11e7-82af-082d93efb618.png) 249 | ```jsx 250 | render(){ 251 | return( 252 | 256 | ) 257 | } 258 | ``` 259 | [see full two column example](https://github.com/thegamenicorus/react-native-timeline-listview/blob/master/examples/Example/pages/twoColumnExample.js) 260 | 261 | ### Time container hiding 262 | ![showTime](https://user-images.githubusercontent.com/6987730/35145888-fae0f1e2-fd3b-11e7-9571-2143342512c8.png) 263 | ```jsx 264 | render(){ 265 | return( 266 | 270 | ) 271 | } 272 | ``` 273 | 274 | 275 | ## Configuration 276 | #### Data Object: 277 | | Property | Type | Default | Description | 278 | |---------------|----------|-------------|----------------------------------------------------------------| 279 | | time | string | null | event time | 280 | | title | string | null | event title | 281 | | description | string | null | event description | 282 | | lineWidth | int | same as lineWidth of 'Timeline' | event line width | 283 | | lineColor | string | same as lineColor of 'Timeline' | event line color | 284 | | circleSize | int | same as circleSize of 'Timeline' | event circle size | 285 | | circleColor | string | same as circleColor of 'Timeline' | event circle color | 286 | | dotColor | string | same as dotColor of 'Timeline' | event dot color (innerCircle = 'dot') | 287 | | icon | obj(image source) | same as icon of 'Timeline' | event icon (innerCircle = 'color') | 288 | 289 | #### Timeline: 290 | | Property | Type | Default | Description | 291 | |---------------|----------|-------------|----------------------------------------------------------------| 292 | | data | data object | null | timeline data | 293 | | innerCircle | string | null | timeline mode : 'none', 'dot', 'icon' | 294 | | separator | bool | true | render separator line of events | 295 | | columnFormat | string | 'single-left' | can be 'single-column-left', 'single-column-right', 'two-column' | 296 | | lineWidth | int | 2 | timeline line width | 297 | | lineColor | string | '#007AFF' | timeline line color | 298 | | circleSize | int | 16 | timeline circle size | 299 | | circleColor | string | '#007AFF' | timeline circle color | 300 | | dotColor | string | 'white' | timeline dot color (innerCircle = 'dot') | 301 | | icon | obj(image source) | null | timeline icon (innerCircle = 'color') | 302 | | style | object | null | custom styles of Timeline container | 303 | | listViewStyle | object | null | custom styles of inner ListView | 304 | | timeStyle | object | null | custom styles of event time | 305 | | titleStyle | object | null | custom styles of event title | 306 | | descriptionStyle | object | null | custom styles of event description | 307 | | iconStyle | object | null | custom styles of event icon | 308 | | separatorStyle | object | null | custom styles of separator | 309 | | rowContainerStyle | object | null | custom styles of event container | 310 | | timeContainerStyle | object | null | custom styles of container of event time | 311 | | detailContainerStyle| object | null | custom styles of container of event title and event description | 312 | | onEventPress | function(event) | null | function to be invoked when event was pressed | 313 | | renderTime | function(rowData, sectionID, rowID) | null | custom render event time | 314 | | renderDetail | function(rowData, sectionID, rowID) | null | custom render event title and event description | 315 | | renderCircle | function(rowData, sectionID, rowID) | null | custom render circle | 316 | | renderFullLine | bool | false | render event border on last timeline item | 317 | | options | object | null | ListView properties| 318 | | showTime | boolean | true | Time container options| 319 | 320 | 321 | ## Shift problem 322 | 323 | Text width of event time may not be the same. 324 | 325 | ![untitled-1](https://cloud.githubusercontent.com/assets/21040043/24321589/78d0c77c-1182-11e7-9c0f-69ebe591cb14.png) 326 | 327 | fix by add 'minWidth' in 'timeContainerStyle' to appropriate value 328 | 329 | ```jsx 330 | render(){ 331 | return( 332 | 336 | ) 337 | } 338 | ``` 339 | 340 | ## Timeline is rendered, but not displayed until scroll 341 | 342 | fix by add removeClippedSubviews: false into options 343 | 344 | ```jsx 345 | render(){ 346 | return( 347 | 353 | ) 354 | } 355 | ``` 356 | -------------------------------------------------------------------------------- /examples/Example/ios/Example.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* ExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* ExampleTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 26 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 27 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 28 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */; }; 29 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; }; 30 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; }; 31 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; }; 32 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; }; 33 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; }; 34 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; }; 35 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; }; 36 | 2DCD954D1E0B4F2C00145EB5 /* ExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* ExampleTests.m */; }; 37 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 38 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 39 | /* End PBXBuildFile section */ 40 | 41 | /* Begin PBXContainerItemProxy section */ 42 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 43 | isa = PBXContainerItemProxy; 44 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 45 | proxyType = 2; 46 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 47 | remoteInfo = RCTActionSheet; 48 | }; 49 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 50 | isa = PBXContainerItemProxy; 51 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 52 | proxyType = 2; 53 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 54 | remoteInfo = RCTGeolocation; 55 | }; 56 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 57 | isa = PBXContainerItemProxy; 58 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 59 | proxyType = 2; 60 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 61 | remoteInfo = RCTImage; 62 | }; 63 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 64 | isa = PBXContainerItemProxy; 65 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 66 | proxyType = 2; 67 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 68 | remoteInfo = RCTNetwork; 69 | }; 70 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 71 | isa = PBXContainerItemProxy; 72 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 73 | proxyType = 2; 74 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 75 | remoteInfo = RCTVibration; 76 | }; 77 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 78 | isa = PBXContainerItemProxy; 79 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 80 | proxyType = 1; 81 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 82 | remoteInfo = Example; 83 | }; 84 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 85 | isa = PBXContainerItemProxy; 86 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 87 | proxyType = 2; 88 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 89 | remoteInfo = RCTSettings; 90 | }; 91 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 92 | isa = PBXContainerItemProxy; 93 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 94 | proxyType = 2; 95 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 96 | remoteInfo = RCTWebSocket; 97 | }; 98 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 99 | isa = PBXContainerItemProxy; 100 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 101 | proxyType = 2; 102 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 103 | remoteInfo = React; 104 | }; 105 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 106 | isa = PBXContainerItemProxy; 107 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 108 | proxyType = 1; 109 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 110 | remoteInfo = "Example-tvOS"; 111 | }; 112 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 113 | isa = PBXContainerItemProxy; 114 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 115 | proxyType = 2; 116 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 117 | remoteInfo = "RCTImage-tvOS"; 118 | }; 119 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 120 | isa = PBXContainerItemProxy; 121 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 122 | proxyType = 2; 123 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 124 | remoteInfo = "RCTLinking-tvOS"; 125 | }; 126 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 127 | isa = PBXContainerItemProxy; 128 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 129 | proxyType = 2; 130 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 131 | remoteInfo = "RCTNetwork-tvOS"; 132 | }; 133 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 134 | isa = PBXContainerItemProxy; 135 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 136 | proxyType = 2; 137 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 138 | remoteInfo = "RCTSettings-tvOS"; 139 | }; 140 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 141 | isa = PBXContainerItemProxy; 142 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 143 | proxyType = 2; 144 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 145 | remoteInfo = "RCTText-tvOS"; 146 | }; 147 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 148 | isa = PBXContainerItemProxy; 149 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 150 | proxyType = 2; 151 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 152 | remoteInfo = "RCTWebSocket-tvOS"; 153 | }; 154 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 155 | isa = PBXContainerItemProxy; 156 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 157 | proxyType = 2; 158 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 159 | remoteInfo = "React-tvOS"; 160 | }; 161 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 162 | isa = PBXContainerItemProxy; 163 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 164 | proxyType = 2; 165 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 166 | remoteInfo = yoga; 167 | }; 168 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 169 | isa = PBXContainerItemProxy; 170 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 171 | proxyType = 2; 172 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 173 | remoteInfo = "yoga-tvOS"; 174 | }; 175 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 176 | isa = PBXContainerItemProxy; 177 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 178 | proxyType = 2; 179 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 180 | remoteInfo = cxxreact; 181 | }; 182 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 183 | isa = PBXContainerItemProxy; 184 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 185 | proxyType = 2; 186 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 187 | remoteInfo = "cxxreact-tvOS"; 188 | }; 189 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 190 | isa = PBXContainerItemProxy; 191 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 192 | proxyType = 2; 193 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 194 | remoteInfo = jschelpers; 195 | }; 196 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 197 | isa = PBXContainerItemProxy; 198 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 199 | proxyType = 2; 200 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 201 | remoteInfo = "jschelpers-tvOS"; 202 | }; 203 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 204 | isa = PBXContainerItemProxy; 205 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 206 | proxyType = 2; 207 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 208 | remoteInfo = RCTAnimation; 209 | }; 210 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 211 | isa = PBXContainerItemProxy; 212 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 213 | proxyType = 2; 214 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 215 | remoteInfo = "RCTAnimation-tvOS"; 216 | }; 217 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 218 | isa = PBXContainerItemProxy; 219 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 220 | proxyType = 2; 221 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 222 | remoteInfo = RCTLinking; 223 | }; 224 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 225 | isa = PBXContainerItemProxy; 226 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 227 | proxyType = 2; 228 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 229 | remoteInfo = RCTText; 230 | }; 231 | /* End PBXContainerItemProxy section */ 232 | 233 | /* Begin PBXFileReference section */ 234 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 235 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 236 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 237 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 238 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 239 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 240 | 00E356EE1AD99517003FC87E /* ExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = ExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 241 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 242 | 00E356F21AD99517003FC87E /* ExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ExampleTests.m; sourceTree = ""; }; 243 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 244 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 245 | 13B07F961A680F5B00A75B9A /* Example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Example.app; sourceTree = BUILT_PRODUCTS_DIR; }; 246 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = Example/AppDelegate.h; sourceTree = ""; }; 247 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = Example/AppDelegate.m; sourceTree = ""; }; 248 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 249 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = Example/Images.xcassets; sourceTree = ""; }; 250 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = Example/Info.plist; sourceTree = ""; }; 251 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = Example/main.m; sourceTree = ""; }; 252 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 253 | 2D02E47B1E0B4A5D006451C7 /* Example-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "Example-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 254 | 2D02E4901E0B4A5D006451C7 /* Example-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "Example-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 255 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 256 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 257 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 258 | /* End PBXFileReference section */ 259 | 260 | /* Begin PBXFrameworksBuildPhase section */ 261 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 262 | isa = PBXFrameworksBuildPhase; 263 | buildActionMask = 2147483647; 264 | files = ( 265 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 266 | ); 267 | runOnlyForDeploymentPostprocessing = 0; 268 | }; 269 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 270 | isa = PBXFrameworksBuildPhase; 271 | buildActionMask = 2147483647; 272 | files = ( 273 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 274 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 275 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 276 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 277 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 278 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 279 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 280 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 281 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 282 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 283 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 284 | ); 285 | runOnlyForDeploymentPostprocessing = 0; 286 | }; 287 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 288 | isa = PBXFrameworksBuildPhase; 289 | buildActionMask = 2147483647; 290 | files = ( 291 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */, 292 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */, 293 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */, 294 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */, 295 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */, 296 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */, 297 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */, 298 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */, 299 | ); 300 | runOnlyForDeploymentPostprocessing = 0; 301 | }; 302 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 303 | isa = PBXFrameworksBuildPhase; 304 | buildActionMask = 2147483647; 305 | files = ( 306 | ); 307 | runOnlyForDeploymentPostprocessing = 0; 308 | }; 309 | /* End PBXFrameworksBuildPhase section */ 310 | 311 | /* Begin PBXGroup section */ 312 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 313 | isa = PBXGroup; 314 | children = ( 315 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 316 | ); 317 | name = Products; 318 | sourceTree = ""; 319 | }; 320 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 321 | isa = PBXGroup; 322 | children = ( 323 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 324 | ); 325 | name = Products; 326 | sourceTree = ""; 327 | }; 328 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 329 | isa = PBXGroup; 330 | children = ( 331 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 332 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 333 | ); 334 | name = Products; 335 | sourceTree = ""; 336 | }; 337 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 338 | isa = PBXGroup; 339 | children = ( 340 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 341 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 342 | ); 343 | name = Products; 344 | sourceTree = ""; 345 | }; 346 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 347 | isa = PBXGroup; 348 | children = ( 349 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 350 | ); 351 | name = Products; 352 | sourceTree = ""; 353 | }; 354 | 00E356EF1AD99517003FC87E /* ExampleTests */ = { 355 | isa = PBXGroup; 356 | children = ( 357 | 00E356F21AD99517003FC87E /* ExampleTests.m */, 358 | 00E356F01AD99517003FC87E /* Supporting Files */, 359 | ); 360 | path = ExampleTests; 361 | sourceTree = ""; 362 | }; 363 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 364 | isa = PBXGroup; 365 | children = ( 366 | 00E356F11AD99517003FC87E /* Info.plist */, 367 | ); 368 | name = "Supporting Files"; 369 | sourceTree = ""; 370 | }; 371 | 139105B71AF99BAD00B5F7CC /* Products */ = { 372 | isa = PBXGroup; 373 | children = ( 374 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 375 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 376 | ); 377 | name = Products; 378 | sourceTree = ""; 379 | }; 380 | 139FDEE71B06529A00C62182 /* Products */ = { 381 | isa = PBXGroup; 382 | children = ( 383 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 384 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 385 | ); 386 | name = Products; 387 | sourceTree = ""; 388 | }; 389 | 13B07FAE1A68108700A75B9A /* Example */ = { 390 | isa = PBXGroup; 391 | children = ( 392 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 393 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 394 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 395 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 396 | 13B07FB61A68108700A75B9A /* Info.plist */, 397 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 398 | 13B07FB71A68108700A75B9A /* main.m */, 399 | ); 400 | name = Example; 401 | sourceTree = ""; 402 | }; 403 | 146834001AC3E56700842450 /* Products */ = { 404 | isa = PBXGroup; 405 | children = ( 406 | 146834041AC3E56700842450 /* libReact.a */, 407 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 408 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 409 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 410 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 411 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 412 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 413 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 414 | ); 415 | name = Products; 416 | sourceTree = ""; 417 | }; 418 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 419 | isa = PBXGroup; 420 | children = ( 421 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 422 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 423 | ); 424 | name = Products; 425 | sourceTree = ""; 426 | }; 427 | 78C398B11ACF4ADC00677621 /* Products */ = { 428 | isa = PBXGroup; 429 | children = ( 430 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 431 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 432 | ); 433 | name = Products; 434 | sourceTree = ""; 435 | }; 436 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 437 | isa = PBXGroup; 438 | children = ( 439 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 440 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 441 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 442 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 443 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 444 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 445 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 446 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 447 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 448 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 449 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 450 | ); 451 | name = Libraries; 452 | sourceTree = ""; 453 | }; 454 | 832341B11AAA6A8300B99B32 /* Products */ = { 455 | isa = PBXGroup; 456 | children = ( 457 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 458 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 459 | ); 460 | name = Products; 461 | sourceTree = ""; 462 | }; 463 | 83CBB9F61A601CBA00E9B192 = { 464 | isa = PBXGroup; 465 | children = ( 466 | 13B07FAE1A68108700A75B9A /* Example */, 467 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 468 | 00E356EF1AD99517003FC87E /* ExampleTests */, 469 | 83CBBA001A601CBA00E9B192 /* Products */, 470 | ); 471 | indentWidth = 2; 472 | sourceTree = ""; 473 | tabWidth = 2; 474 | }; 475 | 83CBBA001A601CBA00E9B192 /* Products */ = { 476 | isa = PBXGroup; 477 | children = ( 478 | 13B07F961A680F5B00A75B9A /* Example.app */, 479 | 00E356EE1AD99517003FC87E /* ExampleTests.xctest */, 480 | 2D02E47B1E0B4A5D006451C7 /* Example-tvOS.app */, 481 | 2D02E4901E0B4A5D006451C7 /* Example-tvOSTests.xctest */, 482 | ); 483 | name = Products; 484 | sourceTree = ""; 485 | }; 486 | /* End PBXGroup section */ 487 | 488 | /* Begin PBXNativeTarget section */ 489 | 00E356ED1AD99517003FC87E /* ExampleTests */ = { 490 | isa = PBXNativeTarget; 491 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "ExampleTests" */; 492 | buildPhases = ( 493 | 00E356EA1AD99517003FC87E /* Sources */, 494 | 00E356EB1AD99517003FC87E /* Frameworks */, 495 | 00E356EC1AD99517003FC87E /* Resources */, 496 | ); 497 | buildRules = ( 498 | ); 499 | dependencies = ( 500 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 501 | ); 502 | name = ExampleTests; 503 | productName = ExampleTests; 504 | productReference = 00E356EE1AD99517003FC87E /* ExampleTests.xctest */; 505 | productType = "com.apple.product-type.bundle.unit-test"; 506 | }; 507 | 13B07F861A680F5B00A75B9A /* Example */ = { 508 | isa = PBXNativeTarget; 509 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Example" */; 510 | buildPhases = ( 511 | 13B07F871A680F5B00A75B9A /* Sources */, 512 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 513 | 13B07F8E1A680F5B00A75B9A /* Resources */, 514 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 515 | ); 516 | buildRules = ( 517 | ); 518 | dependencies = ( 519 | ); 520 | name = Example; 521 | productName = "Hello World"; 522 | productReference = 13B07F961A680F5B00A75B9A /* Example.app */; 523 | productType = "com.apple.product-type.application"; 524 | }; 525 | 2D02E47A1E0B4A5D006451C7 /* Example-tvOS */ = { 526 | isa = PBXNativeTarget; 527 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOS" */; 528 | buildPhases = ( 529 | 2D02E4771E0B4A5D006451C7 /* Sources */, 530 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 531 | 2D02E4791E0B4A5D006451C7 /* Resources */, 532 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 533 | ); 534 | buildRules = ( 535 | ); 536 | dependencies = ( 537 | ); 538 | name = "Example-tvOS"; 539 | productName = "Example-tvOS"; 540 | productReference = 2D02E47B1E0B4A5D006451C7 /* Example-tvOS.app */; 541 | productType = "com.apple.product-type.application"; 542 | }; 543 | 2D02E48F1E0B4A5D006451C7 /* Example-tvOSTests */ = { 544 | isa = PBXNativeTarget; 545 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOSTests" */; 546 | buildPhases = ( 547 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 548 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 549 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 550 | ); 551 | buildRules = ( 552 | ); 553 | dependencies = ( 554 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 555 | ); 556 | name = "Example-tvOSTests"; 557 | productName = "Example-tvOSTests"; 558 | productReference = 2D02E4901E0B4A5D006451C7 /* Example-tvOSTests.xctest */; 559 | productType = "com.apple.product-type.bundle.unit-test"; 560 | }; 561 | /* End PBXNativeTarget section */ 562 | 563 | /* Begin PBXProject section */ 564 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 565 | isa = PBXProject; 566 | attributes = { 567 | LastUpgradeCheck = 0610; 568 | ORGANIZATIONNAME = Facebook; 569 | TargetAttributes = { 570 | 00E356ED1AD99517003FC87E = { 571 | CreatedOnToolsVersion = 6.2; 572 | TestTargetID = 13B07F861A680F5B00A75B9A; 573 | }; 574 | 2D02E47A1E0B4A5D006451C7 = { 575 | CreatedOnToolsVersion = 8.2.1; 576 | ProvisioningStyle = Automatic; 577 | }; 578 | 2D02E48F1E0B4A5D006451C7 = { 579 | CreatedOnToolsVersion = 8.2.1; 580 | ProvisioningStyle = Automatic; 581 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 582 | }; 583 | }; 584 | }; 585 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Example" */; 586 | compatibilityVersion = "Xcode 3.2"; 587 | developmentRegion = English; 588 | hasScannedForEncodings = 0; 589 | knownRegions = ( 590 | en, 591 | Base, 592 | ); 593 | mainGroup = 83CBB9F61A601CBA00E9B192; 594 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 595 | projectDirPath = ""; 596 | projectReferences = ( 597 | { 598 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 599 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 600 | }, 601 | { 602 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 603 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 604 | }, 605 | { 606 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 607 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 608 | }, 609 | { 610 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 611 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 612 | }, 613 | { 614 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 615 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 616 | }, 617 | { 618 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 619 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 620 | }, 621 | { 622 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 623 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 624 | }, 625 | { 626 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 627 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 628 | }, 629 | { 630 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 631 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 632 | }, 633 | { 634 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 635 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 636 | }, 637 | { 638 | ProductGroup = 146834001AC3E56700842450 /* Products */; 639 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 640 | }, 641 | ); 642 | projectRoot = ""; 643 | targets = ( 644 | 13B07F861A680F5B00A75B9A /* Example */, 645 | 00E356ED1AD99517003FC87E /* ExampleTests */, 646 | 2D02E47A1E0B4A5D006451C7 /* Example-tvOS */, 647 | 2D02E48F1E0B4A5D006451C7 /* Example-tvOSTests */, 648 | ); 649 | }; 650 | /* End PBXProject section */ 651 | 652 | /* Begin PBXReferenceProxy section */ 653 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 654 | isa = PBXReferenceProxy; 655 | fileType = archive.ar; 656 | path = libRCTActionSheet.a; 657 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 658 | sourceTree = BUILT_PRODUCTS_DIR; 659 | }; 660 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 661 | isa = PBXReferenceProxy; 662 | fileType = archive.ar; 663 | path = libRCTGeolocation.a; 664 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 665 | sourceTree = BUILT_PRODUCTS_DIR; 666 | }; 667 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 668 | isa = PBXReferenceProxy; 669 | fileType = archive.ar; 670 | path = libRCTImage.a; 671 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 672 | sourceTree = BUILT_PRODUCTS_DIR; 673 | }; 674 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 675 | isa = PBXReferenceProxy; 676 | fileType = archive.ar; 677 | path = libRCTNetwork.a; 678 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 679 | sourceTree = BUILT_PRODUCTS_DIR; 680 | }; 681 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 682 | isa = PBXReferenceProxy; 683 | fileType = archive.ar; 684 | path = libRCTVibration.a; 685 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 686 | sourceTree = BUILT_PRODUCTS_DIR; 687 | }; 688 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 689 | isa = PBXReferenceProxy; 690 | fileType = archive.ar; 691 | path = libRCTSettings.a; 692 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 693 | sourceTree = BUILT_PRODUCTS_DIR; 694 | }; 695 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 696 | isa = PBXReferenceProxy; 697 | fileType = archive.ar; 698 | path = libRCTWebSocket.a; 699 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 700 | sourceTree = BUILT_PRODUCTS_DIR; 701 | }; 702 | 146834041AC3E56700842450 /* libReact.a */ = { 703 | isa = PBXReferenceProxy; 704 | fileType = archive.ar; 705 | path = libReact.a; 706 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 707 | sourceTree = BUILT_PRODUCTS_DIR; 708 | }; 709 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 710 | isa = PBXReferenceProxy; 711 | fileType = archive.ar; 712 | path = "libRCTImage-tvOS.a"; 713 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 714 | sourceTree = BUILT_PRODUCTS_DIR; 715 | }; 716 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 717 | isa = PBXReferenceProxy; 718 | fileType = archive.ar; 719 | path = "libRCTLinking-tvOS.a"; 720 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 721 | sourceTree = BUILT_PRODUCTS_DIR; 722 | }; 723 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 724 | isa = PBXReferenceProxy; 725 | fileType = archive.ar; 726 | path = "libRCTNetwork-tvOS.a"; 727 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 728 | sourceTree = BUILT_PRODUCTS_DIR; 729 | }; 730 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 731 | isa = PBXReferenceProxy; 732 | fileType = archive.ar; 733 | path = "libRCTSettings-tvOS.a"; 734 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 735 | sourceTree = BUILT_PRODUCTS_DIR; 736 | }; 737 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 738 | isa = PBXReferenceProxy; 739 | fileType = archive.ar; 740 | path = "libRCTText-tvOS.a"; 741 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 742 | sourceTree = BUILT_PRODUCTS_DIR; 743 | }; 744 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 745 | isa = PBXReferenceProxy; 746 | fileType = archive.ar; 747 | path = "libRCTWebSocket-tvOS.a"; 748 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 749 | sourceTree = BUILT_PRODUCTS_DIR; 750 | }; 751 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 752 | isa = PBXReferenceProxy; 753 | fileType = archive.ar; 754 | path = libReact.a; 755 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 756 | sourceTree = BUILT_PRODUCTS_DIR; 757 | }; 758 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 759 | isa = PBXReferenceProxy; 760 | fileType = archive.ar; 761 | path = libyoga.a; 762 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 763 | sourceTree = BUILT_PRODUCTS_DIR; 764 | }; 765 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 766 | isa = PBXReferenceProxy; 767 | fileType = archive.ar; 768 | path = libyoga.a; 769 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 770 | sourceTree = BUILT_PRODUCTS_DIR; 771 | }; 772 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 773 | isa = PBXReferenceProxy; 774 | fileType = archive.ar; 775 | path = libcxxreact.a; 776 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 777 | sourceTree = BUILT_PRODUCTS_DIR; 778 | }; 779 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 780 | isa = PBXReferenceProxy; 781 | fileType = archive.ar; 782 | path = libcxxreact.a; 783 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 784 | sourceTree = BUILT_PRODUCTS_DIR; 785 | }; 786 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 787 | isa = PBXReferenceProxy; 788 | fileType = archive.ar; 789 | path = libjschelpers.a; 790 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 791 | sourceTree = BUILT_PRODUCTS_DIR; 792 | }; 793 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 794 | isa = PBXReferenceProxy; 795 | fileType = archive.ar; 796 | path = libjschelpers.a; 797 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 798 | sourceTree = BUILT_PRODUCTS_DIR; 799 | }; 800 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 801 | isa = PBXReferenceProxy; 802 | fileType = archive.ar; 803 | path = libRCTAnimation.a; 804 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 805 | sourceTree = BUILT_PRODUCTS_DIR; 806 | }; 807 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 808 | isa = PBXReferenceProxy; 809 | fileType = archive.ar; 810 | path = "libRCTAnimation-tvOS.a"; 811 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 812 | sourceTree = BUILT_PRODUCTS_DIR; 813 | }; 814 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 815 | isa = PBXReferenceProxy; 816 | fileType = archive.ar; 817 | path = libRCTLinking.a; 818 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 819 | sourceTree = BUILT_PRODUCTS_DIR; 820 | }; 821 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 822 | isa = PBXReferenceProxy; 823 | fileType = archive.ar; 824 | path = libRCTText.a; 825 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 826 | sourceTree = BUILT_PRODUCTS_DIR; 827 | }; 828 | /* End PBXReferenceProxy section */ 829 | 830 | /* Begin PBXResourcesBuildPhase section */ 831 | 00E356EC1AD99517003FC87E /* Resources */ = { 832 | isa = PBXResourcesBuildPhase; 833 | buildActionMask = 2147483647; 834 | files = ( 835 | ); 836 | runOnlyForDeploymentPostprocessing = 0; 837 | }; 838 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 839 | isa = PBXResourcesBuildPhase; 840 | buildActionMask = 2147483647; 841 | files = ( 842 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 843 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 844 | ); 845 | runOnlyForDeploymentPostprocessing = 0; 846 | }; 847 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 848 | isa = PBXResourcesBuildPhase; 849 | buildActionMask = 2147483647; 850 | files = ( 851 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 852 | ); 853 | runOnlyForDeploymentPostprocessing = 0; 854 | }; 855 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 856 | isa = PBXResourcesBuildPhase; 857 | buildActionMask = 2147483647; 858 | files = ( 859 | ); 860 | runOnlyForDeploymentPostprocessing = 0; 861 | }; 862 | /* End PBXResourcesBuildPhase section */ 863 | 864 | /* Begin PBXShellScriptBuildPhase section */ 865 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 866 | isa = PBXShellScriptBuildPhase; 867 | buildActionMask = 2147483647; 868 | files = ( 869 | ); 870 | inputPaths = ( 871 | ); 872 | name = "Bundle React Native code and images"; 873 | outputPaths = ( 874 | ); 875 | runOnlyForDeploymentPostprocessing = 0; 876 | shellPath = /bin/sh; 877 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 878 | }; 879 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 880 | isa = PBXShellScriptBuildPhase; 881 | buildActionMask = 2147483647; 882 | files = ( 883 | ); 884 | inputPaths = ( 885 | ); 886 | name = "Bundle React Native Code And Images"; 887 | outputPaths = ( 888 | ); 889 | runOnlyForDeploymentPostprocessing = 0; 890 | shellPath = /bin/sh; 891 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 892 | }; 893 | /* End PBXShellScriptBuildPhase section */ 894 | 895 | /* Begin PBXSourcesBuildPhase section */ 896 | 00E356EA1AD99517003FC87E /* Sources */ = { 897 | isa = PBXSourcesBuildPhase; 898 | buildActionMask = 2147483647; 899 | files = ( 900 | 00E356F31AD99517003FC87E /* ExampleTests.m in Sources */, 901 | ); 902 | runOnlyForDeploymentPostprocessing = 0; 903 | }; 904 | 13B07F871A680F5B00A75B9A /* Sources */ = { 905 | isa = PBXSourcesBuildPhase; 906 | buildActionMask = 2147483647; 907 | files = ( 908 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 909 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 910 | ); 911 | runOnlyForDeploymentPostprocessing = 0; 912 | }; 913 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 914 | isa = PBXSourcesBuildPhase; 915 | buildActionMask = 2147483647; 916 | files = ( 917 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 918 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 919 | ); 920 | runOnlyForDeploymentPostprocessing = 0; 921 | }; 922 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 923 | isa = PBXSourcesBuildPhase; 924 | buildActionMask = 2147483647; 925 | files = ( 926 | 2DCD954D1E0B4F2C00145EB5 /* ExampleTests.m in Sources */, 927 | ); 928 | runOnlyForDeploymentPostprocessing = 0; 929 | }; 930 | /* End PBXSourcesBuildPhase section */ 931 | 932 | /* Begin PBXTargetDependency section */ 933 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 934 | isa = PBXTargetDependency; 935 | target = 13B07F861A680F5B00A75B9A /* Example */; 936 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 937 | }; 938 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 939 | isa = PBXTargetDependency; 940 | target = 2D02E47A1E0B4A5D006451C7 /* Example-tvOS */; 941 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 942 | }; 943 | /* End PBXTargetDependency section */ 944 | 945 | /* Begin PBXVariantGroup section */ 946 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 947 | isa = PBXVariantGroup; 948 | children = ( 949 | 13B07FB21A68108700A75B9A /* Base */, 950 | ); 951 | name = LaunchScreen.xib; 952 | path = Example; 953 | sourceTree = ""; 954 | }; 955 | /* End PBXVariantGroup section */ 956 | 957 | /* Begin XCBuildConfiguration section */ 958 | 00E356F61AD99517003FC87E /* Debug */ = { 959 | isa = XCBuildConfiguration; 960 | buildSettings = { 961 | BUNDLE_LOADER = "$(TEST_HOST)"; 962 | GCC_PREPROCESSOR_DEFINITIONS = ( 963 | "DEBUG=1", 964 | "$(inherited)", 965 | ); 966 | INFOPLIST_FILE = ExampleTests/Info.plist; 967 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 968 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 969 | OTHER_LDFLAGS = ( 970 | "-ObjC", 971 | "-lc++", 972 | ); 973 | PRODUCT_NAME = "$(TARGET_NAME)"; 974 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example.app/Example"; 975 | }; 976 | name = Debug; 977 | }; 978 | 00E356F71AD99517003FC87E /* Release */ = { 979 | isa = XCBuildConfiguration; 980 | buildSettings = { 981 | BUNDLE_LOADER = "$(TEST_HOST)"; 982 | COPY_PHASE_STRIP = NO; 983 | INFOPLIST_FILE = ExampleTests/Info.plist; 984 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 985 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 986 | OTHER_LDFLAGS = ( 987 | "-ObjC", 988 | "-lc++", 989 | ); 990 | PRODUCT_NAME = "$(TARGET_NAME)"; 991 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example.app/Example"; 992 | }; 993 | name = Release; 994 | }; 995 | 13B07F941A680F5B00A75B9A /* Debug */ = { 996 | isa = XCBuildConfiguration; 997 | buildSettings = { 998 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 999 | CURRENT_PROJECT_VERSION = 1; 1000 | DEAD_CODE_STRIPPING = NO; 1001 | INFOPLIST_FILE = Example/Info.plist; 1002 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1003 | OTHER_LDFLAGS = ( 1004 | "$(inherited)", 1005 | "-ObjC", 1006 | "-lc++", 1007 | ); 1008 | PRODUCT_NAME = Example; 1009 | VERSIONING_SYSTEM = "apple-generic"; 1010 | }; 1011 | name = Debug; 1012 | }; 1013 | 13B07F951A680F5B00A75B9A /* Release */ = { 1014 | isa = XCBuildConfiguration; 1015 | buildSettings = { 1016 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1017 | CURRENT_PROJECT_VERSION = 1; 1018 | INFOPLIST_FILE = Example/Info.plist; 1019 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1020 | OTHER_LDFLAGS = ( 1021 | "$(inherited)", 1022 | "-ObjC", 1023 | "-lc++", 1024 | ); 1025 | PRODUCT_NAME = Example; 1026 | VERSIONING_SYSTEM = "apple-generic"; 1027 | }; 1028 | name = Release; 1029 | }; 1030 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 1031 | isa = XCBuildConfiguration; 1032 | buildSettings = { 1033 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1034 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1035 | CLANG_ANALYZER_NONNULL = YES; 1036 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1037 | CLANG_WARN_INFINITE_RECURSION = YES; 1038 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1039 | DEBUG_INFORMATION_FORMAT = dwarf; 1040 | ENABLE_TESTABILITY = YES; 1041 | GCC_NO_COMMON_BLOCKS = YES; 1042 | INFOPLIST_FILE = "Example-tvOS/Info.plist"; 1043 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1044 | OTHER_LDFLAGS = ( 1045 | "-ObjC", 1046 | "-lc++", 1047 | ); 1048 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOS"; 1049 | PRODUCT_NAME = "$(TARGET_NAME)"; 1050 | SDKROOT = appletvos; 1051 | TARGETED_DEVICE_FAMILY = 3; 1052 | TVOS_DEPLOYMENT_TARGET = 9.2; 1053 | }; 1054 | name = Debug; 1055 | }; 1056 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 1057 | isa = XCBuildConfiguration; 1058 | buildSettings = { 1059 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1060 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1061 | CLANG_ANALYZER_NONNULL = YES; 1062 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1063 | CLANG_WARN_INFINITE_RECURSION = YES; 1064 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1065 | COPY_PHASE_STRIP = NO; 1066 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1067 | GCC_NO_COMMON_BLOCKS = YES; 1068 | INFOPLIST_FILE = "Example-tvOS/Info.plist"; 1069 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1070 | OTHER_LDFLAGS = ( 1071 | "-ObjC", 1072 | "-lc++", 1073 | ); 1074 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOS"; 1075 | PRODUCT_NAME = "$(TARGET_NAME)"; 1076 | SDKROOT = appletvos; 1077 | TARGETED_DEVICE_FAMILY = 3; 1078 | TVOS_DEPLOYMENT_TARGET = 9.2; 1079 | }; 1080 | name = Release; 1081 | }; 1082 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 1083 | isa = XCBuildConfiguration; 1084 | buildSettings = { 1085 | BUNDLE_LOADER = "$(TEST_HOST)"; 1086 | CLANG_ANALYZER_NONNULL = YES; 1087 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1088 | CLANG_WARN_INFINITE_RECURSION = YES; 1089 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1090 | DEBUG_INFORMATION_FORMAT = dwarf; 1091 | ENABLE_TESTABILITY = YES; 1092 | GCC_NO_COMMON_BLOCKS = YES; 1093 | INFOPLIST_FILE = "Example-tvOSTests/Info.plist"; 1094 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1095 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOSTests"; 1096 | PRODUCT_NAME = "$(TARGET_NAME)"; 1097 | SDKROOT = appletvos; 1098 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example-tvOS.app/Example-tvOS"; 1099 | TVOS_DEPLOYMENT_TARGET = 10.1; 1100 | }; 1101 | name = Debug; 1102 | }; 1103 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 1104 | isa = XCBuildConfiguration; 1105 | buildSettings = { 1106 | BUNDLE_LOADER = "$(TEST_HOST)"; 1107 | CLANG_ANALYZER_NONNULL = YES; 1108 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1109 | CLANG_WARN_INFINITE_RECURSION = YES; 1110 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1111 | COPY_PHASE_STRIP = NO; 1112 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1113 | GCC_NO_COMMON_BLOCKS = YES; 1114 | INFOPLIST_FILE = "Example-tvOSTests/Info.plist"; 1115 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1116 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOSTests"; 1117 | PRODUCT_NAME = "$(TARGET_NAME)"; 1118 | SDKROOT = appletvos; 1119 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example-tvOS.app/Example-tvOS"; 1120 | TVOS_DEPLOYMENT_TARGET = 10.1; 1121 | }; 1122 | name = Release; 1123 | }; 1124 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 1125 | isa = XCBuildConfiguration; 1126 | buildSettings = { 1127 | ALWAYS_SEARCH_USER_PATHS = NO; 1128 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1129 | CLANG_CXX_LIBRARY = "libc++"; 1130 | CLANG_ENABLE_MODULES = YES; 1131 | CLANG_ENABLE_OBJC_ARC = YES; 1132 | CLANG_WARN_BOOL_CONVERSION = YES; 1133 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1134 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1135 | CLANG_WARN_EMPTY_BODY = YES; 1136 | CLANG_WARN_ENUM_CONVERSION = YES; 1137 | CLANG_WARN_INT_CONVERSION = YES; 1138 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1139 | CLANG_WARN_UNREACHABLE_CODE = YES; 1140 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1141 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1142 | COPY_PHASE_STRIP = NO; 1143 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1144 | GCC_C_LANGUAGE_STANDARD = gnu99; 1145 | GCC_DYNAMIC_NO_PIC = NO; 1146 | GCC_OPTIMIZATION_LEVEL = 0; 1147 | GCC_PREPROCESSOR_DEFINITIONS = ( 1148 | "DEBUG=1", 1149 | "$(inherited)", 1150 | ); 1151 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 1152 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1153 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1154 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1155 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1156 | GCC_WARN_UNUSED_FUNCTION = YES; 1157 | GCC_WARN_UNUSED_VARIABLE = YES; 1158 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1159 | MTL_ENABLE_DEBUG_INFO = YES; 1160 | ONLY_ACTIVE_ARCH = YES; 1161 | SDKROOT = iphoneos; 1162 | }; 1163 | name = Debug; 1164 | }; 1165 | 83CBBA211A601CBA00E9B192 /* Release */ = { 1166 | isa = XCBuildConfiguration; 1167 | buildSettings = { 1168 | ALWAYS_SEARCH_USER_PATHS = NO; 1169 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1170 | CLANG_CXX_LIBRARY = "libc++"; 1171 | CLANG_ENABLE_MODULES = YES; 1172 | CLANG_ENABLE_OBJC_ARC = YES; 1173 | CLANG_WARN_BOOL_CONVERSION = YES; 1174 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1175 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1176 | CLANG_WARN_EMPTY_BODY = YES; 1177 | CLANG_WARN_ENUM_CONVERSION = YES; 1178 | CLANG_WARN_INT_CONVERSION = YES; 1179 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1180 | CLANG_WARN_UNREACHABLE_CODE = YES; 1181 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1182 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1183 | COPY_PHASE_STRIP = YES; 1184 | ENABLE_NS_ASSERTIONS = NO; 1185 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1186 | GCC_C_LANGUAGE_STANDARD = gnu99; 1187 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1188 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1189 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1190 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1191 | GCC_WARN_UNUSED_FUNCTION = YES; 1192 | GCC_WARN_UNUSED_VARIABLE = YES; 1193 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1194 | MTL_ENABLE_DEBUG_INFO = NO; 1195 | SDKROOT = iphoneos; 1196 | VALIDATE_PRODUCT = YES; 1197 | }; 1198 | name = Release; 1199 | }; 1200 | /* End XCBuildConfiguration section */ 1201 | 1202 | /* Begin XCConfigurationList section */ 1203 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "ExampleTests" */ = { 1204 | isa = XCConfigurationList; 1205 | buildConfigurations = ( 1206 | 00E356F61AD99517003FC87E /* Debug */, 1207 | 00E356F71AD99517003FC87E /* Release */, 1208 | ); 1209 | defaultConfigurationIsVisible = 0; 1210 | defaultConfigurationName = Release; 1211 | }; 1212 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Example" */ = { 1213 | isa = XCConfigurationList; 1214 | buildConfigurations = ( 1215 | 13B07F941A680F5B00A75B9A /* Debug */, 1216 | 13B07F951A680F5B00A75B9A /* Release */, 1217 | ); 1218 | defaultConfigurationIsVisible = 0; 1219 | defaultConfigurationName = Release; 1220 | }; 1221 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOS" */ = { 1222 | isa = XCConfigurationList; 1223 | buildConfigurations = ( 1224 | 2D02E4971E0B4A5E006451C7 /* Debug */, 1225 | 2D02E4981E0B4A5E006451C7 /* Release */, 1226 | ); 1227 | defaultConfigurationIsVisible = 0; 1228 | defaultConfigurationName = Release; 1229 | }; 1230 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOSTests" */ = { 1231 | isa = XCConfigurationList; 1232 | buildConfigurations = ( 1233 | 2D02E4991E0B4A5E006451C7 /* Debug */, 1234 | 2D02E49A1E0B4A5E006451C7 /* Release */, 1235 | ); 1236 | defaultConfigurationIsVisible = 0; 1237 | defaultConfigurationName = Release; 1238 | }; 1239 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Example" */ = { 1240 | isa = XCConfigurationList; 1241 | buildConfigurations = ( 1242 | 83CBBA201A601CBA00E9B192 /* Debug */, 1243 | 83CBBA211A601CBA00E9B192 /* Release */, 1244 | ); 1245 | defaultConfigurationIsVisible = 0; 1246 | defaultConfigurationName = Release; 1247 | }; 1248 | /* End XCConfigurationList section */ 1249 | }; 1250 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1251 | } 1252 | --------------------------------------------------------------------------------