├── .npmignore ├── Example ├── .watchmanconfig ├── .gitattributes ├── .babelrc ├── app.json ├── android │ ├── 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 │ │ │ │ ├── assets │ │ │ │ └── fonts │ │ │ │ │ ├── Entypo.ttf │ │ │ │ │ ├── Feather.ttf │ │ │ │ │ ├── Ionicons.ttf │ │ │ │ │ ├── Octicons.ttf │ │ │ │ │ ├── Zocial.ttf │ │ │ │ │ ├── EvilIcons.ttf │ │ │ │ │ ├── Foundation.ttf │ │ │ │ │ ├── FontAwesome.ttf │ │ │ │ │ ├── MaterialIcons.ttf │ │ │ │ │ ├── SimpleLineIcons.ttf │ │ │ │ │ └── MaterialCommunityIcons.ttf │ │ │ │ ├── java │ │ │ │ └── com │ │ │ │ │ └── example │ │ │ │ │ ├── MainActivity.java │ │ │ │ │ └── MainApplication.java │ │ │ │ └── AndroidManifest.xml │ │ ├── BUCK │ │ ├── proguard-rules.pro │ │ └── build.gradle │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── keystores │ │ ├── debug.keystore.properties │ │ └── BUCK │ ├── settings.gradle │ ├── build.gradle │ ├── gradle.properties │ ├── gradlew.bat │ └── gradlew ├── .buckconfig ├── index.ios.js ├── index.android.js ├── __tests__ │ ├── index.ios.js │ └── index.android.js ├── SimpleExample.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 ├── ScrollableTabsExample.js ├── package.json ├── .gitignore ├── .flowconfig ├── OverlayExample.js ├── FacebookExample.js ├── DynamicExample.js ├── FacebookTabBar.js └── index.js ├── .gitignore ├── Button.ios.js ├── StaticContainer.js ├── Button.android.js ├── SceneComponent.js ├── package.json ├── DefaultTabBar.js ├── README.md ├── ScrollableTabBar.js ├── .eslintrc └── index.js /.npmignore: -------------------------------------------------------------------------------- 1 | Example 2 | -------------------------------------------------------------------------------- /Example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /Example/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /Example/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /Example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Example", 3 | "displayName": "Example" 4 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .project 2 | npm-debug.log 3 | node_modules/ 4 | .idea/ 5 | .reploy 6 | .DS_Store 7 | -------------------------------------------------------------------------------- /Example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Example 3 | 4 | -------------------------------------------------------------------------------- /Example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /Example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /Example/android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /Example/index.ios.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry, } from 'react-native'; 2 | import Example from './index.js'; 3 | 4 | AppRegistry.registerComponent('Example', () => Example); 5 | -------------------------------------------------------------------------------- /Example/index.android.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry, } from 'react-native'; 2 | import Example from './index.js'; 3 | 4 | AppRegistry.registerComponent('Example', () => Example); 5 | -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/Entypo.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/Entypo.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/Feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/Feather.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/Ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/Ionicons.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/Octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/Octicons.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/Zocial.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/Zocial.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/EvilIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/EvilIcons.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/Foundation.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/Foundation.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/FontAwesome.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/FontAwesome.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/MaterialIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/MaterialIcons.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/SimpleLineIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/SimpleLineIcons.ttf -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Example/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rijn/react-native-scrollable-tab-view/master/Example/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf -------------------------------------------------------------------------------- /Example/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = "debug", 3 | properties = "debug.keystore.properties", 4 | store = "debug.keystore", 5 | visibility = [ 6 | "PUBLIC", 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /Example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'Example' 2 | include ':react-native-vector-icons' 3 | project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android') 4 | 5 | include ':app' 6 | -------------------------------------------------------------------------------- /Example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /Button.ios.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const ReactNative = require('react-native'); 3 | const { 4 | TouchableOpacity, 5 | View, 6 | } = ReactNative; 7 | 8 | const Button = (props) => { 9 | return 10 | {props.children} 11 | ; 12 | }; 13 | 14 | module.exports = Button; 15 | -------------------------------------------------------------------------------- /Example/__tests__/index.ios.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.ios.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /Example/__tests__/index.android.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.android.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /Example/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 | -------------------------------------------------------------------------------- /StaticContainer.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | 3 | class StaticContainer extends React.Component { 4 | 5 | shouldComponentUpdate(nextProps: Object): boolean { 6 | return !!nextProps.shouldUpdate; 7 | } 8 | 9 | render(): ?ReactElement { 10 | var child = this.props.children; 11 | if (child === null || child === false) { 12 | return null; 13 | } 14 | return React.Children.only(child); 15 | } 16 | 17 | } 18 | 19 | module.exports = StaticContainer; 20 | -------------------------------------------------------------------------------- /Button.android.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const ReactNative = require('react-native'); 3 | const { 4 | TouchableNativeFeedback, 5 | View, 6 | } = ReactNative; 7 | 8 | const Button = (props) => { 9 | return 14 | {props.children} 15 | ; 16 | }; 17 | 18 | module.exports = Button; 19 | -------------------------------------------------------------------------------- /SceneComponent.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const ReactNative = require('react-native'); 3 | const {Component } = React; 4 | const {View, StyleSheet } = ReactNative; 5 | 6 | const StaticContainer = require('./StaticContainer'); 7 | 8 | const SceneComponent = (Props) => { 9 | const {shouldUpdated, ...props} = Props; 10 | return 11 | 12 | {props.children} 13 | 14 | ; 15 | }; 16 | 17 | module.exports = SceneComponent; 18 | -------------------------------------------------------------------------------- /Example/SimpleExample.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Text, 4 | } from 'react-native'; 5 | 6 | import ScrollableTabView, {DefaultTabBar, } from 'react-native-scrollable-tab-view'; 7 | 8 | export default () => { 9 | return } 13 | > 14 | My 15 | favorite 16 | project 17 | ; 18 | } 19 | -------------------------------------------------------------------------------- /Example/ios/Example/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /Example/ios/Example/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Example/ScrollableTabsExample.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Text, 4 | View, 5 | } from 'react-native'; 6 | 7 | import ScrollableTabView, { ScrollableTabBar, } from 'react-native-scrollable-tab-view'; 8 | 9 | export default () => { 10 | return } 14 | > 15 | My 16 | favorite 17 | project 18 | favorite 19 | project 20 | ; 21 | } 22 | -------------------------------------------------------------------------------- /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 | "create-react-class": "^15.6.2", 11 | "react": "16.0.0", 12 | "react-native": "0.48.4", 13 | "react-native-scrollable-tab-view": "file:../", 14 | "react-native-vector-icons": "^4.4.0", 15 | "react-navigation": "^1.0.0-beta.13" 16 | }, 17 | "devDependencies": { 18 | "babel-jest": "21.2.0", 19 | "babel-preset-react-native": "4.0.0", 20 | "jest": "21.2.1", 21 | "react-test-renderer": "16.0.0" 22 | }, 23 | "jest": { 24 | "preset": "react-native" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /Example/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:2.2.3' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /Example/ios/Example/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /Example/ios/ExampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /Example/ios/Example-tvOSTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /Example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /Example/.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 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-scrollable-tab-view", 3 | "version": "0.8.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "lint": "eslint -c .eslintrc . --ignore-path .gitignore", 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/brentvatne/react-native-scrollable-tab-view.git" 13 | }, 14 | "keywords": [ 15 | "react-native-component", 16 | "react-component", 17 | "react-native", 18 | "ios", 19 | "tab", 20 | "scrollable" 21 | ], 22 | "author": "Brent Vatne", 23 | "license": "MIT", 24 | "bugs": { 25 | "url": "https://github.com/brentvatne/react-native-scrollable-tab-view/issues" 26 | }, 27 | "peerDependencies": { 28 | "react-native": ">=0.20.0" 29 | }, 30 | "homepage": "https://github.com/brentvatne/react-native-scrollable-tab-view#readme", 31 | "dependencies": { 32 | "react-timer-mixin": "^0.13.3", 33 | "prop-types": "^15.6.0", 34 | "create-react-class": "^15.6.2" 35 | }, 36 | "devDependencies": { 37 | "babel-eslint": "^6.1.2", 38 | "eslint": "^3.1.1" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /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.oblador.vectoricons.VectorIconsPackage; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.shell.MainReactPackage; 10 | import com.facebook.soloader.SoLoader; 11 | 12 | import java.util.Arrays; 13 | import java.util.List; 14 | 15 | public class MainApplication extends Application implements ReactApplication { 16 | 17 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 18 | @Override 19 | public boolean getUseDeveloperSupport() { 20 | return BuildConfig.DEBUG; 21 | } 22 | 23 | @Override 24 | protected List getPackages() { 25 | return Arrays.asList( 26 | new MainReactPackage(), 27 | new VectorIconsPackage() 28 | ); 29 | } 30 | }; 31 | 32 | @Override 33 | public ReactNativeHost getReactNativeHost() { 34 | return mReactNativeHost; 35 | } 36 | 37 | @Override 38 | public void onCreate() { 39 | super.onCreate(); 40 | SoLoader.init(this, /* native exopackage */ false); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /Example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /Example/ios/Example/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"Example" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /Example/.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 | munge_underscores=true 30 | 31 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 32 | 33 | suppress_type=$FlowIssue 34 | suppress_type=$FlowFixMe 35 | suppress_type=$FixMe 36 | 37 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-9]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 38 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-9]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 39 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 40 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 41 | 42 | unsafe.enable_getters_and_setters=true 43 | 44 | [version] 45 | ^0.49.1 46 | -------------------------------------------------------------------------------- /Example/OverlayExample.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | StyleSheet, 4 | ScrollView, 5 | } from 'react-native'; 6 | 7 | import ScrollableTabView, { DefaultTabBar, } from 'react-native-scrollable-tab-view'; 8 | import Icon from 'react-native-vector-icons/Ionicons'; 9 | 10 | // Using tabBarPosition='overlayTop' or 'overlayBottom' lets the content show through a 11 | // semitransparent tab bar. Note that if you build a custom tab bar component, its outer container 12 | // must consume a 'style' prop (e.g. { 14 | return } 17 | tabBarPosition='overlayTop' 18 | > 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | ; 31 | } 32 | 33 | const styles = StyleSheet.create({ 34 | container: { 35 | marginTop: 30, 36 | }, 37 | icon: { 38 | width: 300, 39 | height: 300, 40 | alignSelf: 'center', 41 | }, 42 | }); 43 | -------------------------------------------------------------------------------- /Example/ios/Example-tvOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /Example/android/app/BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | lib_deps = [] 12 | 13 | for jarfile in glob(['libs/*.jar']): 14 | name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')] 15 | lib_deps.append(':' + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | 21 | for aarfile in glob(['libs/*.aar']): 22 | name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')] 23 | lib_deps.append(':' + name) 24 | android_prebuilt_aar( 25 | name = name, 26 | aar = aarfile, 27 | ) 28 | 29 | android_library( 30 | name = "all-libs", 31 | exported_deps = lib_deps, 32 | ) 33 | 34 | android_library( 35 | name = "app-code", 36 | srcs = glob([ 37 | "src/main/java/**/*.java", 38 | ]), 39 | deps = [ 40 | ":all-libs", 41 | ":build_config", 42 | ":res", 43 | ], 44 | ) 45 | 46 | android_build_config( 47 | name = "build_config", 48 | package = "com.example", 49 | ) 50 | 51 | android_resource( 52 | name = "res", 53 | package = "com.example", 54 | res = "src/main/res", 55 | ) 56 | 57 | android_binary( 58 | name = "app", 59 | keystore = "//android/keystores:debug", 60 | manifest = "src/main/AndroidManifest.xml", 61 | package_type = "debug", 62 | deps = [ 63 | ":app-code", 64 | ], 65 | ) 66 | -------------------------------------------------------------------------------- /Example/FacebookExample.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | StyleSheet, 4 | Text, 5 | View, 6 | ScrollView, 7 | } from 'react-native'; 8 | 9 | import FacebookTabBar from './FacebookTabBar'; 10 | import ScrollableTabView from 'react-native-scrollable-tab-view'; 11 | 12 | export default () => { 13 | return } 17 | > 18 | 19 | 20 | News 21 | 22 | 23 | 24 | 25 | Friends 26 | 27 | 28 | 29 | 30 | Messenger 31 | 32 | 33 | 34 | 35 | Notifications 36 | 37 | 38 | 39 | 40 | Other nav 41 | 42 | 43 | ; 44 | } 45 | 46 | const styles = StyleSheet.create({ 47 | tabView: { 48 | flex: 1, 49 | padding: 10, 50 | backgroundColor: 'rgba(0,0,0,0.01)', 51 | }, 52 | card: { 53 | borderWidth: 1, 54 | backgroundColor: '#fff', 55 | borderColor: 'rgba(0,0,0,0.1)', 56 | margin: 5, 57 | height: 150, 58 | padding: 15, 59 | shadowColor: '#ccc', 60 | shadowOffset: { width: 2, height: 2, }, 61 | shadowOpacity: 0.5, 62 | shadowRadius: 3, 63 | }, 64 | }); 65 | -------------------------------------------------------------------------------- /Example/DynamicExample.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Text, 4 | TouchableHighlight, 5 | } from 'react-native'; 6 | import TimerMixin from 'react-timer-mixin'; 7 | import ScrollableTabView, { ScrollableTabBar, } from 'react-native-scrollable-tab-view'; 8 | import createReactClass from 'create-react-class'; 9 | 10 | const Child = createReactClass({ 11 | onEnter() { 12 | console.log('enter: ' + this.props.i); // eslint-disable-line no-console 13 | }, 14 | 15 | onLeave() { 16 | console.log('leave: ' + this.props.i); // eslint-disable-line no-console 17 | }, 18 | 19 | render() { 20 | const i = this.props.i; 21 | return {`tab${i}`}; 22 | }, 23 | }); 24 | 25 | export default createReactClass({ 26 | mixins: [TimerMixin, ], 27 | children: [], 28 | 29 | getInitialState() { 30 | return { 31 | tabs: [1, 2], 32 | }; 33 | }, 34 | 35 | componentDidMount() { 36 | this.setTimeout( 37 | () => { this.setState({ tabs: [1, 2, 3, 4, 5, 6, ], }); }, 38 | 100 39 | ); 40 | }, 41 | 42 | handleChangeTab({i, ref, from, }) { 43 | this.children[i].onEnter(); 44 | this.children[from].onLeave(); 45 | }, 46 | 47 | renderTab(name, page, isTabActive, onPressHandler, onLayoutHandler) { 48 | return onPressHandler(page)} 51 | onLayout={onLayoutHandler} 52 | style={{flex: 1, width: 100, }} 53 | underlayColor="#aaaaaa" 54 | > 55 | {name} 56 | ; 57 | }, 58 | 59 | render() { 60 | return } 63 | onChangeTab={this.handleChangeTab} 64 | > 65 | {this.state.tabs.map((tab, i) => { 66 | return (this.children[i] = ref)} 68 | tabLabel={`tab${i}`} 69 | i={i} 70 | key={i} 71 | />; 72 | })} 73 | ; 74 | }, 75 | }); 76 | -------------------------------------------------------------------------------- /Example/FacebookTabBar.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | StyleSheet, 4 | Text, 5 | View, 6 | TouchableOpacity, 7 | } from 'react-native'; 8 | import Icon from 'react-native-vector-icons/Ionicons'; 9 | 10 | class FacebookTabBar extends React.Component { 11 | icons = []; 12 | 13 | constructor(props) { 14 | super(props); 15 | this.icons = []; 16 | } 17 | 18 | componentDidMount() { 19 | this._listener = this.props.scrollValue.addListener(this.setAnimationValue.bind(this)); 20 | } 21 | 22 | setAnimationValue({ value, }) { 23 | this.icons.forEach((icon, i) => { 24 | const progress = (value - i >= 0 && value - i <= 1) ? value - i : 1; 25 | icon.setNativeProps({ 26 | style: { 27 | color: this.iconColor(progress), 28 | }, 29 | }); 30 | }); 31 | } 32 | 33 | //color between rgb(59,89,152) and rgb(204,204,204) 34 | iconColor(progress) { 35 | const red = 59 + (204 - 59) * progress; 36 | const green = 89 + (204 - 89) * progress; 37 | const blue = 152 + (204 - 152) * progress; 38 | return `rgb(${red}, ${green}, ${blue})`; 39 | } 40 | 41 | render() { 42 | return 43 | {this.props.tabs.map((tab, i) => { 44 | return this.props.goToPage(i)} style={styles.tab}> 45 | { this.icons[i] = icon; }} 50 | /> 51 | ; 52 | })} 53 | ; 54 | } 55 | } 56 | 57 | const styles = StyleSheet.create({ 58 | tab: { 59 | flex: 1, 60 | alignItems: 'center', 61 | justifyContent: 'center', 62 | paddingBottom: 10, 63 | }, 64 | tabs: { 65 | height: 45, 66 | flexDirection: 'row', 67 | paddingTop: 5, 68 | borderWidth: 1, 69 | borderTopWidth: 0, 70 | borderLeftWidth: 0, 71 | borderRightWidth: 0, 72 | borderBottomColor: 'rgba(0,0,0,0.05)', 73 | }, 74 | }); 75 | 76 | export default FacebookTabBar; 77 | -------------------------------------------------------------------------------- /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 | NSExceptionDomains 46 | 47 | localhost 48 | 49 | NSExceptionAllowsInsecureHTTPLoads 50 | 51 | 52 | 53 | 54 | UIAppFonts 55 | 56 | Entypo.ttf 57 | EvilIcons.ttf 58 | Feather.ttf 59 | FontAwesome.ttf 60 | Foundation.ttf 61 | Ionicons.ttf 62 | MaterialCommunityIcons.ttf 63 | MaterialIcons.ttf 64 | Octicons.ttf 65 | SimpleLineIcons.ttf 66 | Zocial.ttf 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /Example/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | StyleSheet, 4 | Text, 5 | View, 6 | ScrollView, 7 | TouchableOpacity, 8 | } from 'react-native'; 9 | import createReactClass from 'create-react-class'; 10 | import { StackNavigator } from 'react-navigation'; 11 | import SimpleExample from './SimpleExample'; 12 | import ScrollableTabsExample from './ScrollableTabsExample'; 13 | import OverlayExample from './OverlayExample'; 14 | import FacebookExample from './FacebookExample'; 15 | import DynamicExample from './DynamicExample'; 16 | 17 | const HomeScreen = createReactClass({ 18 | navigationOptions: { 19 | title: 'Welcome', 20 | }, 21 | 22 | render() { 23 | const { navigate } = this.props.navigation; 24 | 25 | return 26 | navigate('Simple')} 29 | > 30 | Simple example 31 | 32 | 33 | navigate('Scrollable')} 36 | > 37 | Scrollable tabs example 38 | 39 | 40 | navigate('Overlay')} 43 | > 44 | Overlay example 45 | 46 | 47 | navigate('Facebook')} 50 | > 51 | Facebook tabs example 52 | 53 | 54 | navigate('Dynamic')} 57 | > 58 | Dynamic tabs example 59 | 60 | ; 61 | }, 62 | }); 63 | 64 | const App = StackNavigator({ 65 | Home: { screen: HomeScreen }, 66 | Simple: { screen: SimpleExample }, 67 | Scrollable: { screen: ScrollableTabsExample }, 68 | Overlay: { screen: OverlayExample }, 69 | Facebook: { screen: FacebookExample }, 70 | Dynamic: { screen: DynamicExample }, 71 | }); 72 | 73 | export default App; 74 | 75 | const styles = StyleSheet.create({ 76 | container: { 77 | flex: 1, 78 | marginTop: 30, 79 | alignItems: 'center', 80 | }, 81 | button: { 82 | padding: 10, 83 | }, 84 | }); 85 | -------------------------------------------------------------------------------- /Example/ios/ExampleTests/ExampleTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface ExampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation ExampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /Example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /Example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # TextLayoutBuilder uses a non-public Android constructor within StaticLayout. 54 | # See libs/proxy/src/main/java/com/facebook/fbui/textlayoutbuilder/proxy for details. 55 | -dontwarn android.text.StaticLayout 56 | 57 | # okhttp 58 | 59 | -keepattributes Signature 60 | -keepattributes *Annotation* 61 | -keep class okhttp3.** { *; } 62 | -keep interface okhttp3.** { *; } 63 | -dontwarn okhttp3.** 64 | 65 | # okio 66 | 67 | -keep class sun.misc.Unsafe { *; } 68 | -dontwarn java.nio.file.* 69 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 70 | -dontwarn okio.** 71 | -------------------------------------------------------------------------------- /DefaultTabBar.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const { ViewPropTypes } = ReactNative = require('react-native'); 3 | const PropTypes = require('prop-types'); 4 | const createReactClass = require('create-react-class'); 5 | const { 6 | StyleSheet, 7 | Text, 8 | View, 9 | Animated, 10 | } = ReactNative; 11 | const Button = require('./Button'); 12 | 13 | const DefaultTabBar = createReactClass({ 14 | propTypes: { 15 | goToPage: PropTypes.func, 16 | activeTab: PropTypes.number, 17 | tabs: PropTypes.array, 18 | backgroundColor: PropTypes.string, 19 | activeTextColor: PropTypes.string, 20 | inactiveTextColor: PropTypes.string, 21 | textStyle: Text.propTypes.style, 22 | tabStyle: ViewPropTypes.style, 23 | renderTab: PropTypes.func, 24 | underlineStyle: ViewPropTypes.style, 25 | }, 26 | 27 | getDefaultProps() { 28 | return { 29 | activeTextColor: 'navy', 30 | inactiveTextColor: 'black', 31 | backgroundColor: null, 32 | }; 33 | }, 34 | 35 | renderTabOption(name, page) { 36 | }, 37 | 38 | renderTab(name, page, isTabActive, onPressHandler) { 39 | const { activeTextColor, inactiveTextColor, textStyle, } = this.props; 40 | const textColor = isTabActive ? activeTextColor : inactiveTextColor; 41 | const fontWeight = isTabActive ? 'bold' : 'normal'; 42 | 43 | return ; 57 | }, 58 | 59 | render() { 60 | const containerWidth = this.props.containerWidth; 61 | const numberOfTabs = this.props.tabs.length; 62 | const tabUnderlineStyle = { 63 | position: 'absolute', 64 | width: containerWidth / numberOfTabs, 65 | height: 4, 66 | backgroundColor: 'navy', 67 | bottom: 0, 68 | }; 69 | 70 | const translateX = this.props.scrollValue.interpolate({ 71 | inputRange: [0, 1], 72 | outputRange: [0, containerWidth / numberOfTabs], 73 | }); 74 | return ( 75 | 76 | {this.props.tabs.map((name, page) => { 77 | const isTabActive = this.props.activeTab === page; 78 | const renderTab = this.props.renderTab || this.renderTab; 79 | return renderTab(name, page, isTabActive, this.props.goToPage); 80 | })} 81 | 92 | 93 | ); 94 | }, 95 | }); 96 | 97 | const styles = StyleSheet.create({ 98 | tab: { 99 | flex: 1, 100 | alignItems: 'center', 101 | justifyContent: 'center', 102 | paddingBottom: 10, 103 | }, 104 | tabs: { 105 | height: 50, 106 | flexDirection: 'row', 107 | justifyContent: 'space-around', 108 | borderWidth: 1, 109 | borderTopWidth: 0, 110 | borderLeftWidth: 0, 111 | borderRightWidth: 0, 112 | borderColor: '#ccc', 113 | }, 114 | }); 115 | 116 | module.exports = DefaultTabBar; 117 | -------------------------------------------------------------------------------- /Example/ios/Example/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /Example/ios/Example.xcodeproj/xcshareddata/xcschemes/Example.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /Example/ios/Example.xcodeproj/xcshareddata/xcschemes/Example-tvOS.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /Example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /Example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 37 | * // for example: to disable dev mode in the staging build type (if configured) 38 | * devDisabledInStaging: true, 39 | * // The configuration property can be in the following formats 40 | * // 'devDisabledIn${productFlavor}${buildType}' 41 | * // 'devDisabledIn${buildType}' 42 | * 43 | * // the root of your project, i.e. where "package.json" lives 44 | * root: "../../", 45 | * 46 | * // where to put the JS bundle asset in debug mode 47 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 48 | * 49 | * // where to put the JS bundle asset in release mode 50 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 51 | * 52 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 53 | * // require('./image.png')), in debug mode 54 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 55 | * 56 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 57 | * // require('./image.png')), in release mode 58 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 59 | * 60 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 61 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 62 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 63 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 64 | * // for example, you might want to remove it from here. 65 | * inputExcludes: ["android/**", "ios/**"], 66 | * 67 | * // override which node gets called and with what additional arguments 68 | * nodeExecutableAndArgs: ["node"], 69 | * 70 | * // supply additional arguments to the packager 71 | * extraPackagerArgs: [] 72 | * ] 73 | */ 74 | 75 | apply from: "../../node_modules/react-native/react.gradle" 76 | 77 | /** 78 | * Set this to true to create two separate APKs instead of one: 79 | * - An APK that only works on ARM devices 80 | * - An APK that only works on x86 devices 81 | * The advantage is the size of the APK is reduced by about 4MB. 82 | * Upload all the APKs to the Play Store and people will download 83 | * the correct one based on the CPU architecture of their device. 84 | */ 85 | def enableSeparateBuildPerCPUArchitecture = false 86 | 87 | /** 88 | * Run Proguard to shrink the Java bytecode in release builds. 89 | */ 90 | def enableProguardInReleaseBuilds = false 91 | 92 | android { 93 | compileSdkVersion 23 94 | buildToolsVersion "23.0.1" 95 | 96 | defaultConfig { 97 | applicationId "com.example" 98 | minSdkVersion 16 99 | targetSdkVersion 22 100 | versionCode 1 101 | versionName "1.0" 102 | ndk { 103 | abiFilters "armeabi-v7a", "x86" 104 | } 105 | } 106 | splits { 107 | abi { 108 | reset() 109 | enable enableSeparateBuildPerCPUArchitecture 110 | universalApk false // If true, also generate a universal APK 111 | include "armeabi-v7a", "x86" 112 | } 113 | } 114 | buildTypes { 115 | release { 116 | minifyEnabled enableProguardInReleaseBuilds 117 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 118 | } 119 | } 120 | // applicationVariants are e.g. debug, release 121 | applicationVariants.all { variant -> 122 | variant.outputs.each { output -> 123 | // For each separate APK per architecture, set a unique version code as described here: 124 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 125 | def versionCodes = ["armeabi-v7a":1, "x86":2] 126 | def abi = output.getFilter(OutputFile.ABI) 127 | if (abi != null) { // null for the universal-debug, universal-release variants 128 | output.versionCodeOverride = 129 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 130 | } 131 | } 132 | } 133 | } 134 | 135 | dependencies { 136 | compile project(':react-native-vector-icons') 137 | compile fileTree(dir: "libs", include: ["*.jar"]) 138 | compile "com.android.support:appcompat-v7:23.0.1" 139 | compile "com.facebook.react:react-native:+" // From node_modules 140 | } 141 | 142 | // Run this once to be able to run the application with BUCK 143 | // puts all compile dependencies into folder libs for BUCK to use 144 | task copyDownloadableDepsToLibs(type: Copy) { 145 | from configurations.compile 146 | into 'libs' 147 | } 148 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | ## react-native-scrollable-tab-view 3 | [![npm version](https://badge.fury.io/js/react-native-scrollable-tab-view.svg)](https://badge.fury.io/js/react-native-scrollable-tab-view) 4 | 5 | This is probably my favorite navigation pattern on Android, I wish it 6 | were more common on iOS! This is a very simple JavaScript-only 7 | implementation of it for React Native. For more information about how 8 | the animations behind this work, check out the Rebound section of the 9 | [React Native Animation Guide](https://facebook.github.io/react-native/docs/animations.html) 10 | 11 | 12 | ## Add it to your project 13 | 14 | 1. Run `npm install react-native-scrollable-tab-view --save` 15 | 2. `var ScrollableTabView = require('react-native-scrollable-tab-view');` 16 | 17 | ## Demo 18 | Run this example 19 | 20 | 21 | 22 | 23 | ## Basic usage 24 | 25 | ```javascript 26 | var ScrollableTabView = require('react-native-scrollable-tab-view'); 27 | 28 | var App = React.createClass({ 29 | render() { 30 | return ( 31 | 32 | 33 | 34 | 35 | 36 | ); 37 | } 38 | }); 39 | ``` 40 | 41 | ## Injecting a custom tab bar 42 | 43 | Suppose we had a custom tab bar called `CustomTabBar`, we would inject 44 | it into our `ScrollableTabView` like this: 45 | 46 | ```javascript 47 | var ScrollableTabView = require('react-native-scrollable-tab-view'); 48 | var CustomTabBar = require('./CustomTabBar'); 49 | 50 | var App = React.createClass({ 51 | render() { 52 | return ( 53 | }> 54 | 55 | 56 | 57 | 58 | ); 59 | } 60 | }); 61 | ``` 62 | To start you can just copy [DefaultTabBar](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js). 63 | 64 | ## Examples 65 | 66 | [SimpleExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/SimpleExample.js). 67 | 68 | [ScrollableTabsExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/ScrollableTabsExample.js). 69 | 70 | [OverlayExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/OverlayExample.js). 71 | 72 | [FacebookExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/FacebookExample.js). 73 | 74 | ## Props 75 | 76 | - **`renderTabBar`** _(Function:ReactComponent)_ - accept 1 argument `props` and should return a component to use as 77 | the tab bar. The component has `goToPage`, `tabs`, `activeTab` and 78 | `ref` added to the props, and should implement `setAnimationValue` to 79 | be able to animate itself along with the tab content. You can manually pass the `props` to the TabBar component. 80 | - **`tabBarPosition`** _(String)_ Defaults to `"top"`. 81 | - `"bottom"` to position the tab bar below content. 82 | - `"overlayTop"` or `"overlayBottom"` for a semitransparent tab bar that overlays content. Custom tab bars must consume a style prop on their outer element to support this feature: `style={this.props.style}`. 83 | - **`onChangeTab`** _(Function)_ - function to call when tab changes, should accept 1 argument which is an Object containing two keys: `i`: the index of the tab that is selected, `ref`: the ref of the tab that is selected 84 | - **`onScroll`** _(Function)_ - function to call when the pages are sliding, should accept 1 argument which is an Float number representing the page position in the slide frame. 85 | - **`locked`** _(Bool)_ - disables horizontal dragging to scroll between tabs, default is false. 86 | - **`initialPage`** _(Integer)_ - the index of the initially selected tab, defaults to 0 === first tab. 87 | - **`page`** _(Integer)_ - set selected tab(can be buggy see [#126](https://github.com/brentvatne/react-native-scrollable-tab-view/issues/126) 88 | - **`children`** _(ReactComponents)_ - each top-level child component should have a `tabLabel` prop that can be used by the tab bar component to render out the labels. The default tab bar expects it to be a string, but you can use anything you want if you make a custom tab bar. 89 | - **`tabBarUnderlineStyle`** _([View.propTypes.style](https://facebook.github.io/react-native/docs/view.html#style))_ - style of the default tab bar's underline. 90 | - **`tabBarBackgroundColor`** _(String)_ - color of the default tab bar's background, defaults to `white` 91 | - **`tabBarActiveTextColor`** _(String)_ - color of the default tab bar's text when active, defaults to `navy` 92 | - **`tabBarInactiveTextColor`** _(String)_ - color of the default tab bar's text when inactive, defaults to `black` 93 | - **`tabBarTextStyle`** _(Object)_ - Additional styles to the tab bar's text. Example: `{fontFamily: 'Roboto', fontSize: 15}` 94 | - **`style`** _([View.propTypes.style](https://facebook.github.io/react-native/docs/view.html#style))_ 95 | - **`contentProps`** _(Object)_ - props that are applied to root `ScrollView`/`ViewPagerAndroid`. Note that overriding defaults set by the library may break functionality; see the source for details. 96 | - **`scrollWithoutAnimation`** _(Bool)_ - on tab press change tab without animation. 97 | - **`prerenderingSiblingsNumber`** _(Integer)_ - pre-render nearby # sibling, `Infinity` === render all the siblings, default to 0 === render current page. 98 | 99 | ## Contribution 100 | **Issues** are welcome. Please add a screenshot of bug and code snippet. Quickest way to solve issue is to reproduce it on one of the examples. 101 | 102 | **Pull requests** are welcome. If you want to change API or making something big better to create issue and discuss it first. Before submiting PR please run ```eslint .``` Also all eslint fixes are welcome. 103 | 104 | Please attach video or gif to PR's and issues it is super helpful. 105 | 106 | How to make video 107 | 108 | How to make gif from video 109 | 110 | --- 111 | 112 | **MIT Licensed** 113 | -------------------------------------------------------------------------------- /ScrollableTabBar.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const { ViewPropTypes } = ReactNative = require('react-native'); 3 | const PropTypes = require('prop-types'); 4 | const createReactClass = require('create-react-class'); 5 | const { 6 | View, 7 | Animated, 8 | StyleSheet, 9 | ScrollView, 10 | Text, 11 | Platform, 12 | Dimensions, 13 | } = ReactNative; 14 | const Button = require('./Button'); 15 | 16 | const WINDOW_WIDTH = Dimensions.get('window').width; 17 | 18 | const ScrollableTabBar = createReactClass({ 19 | propTypes: { 20 | goToPage: PropTypes.func, 21 | activeTab: PropTypes.number, 22 | tabs: PropTypes.array, 23 | backgroundColor: PropTypes.string, 24 | activeTextColor: PropTypes.string, 25 | inactiveTextColor: PropTypes.string, 26 | scrollOffset: PropTypes.number, 27 | style: ViewPropTypes.style, 28 | tabStyle: ViewPropTypes.style, 29 | tabsContainerStyle: ViewPropTypes.style, 30 | textStyle: Text.propTypes.style, 31 | renderTab: PropTypes.func, 32 | underlineStyle: ViewPropTypes.style, 33 | onScroll: PropTypes.func, 34 | }, 35 | 36 | getDefaultProps() { 37 | return { 38 | scrollOffset: 52, 39 | activeTextColor: 'navy', 40 | inactiveTextColor: 'black', 41 | backgroundColor: null, 42 | style: {}, 43 | tabStyle: {}, 44 | tabsContainerStyle: {}, 45 | underlineStyle: {}, 46 | }; 47 | }, 48 | 49 | getInitialState() { 50 | this._tabsMeasurements = []; 51 | return { 52 | _leftTabUnderline: new Animated.Value(0), 53 | _widthTabUnderline: new Animated.Value(0), 54 | _containerWidth: null, 55 | }; 56 | }, 57 | 58 | componentDidMount() { 59 | this.props.scrollValue.addListener(this.updateView); 60 | }, 61 | 62 | updateView(offset) { 63 | const position = Math.floor(offset.value); 64 | const pageOffset = offset.value % 1; 65 | const tabCount = this.props.tabs.length; 66 | const lastTabPosition = tabCount - 1; 67 | 68 | if (tabCount === 0 || offset.value < 0 || offset.value > lastTabPosition) { 69 | return; 70 | } 71 | 72 | if (this.necessarilyMeasurementsCompleted(position, position === lastTabPosition)) { 73 | this.updateTabPanel(position, pageOffset); 74 | this.updateTabUnderline(position, pageOffset, tabCount); 75 | } 76 | }, 77 | 78 | necessarilyMeasurementsCompleted(position, isLastTab) { 79 | return this._tabsMeasurements[position] && 80 | (isLastTab || this._tabsMeasurements[position + 1]) && 81 | this._tabContainerMeasurements && 82 | this._containerMeasurements; 83 | }, 84 | 85 | updateTabPanel(position, pageOffset) { 86 | const containerWidth = this._containerMeasurements.width; 87 | const tabWidth = this._tabsMeasurements[position].width; 88 | const nextTabMeasurements = this._tabsMeasurements[position + 1]; 89 | const nextTabWidth = nextTabMeasurements && nextTabMeasurements.width || 0; 90 | const tabOffset = this._tabsMeasurements[position].left; 91 | const absolutePageOffset = pageOffset * tabWidth; 92 | let newScrollX = tabOffset + absolutePageOffset; 93 | 94 | // center tab and smooth tab change (for when tabWidth changes a lot between two tabs) 95 | newScrollX -= (containerWidth - (1 - pageOffset) * tabWidth - pageOffset * nextTabWidth) / 2; 96 | newScrollX = newScrollX >= 0 ? newScrollX : 0; 97 | 98 | if (Platform.OS === 'android') { 99 | this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, }); 100 | } else { 101 | const rightBoundScroll = this._tabContainerMeasurements.width - (this._containerMeasurements.width); 102 | newScrollX = newScrollX > rightBoundScroll ? rightBoundScroll : newScrollX; 103 | this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, }); 104 | } 105 | 106 | }, 107 | 108 | updateTabUnderline(position, pageOffset, tabCount) { 109 | const lineLeft = this._tabsMeasurements[position].left; 110 | const lineRight = this._tabsMeasurements[position].right; 111 | 112 | if (position < tabCount - 1) { 113 | const nextTabLeft = this._tabsMeasurements[position + 1].left; 114 | const nextTabRight = this._tabsMeasurements[position + 1].right; 115 | 116 | const newLineLeft = (pageOffset * nextTabLeft + (1 - pageOffset) * lineLeft); 117 | const newLineRight = (pageOffset * nextTabRight + (1 - pageOffset) * lineRight); 118 | 119 | this.state._leftTabUnderline.setValue(newLineLeft); 120 | this.state._widthTabUnderline.setValue(newLineRight - newLineLeft); 121 | } else { 122 | this.state._leftTabUnderline.setValue(lineLeft); 123 | this.state._widthTabUnderline.setValue(lineRight - lineLeft); 124 | } 125 | }, 126 | 127 | renderTab(name, page, isTabActive, onPressHandler, onLayoutHandler) { 128 | const { activeTextColor, inactiveTextColor, textStyle, } = this.props; 129 | const textColor = isTabActive ? activeTextColor : inactiveTextColor; 130 | const fontWeight = isTabActive ? 'bold' : 'normal'; 131 | 132 | return ; 146 | }, 147 | 148 | measureTab(page, event) { 149 | const { x, width, height, } = event.nativeEvent.layout; 150 | this._tabsMeasurements[page] = {left: x, right: x + width, width, height, }; 151 | this.updateView({value: this.props.scrollValue._value, }); 152 | }, 153 | 154 | render() { 155 | const tabUnderlineStyle = { 156 | position: 'absolute', 157 | height: 4, 158 | backgroundColor: 'navy', 159 | bottom: 0, 160 | }; 161 | 162 | const dynamicTabUnderline = { 163 | left: this.state._leftTabUnderline, 164 | width: this.state._widthTabUnderline, 165 | }; 166 | 167 | return 171 | { this._scrollView = scrollView; }} 173 | horizontal={true} 174 | showsHorizontalScrollIndicator={false} 175 | showsVerticalScrollIndicator={false} 176 | directionalLockEnabled={true} 177 | bounces={false} 178 | scrollsToTop={false} 179 | > 180 | 185 | {this.props.tabs.map((name, page) => { 186 | const isTabActive = this.props.activeTab === page; 187 | const renderTab = this.props.renderTab || this.renderTab; 188 | return renderTab(name, page, isTabActive, this.props.goToPage, this.measureTab.bind(this, page)); 189 | })} 190 | 191 | 192 | 193 | ; 194 | }, 195 | 196 | componentWillReceiveProps(nextProps) { 197 | // If the tabs change, force the width of the tabs container to be recalculated 198 | if (JSON.stringify(this.props.tabs) !== JSON.stringify(nextProps.tabs) && this.state._containerWidth) { 199 | this.setState({ _containerWidth: null, }); 200 | } 201 | }, 202 | 203 | onTabContainerLayout(e) { 204 | this._tabContainerMeasurements = e.nativeEvent.layout; 205 | let width = this._tabContainerMeasurements.width; 206 | if (width < WINDOW_WIDTH) { 207 | width = WINDOW_WIDTH; 208 | } 209 | this.setState({ _containerWidth: width, }); 210 | this.updateView({value: this.props.scrollValue._value, }); 211 | }, 212 | 213 | onContainerLayout(e) { 214 | this._containerMeasurements = e.nativeEvent.layout; 215 | this.updateView({value: this.props.scrollValue._value, }); 216 | }, 217 | }); 218 | 219 | module.exports = ScrollableTabBar; 220 | 221 | const styles = StyleSheet.create({ 222 | tab: { 223 | height: 49, 224 | alignItems: 'center', 225 | justifyContent: 'center', 226 | paddingLeft: 20, 227 | paddingRight: 20, 228 | }, 229 | container: { 230 | height: 50, 231 | borderWidth: 1, 232 | borderTopWidth: 0, 233 | borderLeftWidth: 0, 234 | borderRightWidth: 0, 235 | borderColor: '#ccc', 236 | }, 237 | tabs: { 238 | flexDirection: 'row', 239 | justifyContent: 'space-around', 240 | }, 241 | }); 242 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "parser": "babel-eslint", 3 | "env": { 4 | "browser": true, 5 | "node": true, 6 | "jasmine": true 7 | }, 8 | "ecmaFeatures": { 9 | "arrowFunctions": true, 10 | "blockBindings": true, 11 | "classes": true, 12 | "defaultParams": true, 13 | "destructuring": true, 14 | "forOf": true, 15 | "generators": false, 16 | "modules": true, 17 | "objectLiteralComputedProperties": true, 18 | "objectLiteralDuplicateProperties": false, 19 | "objectLiteralShorthandMethods": true, 20 | "objectLiteralShorthandProperties": true, 21 | "spread": true, 22 | "superInFunctions": true, 23 | "templateStrings": true, 24 | "jsx": true 25 | }, 26 | "rules": { 27 | /** 28 | * Strict mode 29 | */ 30 | // babel inserts "use strict"; for us 31 | // http://eslint.org/docs/rules/strict 32 | "strict": [2, "never"], 33 | 34 | /** 35 | * ES6 36 | */ 37 | "no-var": 2, // http://eslint.org/docs/rules/no-var 38 | 39 | /** 40 | * Variables 41 | */ 42 | "no-shadow": 2, // http://eslint.org/docs/rules/no-shadow 43 | "no-shadow-restricted-names": 2, // http://eslint.org/docs/rules/no-shadow-restricted-names 44 | "no-unused-vars": [0, { // http://eslint.org/docs/rules/no-unused-vars 45 | "vars": "local", 46 | "args": "after-used" 47 | }], 48 | 49 | /** 50 | * Possible errors 51 | */ 52 | "comma-dangle": [2, "always"], // http://eslint.org/docs/rules/comma-dangle 53 | "no-cond-assign": [2, "always"], // http://eslint.org/docs/rules/no-cond-assign 54 | "no-console": 1, // http://eslint.org/docs/rules/no-console 55 | "no-debugger": 1, // http://eslint.org/docs/rules/no-debugger 56 | "no-alert": 1, // http://eslint.org/docs/rules/no-alert 57 | "no-constant-condition": 1, // http://eslint.org/docs/rules/no-constant-condition 58 | "no-dupe-keys": 2, // http://eslint.org/docs/rules/no-dupe-keys 59 | "no-duplicate-case": 2, // http://eslint.org/docs/rules/no-duplicate-case 60 | "no-empty": 2, // http://eslint.org/docs/rules/no-empty 61 | "no-ex-assign": 2, // http://eslint.org/docs/rules/no-ex-assign 62 | "no-extra-boolean-cast": 0, // http://eslint.org/docs/rules/no-extra-boolean-cast 63 | "no-extra-semi": 2, // http://eslint.org/docs/rules/no-extra-semi 64 | "no-func-assign": 2, // http://eslint.org/docs/rules/no-func-assign 65 | "no-inner-declarations": 2, // http://eslint.org/docs/rules/no-inner-declarations 66 | "no-invalid-regexp": 2, // http://eslint.org/docs/rules/no-invalid-regexp 67 | "no-irregular-whitespace": 2, // http://eslint.org/docs/rules/no-irregular-whitespace 68 | "no-obj-calls": 2, // http://eslint.org/docs/rules/no-obj-calls 69 | "no-reserved-keys": 0, // http://eslint.org/docs/rules/no-reserved-keys 70 | "no-sparse-arrays": 2, // http://eslint.org/docs/rules/no-sparse-arrays 71 | "no-unreachable": 2, // http://eslint.org/docs/rules/no-unreachable 72 | "use-isnan": 2, // http://eslint.org/docs/rules/use-isnan 73 | "block-scoped-var": 2, // http://eslint.org/docs/rules/block-scoped-var 74 | 75 | /** 76 | * Best practices 77 | */ 78 | "consistent-return": 2, // http://eslint.org/docs/rules/consistent-return 79 | "curly": [2, "multi-line"], // http://eslint.org/docs/rules/curly 80 | "default-case": 2, // http://eslint.org/docs/rules/default-case 81 | "dot-notation": [2, { // http://eslint.org/docs/rules/dot-notation 82 | "allowKeywords": true 83 | }], 84 | "eqeqeq": 2, // http://eslint.org/docs/rules/eqeqeq 85 | "guard-for-in": 2, // http://eslint.org/docs/rules/guard-for-in 86 | "no-caller": 2, // http://eslint.org/docs/rules/no-caller 87 | "no-eq-null": 2, // http://eslint.org/docs/rules/no-eq-null 88 | "no-eval": 2, // http://eslint.org/docs/rules/no-eval 89 | "no-extend-native": 2, // http://eslint.org/docs/rules/no-extend-native 90 | "no-extra-bind": 2, // http://eslint.org/docs/rules/no-extra-bind 91 | "no-fallthrough": 2, // http://eslint.org/docs/rules/no-fallthrough 92 | "no-floating-decimal": 2, // http://eslint.org/docs/rules/no-floating-decimal 93 | "no-implied-eval": 2, // http://eslint.org/docs/rules/no-implied-eval 94 | "no-lone-blocks": 2, // http://eslint.org/docs/rules/no-lone-blocks 95 | "no-loop-func": 2, // http://eslint.org/docs/rules/no-loop-func 96 | "no-multi-str": 2, // http://eslint.org/docs/rules/no-multi-str 97 | "no-native-reassign": 2, // http://eslint.org/docs/rules/no-native-reassign 98 | "no-new": 2, // http://eslint.org/docs/rules/no-new 99 | "no-new-func": 2, // http://eslint.org/docs/rules/no-new-func 100 | "no-new-wrappers": 2, // http://eslint.org/docs/rules/no-new-wrappers 101 | "no-octal": 2, // http://eslint.org/docs/rules/no-octal 102 | "no-octal-escape": 2, // http://eslint.org/docs/rules/no-octal-escape 103 | "no-param-reassign": 2, // http://eslint.org/docs/rules/no-param-reassign 104 | "no-proto": 2, // http://eslint.org/docs/rules/no-proto 105 | "no-redeclare": 2, // http://eslint.org/docs/rules/no-redeclare 106 | "no-return-assign": 2, // http://eslint.org/docs/rules/no-return-assign 107 | "no-script-url": 2, // http://eslint.org/docs/rules/no-script-url 108 | "no-self-compare": 2, // http://eslint.org/docs/rules/no-self-compare 109 | "no-sequences": 2, // http://eslint.org/docs/rules/no-sequences 110 | "no-throw-literal": 2, // http://eslint.org/docs/rules/no-throw-literal 111 | "no-with": 2, // http://eslint.org/docs/rules/no-with 112 | "radix": 2, // http://eslint.org/docs/rules/radix 113 | "vars-on-top": 2, // http://eslint.org/docs/rules/vars-on-top 114 | "wrap-iife": [2, "any"], // http://eslint.org/docs/rules/wrap-iife 115 | "yoda": 2, // http://eslint.org/docs/rules/yoda 116 | 117 | /** 118 | * Style 119 | */ 120 | "indent": [2, 2], // http://eslint.org/docs/rules/ 121 | "brace-style": [2, // http://eslint.org/docs/rules/brace-style 122 | "1tbs", { 123 | "allowSingleLine": true 124 | }], 125 | "quotes": [ 126 | 2, "single", "avoid-escape" // http://eslint.org/docs/rules/quotes 127 | ], 128 | "camelcase": [2, { // http://eslint.org/docs/rules/camelcase 129 | "properties": "never" 130 | }], 131 | "comma-spacing": [2, { // http://eslint.org/docs/rules/comma-spacing 132 | "before": false, 133 | "after": true 134 | }], 135 | "comma-style": [2, "last"], // http://eslint.org/docs/rules/comma-style 136 | "eol-last": 2, // http://eslint.org/docs/rules/eol-last 137 | "func-names": 1, // http://eslint.org/docs/rules/func-names 138 | "key-spacing": [2, { // http://eslint.org/docs/rules/key-spacing 139 | "beforeColon": false, 140 | "afterColon": true 141 | }], 142 | "new-cap": [2, { // http://eslint.org/docs/rules/new-cap 143 | "newIsCap": true 144 | }], 145 | "no-multiple-empty-lines": [2, { // http://eslint.org/docs/rules/no-multiple-empty-lines 146 | "max": 2 147 | }], 148 | "no-nested-ternary": 2, // http://eslint.org/docs/rules/no-nested-ternary 149 | "no-new-object": 2, // http://eslint.org/docs/rules/no-new-object 150 | "no-spaced-func": 2, // http://eslint.org/docs/rules/no-spaced-func 151 | "no-trailing-spaces": 2, // http://eslint.org/docs/rules/no-trailing-spaces 152 | "no-extra-parens": 0, // http://eslint.org/docs/rules/no-extra-parens 153 | "no-underscore-dangle": 0, // http://eslint.org/docs/rules/no-underscore-dangle 154 | "one-var": [2, "never"], // http://eslint.org/docs/rules/one-var 155 | "padded-blocks": 0, // http://eslint.org/docs/rules/padded-blocks 156 | "semi": [2, "always"], // http://eslint.org/docs/rules/semi 157 | "semi-spacing": [2, { // http://eslint.org/docs/rules/semi-spacing 158 | "before": false, 159 | "after": true 160 | }], 161 | "keyword-spacing": 2, // http://eslint.org/docs/rules/keyword-spacing 162 | "space-before-blocks": 2, // http://eslint.org/docs/rules/space-before-blocks 163 | "space-before-function-paren": [2, "never"], // http://eslint.org/docs/rules/space-before-function-paren 164 | "space-infix-ops": 2 // http://eslint.org/docs/rules/space-infix-ops 165 | } 166 | } 167 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const { Component } = React; 3 | const { ViewPropTypes } = ReactNative = require('react-native'); 4 | const createReactClass = require('create-react-class'); 5 | const PropTypes = require('prop-types'); 6 | const { 7 | Dimensions, 8 | View, 9 | Animated, 10 | ScrollView, 11 | Platform, 12 | StyleSheet, 13 | ViewPagerAndroid, 14 | InteractionManager, 15 | } = ReactNative; 16 | const TimerMixin = require('react-timer-mixin'); 17 | 18 | const SceneComponent = require('./SceneComponent'); 19 | const DefaultTabBar = require('./DefaultTabBar'); 20 | const ScrollableTabBar = require('./ScrollableTabBar'); 21 | 22 | const AnimatedViewPagerAndroid = Platform.OS === 'android' ? 23 | Animated.createAnimatedComponent(ViewPagerAndroid) : 24 | undefined; 25 | 26 | const ScrollableTabView = createReactClass({ 27 | mixins: [TimerMixin, ], 28 | statics: { 29 | DefaultTabBar, 30 | ScrollableTabBar, 31 | }, 32 | scrollOnMountCalled: false, 33 | 34 | propTypes: { 35 | tabBarPosition: PropTypes.oneOf(['top', 'bottom', 'overlayTop', 'overlayBottom', ]), 36 | initialPage: PropTypes.number, 37 | page: PropTypes.number, 38 | onChangeTab: PropTypes.func, 39 | onScroll: PropTypes.func, 40 | renderTabBar: PropTypes.any, 41 | style: ViewPropTypes.style, 42 | contentProps: PropTypes.object, 43 | scrollWithoutAnimation: PropTypes.bool, 44 | locked: PropTypes.bool, 45 | prerenderingSiblingsNumber: PropTypes.number, 46 | }, 47 | 48 | getDefaultProps() { 49 | return { 50 | tabBarPosition: 'top', 51 | initialPage: 0, 52 | page: -1, 53 | onChangeTab: () => {}, 54 | onScroll: () => {}, 55 | contentProps: {}, 56 | scrollWithoutAnimation: false, 57 | locked: false, 58 | prerenderingSiblingsNumber: 0, 59 | }; 60 | }, 61 | 62 | getInitialState() { 63 | const containerWidth = Dimensions.get('window').width; 64 | let scrollValue; 65 | let scrollXIOS; 66 | let positionAndroid; 67 | let offsetAndroid; 68 | 69 | if (Platform.OS === 'ios') { 70 | scrollXIOS = new Animated.Value(this.props.initialPage * containerWidth); 71 | const containerWidthAnimatedValue = new Animated.Value(containerWidth); 72 | // Need to call __makeNative manually to avoid a native animated bug. See 73 | // https://github.com/facebook/react-native/pull/14435 74 | containerWidthAnimatedValue.__makeNative(); 75 | scrollValue = Animated.divide(scrollXIOS, containerWidthAnimatedValue); 76 | 77 | const callListeners = this._polyfillAnimatedValue(scrollValue); 78 | scrollXIOS.addListener( 79 | ({ value, }) => callListeners(value / this.state.containerWidth) 80 | ); 81 | } else { 82 | positionAndroid = new Animated.Value(this.props.initialPage); 83 | offsetAndroid = new Animated.Value(0); 84 | scrollValue = Animated.add(positionAndroid, offsetAndroid); 85 | 86 | const callListeners = this._polyfillAnimatedValue(scrollValue); 87 | let positionAndroidValue = this.props.initialPage; 88 | let offsetAndroidValue = 0; 89 | positionAndroid.addListener(({ value, }) => { 90 | positionAndroidValue = value; 91 | callListeners(positionAndroidValue + offsetAndroidValue); 92 | }); 93 | offsetAndroid.addListener(({ value, }) => { 94 | offsetAndroidValue = value; 95 | callListeners(positionAndroidValue + offsetAndroidValue); 96 | }); 97 | } 98 | 99 | return { 100 | currentPage: this.props.initialPage, 101 | scrollValue, 102 | scrollXIOS, 103 | positionAndroid, 104 | offsetAndroid, 105 | containerWidth, 106 | sceneKeys: this.newSceneKeys({ currentPage: this.props.initialPage, }), 107 | }; 108 | }, 109 | 110 | componentWillReceiveProps(props) { 111 | if (props.children !== this.props.children) { 112 | this.updateSceneKeys({ page: this.state.currentPage, children: props.children, }); 113 | } 114 | 115 | if (props.page >= 0 && props.page !== this.state.currentPage) { 116 | this.goToPage(props.page); 117 | } 118 | }, 119 | 120 | componentWillUnmount() { 121 | if (Platform.OS === 'ios') { 122 | this.state.scrollXIOS.removeAllListeners(); 123 | } else { 124 | this.state.positionAndroid.removeAllListeners(); 125 | this.state.offsetAndroid.removeAllListeners(); 126 | } 127 | }, 128 | 129 | goToPage(pageNumber) { 130 | if (Platform.OS === 'ios') { 131 | const offset = pageNumber * this.state.containerWidth; 132 | if (this.scrollView) { 133 | this.scrollView.getNode().scrollTo({x: offset, y: 0, animated: !this.props.scrollWithoutAnimation, }); 134 | } 135 | } else { 136 | if (this.scrollView) { 137 | if (this.props.scrollWithoutAnimation) { 138 | this.scrollView.getNode().setPageWithoutAnimation(pageNumber); 139 | } else { 140 | this.scrollView.getNode().setPage(pageNumber); 141 | } 142 | } 143 | } 144 | 145 | const currentPage = this.state.currentPage; 146 | this.updateSceneKeys({ 147 | page: pageNumber, 148 | callback: this._onChangeTab.bind(this, currentPage, pageNumber), 149 | }); 150 | }, 151 | 152 | renderTabBar(props) { 153 | if (this.props.renderTabBar === false) { 154 | return null; 155 | } else if (this.props.renderTabBar) { 156 | return React.cloneElement(this.props.renderTabBar(props), props); 157 | } else { 158 | return ; 159 | } 160 | }, 161 | 162 | updateSceneKeys({ page, children = this.props.children, callback = () => {}, }) { 163 | let newKeys = this.newSceneKeys({ previousKeys: this.state.sceneKeys, currentPage: page, children, }); 164 | this.setState({currentPage: page, sceneKeys: newKeys, }, callback); 165 | }, 166 | 167 | newSceneKeys({ previousKeys = [], currentPage = 0, children = this.props.children, }) { 168 | let newKeys = []; 169 | this._children(children).forEach((child, idx) => { 170 | let key = this._makeSceneKey(child, idx); 171 | if (this._keyExists(previousKeys, key) || 172 | this._shouldRenderSceneKey(idx, currentPage)) { 173 | newKeys.push(key); 174 | } 175 | }); 176 | return newKeys; 177 | }, 178 | 179 | // Animated.add and Animated.divide do not currently support listeners so 180 | // we have to polyfill it here since a lot of code depends on being able 181 | // to add a listener to `scrollValue`. See https://github.com/facebook/react-native/pull/12620. 182 | _polyfillAnimatedValue(animatedValue) { 183 | 184 | const listeners = new Set(); 185 | const addListener = (listener) => { 186 | listeners.add(listener); 187 | }; 188 | 189 | const removeListener = (listener) => { 190 | listeners.delete(listener); 191 | }; 192 | 193 | const removeAllListeners = () => { 194 | listeners.clear(); 195 | }; 196 | 197 | animatedValue.addListener = addListener; 198 | animatedValue.removeListener = removeListener; 199 | animatedValue.removeAllListeners = removeAllListeners; 200 | 201 | return (value) => listeners.forEach(listener => listener({ value, })); 202 | }, 203 | 204 | _shouldRenderSceneKey(idx, currentPageKey) { 205 | let numOfSibling = this.props.prerenderingSiblingsNumber; 206 | return (idx < (currentPageKey + numOfSibling + 1) && 207 | idx > (currentPageKey - numOfSibling - 1)); 208 | }, 209 | 210 | _keyExists(sceneKeys, key) { 211 | return sceneKeys.find((sceneKey) => key === sceneKey); 212 | }, 213 | 214 | _makeSceneKey(child, idx) { 215 | return child.props.tabLabel + '_' + idx; 216 | }, 217 | 218 | renderScrollableContent() { 219 | if (Platform.OS === 'ios') { 220 | const scenes = this._composeScenes(); 221 | return { this.scrollView = scrollView; }} 227 | onScroll={Animated.event( 228 | [{ nativeEvent: { contentOffset: { x: this.state.scrollXIOS, }, }, }, ], 229 | { useNativeDriver: true, listener: this._onScroll, } 230 | )} 231 | onMomentumScrollBegin={this._onMomentumScrollBeginAndEnd} 232 | onMomentumScrollEnd={this._onMomentumScrollBeginAndEnd} 233 | scrollEventThrottle={16} 234 | scrollsToTop={false} 235 | showsHorizontalScrollIndicator={false} 236 | scrollEnabled={!this.props.locked} 237 | directionalLockEnabled 238 | alwaysBounceVertical={false} 239 | keyboardDismissMode="on-drag" 240 | {...this.props.contentProps} 241 | > 242 | {scenes} 243 | ; 244 | } else { 245 | const scenes = this._composeScenes(); 246 | return { this.scrollView = scrollView; }} 266 | {...this.props.contentProps} 267 | > 268 | {scenes} 269 | ; 270 | } 271 | }, 272 | 273 | _composeScenes() { 274 | return this._children().map((child, idx) => { 275 | let key = this._makeSceneKey(child, idx); 276 | return 281 | {this._keyExists(this.state.sceneKeys, key) ? child : } 282 | ; 283 | }); 284 | }, 285 | 286 | _onMomentumScrollBeginAndEnd(e) { 287 | const offsetX = e.nativeEvent.contentOffset.x; 288 | const page = Math.round(offsetX / this.state.containerWidth); 289 | if (this.state.currentPage !== page) { 290 | this._updateSelectedPage(page); 291 | } 292 | }, 293 | 294 | _updateSelectedPage(nextPage) { 295 | let localNextPage = nextPage; 296 | if (typeof localNextPage === 'object') { 297 | localNextPage = nextPage.nativeEvent.position; 298 | } 299 | 300 | const currentPage = this.state.currentPage; 301 | this.updateSceneKeys({ 302 | page: localNextPage, 303 | callback: this._onChangeTab.bind(this, currentPage, localNextPage), 304 | }); 305 | }, 306 | 307 | _onChangeTab(prevPage, currentPage) { 308 | this.props.onChangeTab({ 309 | i: currentPage, 310 | ref: this._children()[currentPage], 311 | from: prevPage, 312 | }); 313 | }, 314 | 315 | _onScroll(e) { 316 | if (Platform.OS === 'ios') { 317 | const offsetX = e.nativeEvent.contentOffset.x; 318 | if (offsetX === 0 && !this.scrollOnMountCalled) { 319 | this.scrollOnMountCalled = true; 320 | } else { 321 | this.props.onScroll(offsetX / this.state.containerWidth); 322 | } 323 | } else { 324 | const { position, offset, } = e.nativeEvent; 325 | this.props.onScroll(position + offset); 326 | } 327 | }, 328 | 329 | _handleLayout(e) { 330 | const { width, } = e.nativeEvent.layout; 331 | 332 | if (!width || width <= 0 || Math.round(width) === Math.round(this.state.containerWidth)) { 333 | return; 334 | } 335 | 336 | if (Platform.OS === 'ios') { 337 | const containerWidthAnimatedValue = new Animated.Value(width); 338 | // Need to call __makeNative manually to avoid a native animated bug. See 339 | // https://github.com/facebook/react-native/pull/14435 340 | containerWidthAnimatedValue.__makeNative(); 341 | scrollValue = Animated.divide(this.state.scrollXIOS, containerWidthAnimatedValue); 342 | this.setState({ containerWidth: width, scrollValue, }); 343 | } else { 344 | this.setState({ containerWidth: width, }); 345 | } 346 | this.requestAnimationFrame(() => { 347 | this.goToPage(this.state.currentPage); 348 | }); 349 | }, 350 | 351 | _children(children = this.props.children) { 352 | return React.Children.map(children, (child) => child); 353 | }, 354 | 355 | render() { 356 | let overlayTabs = (this.props.tabBarPosition === 'overlayTop' || this.props.tabBarPosition === 'overlayBottom'); 357 | let tabBarProps = { 358 | goToPage: this.goToPage, 359 | tabs: this._children().map((child) => child.props.tabLabel), 360 | activeTab: this.state.currentPage, 361 | scrollValue: this.state.scrollValue, 362 | containerWidth: this.state.containerWidth, 363 | }; 364 | 365 | if (this.props.tabBarBackgroundColor) { 366 | tabBarProps.backgroundColor = this.props.tabBarBackgroundColor; 367 | } 368 | if (this.props.tabBarActiveTextColor) { 369 | tabBarProps.activeTextColor = this.props.tabBarActiveTextColor; 370 | } 371 | if (this.props.tabBarInactiveTextColor) { 372 | tabBarProps.inactiveTextColor = this.props.tabBarInactiveTextColor; 373 | } 374 | if (this.props.tabBarTextStyle) { 375 | tabBarProps.textStyle = this.props.tabBarTextStyle; 376 | } 377 | if (this.props.tabBarUnderlineStyle) { 378 | tabBarProps.underlineStyle = this.props.tabBarUnderlineStyle; 379 | } 380 | if (overlayTabs) { 381 | tabBarProps.style = { 382 | position: 'absolute', 383 | left: 0, 384 | right: 0, 385 | [this.props.tabBarPosition === 'overlayTop' ? 'top' : 'bottom']: 0, 386 | }; 387 | } 388 | 389 | return 390 | {this.props.tabBarPosition === 'top' && this.renderTabBar(tabBarProps)} 391 | {this.renderScrollableContent()} 392 | {(this.props.tabBarPosition === 'bottom' || overlayTabs) && this.renderTabBar(tabBarProps)} 393 | ; 394 | }, 395 | }); 396 | 397 | module.exports = ScrollableTabView; 398 | 399 | const styles = StyleSheet.create({ 400 | container: { 401 | flex: 1, 402 | }, 403 | scrollableContentAndroid: { 404 | flex: 1, 405 | }, 406 | }); 407 | -------------------------------------------------------------------------------- /Example/ios/Example.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | /* Begin PBXBuildFile section */ 9 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 10 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 11 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 12 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 13 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 14 | 00E356F31AD99517003FC87E /* ExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* ExampleTests.m */; }; 15 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 16 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 17 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 18 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 19 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 20 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 21 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 22 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 23 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 25 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 26 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 27 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */; }; 28 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; }; 29 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; }; 30 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; }; 31 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; }; 32 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; }; 33 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; }; 34 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; }; 35 | 2DCD954D1E0B4F2C00145EB5 /* ExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* ExampleTests.m */; }; 36 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 37 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 38 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */; }; 39 | D14AEF1D8FFB451F801FEA6E /* libRNVectorIcons.a in Frameworks */ = {isa = PBXBuildFile; fileRef = DDCF1A9A7BD3457795BD9C13 /* libRNVectorIcons.a */; }; 40 | ED68835CA4374BCE95957653 /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B30B14A243E34ECDB6D3A5F9 /* Entypo.ttf */; }; 41 | 28A4D0411826431CBA35BA09 /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F65E00A16DAD4FFFA10016F0 /* EvilIcons.ttf */; }; 42 | 0303C138F2814EEBBEAEBBE0 /* Feather.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 52A66B8741FB47FB9591C0F3 /* Feather.ttf */; }; 43 | 768784B2266941AA981D460F /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3DBB64D37D9B4E8C942752BE /* FontAwesome.ttf */; }; 44 | 42E1DD25CD1449AFA58229E1 /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 91FC8C9EC99F443DB7778576 /* Foundation.ttf */; }; 45 | A52D30BB64BC4FA984FD8B4E /* Ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5AD95D85B2B74A46ADD36AB7 /* Ionicons.ttf */; }; 46 | 04535FC62FCA4AFA984FD9AE /* MaterialCommunityIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = ECFF20DCE7AA49199519533C /* MaterialCommunityIcons.ttf */; }; 47 | 0B9234B931794679B8EC3AA5 /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F31A554C8B094403B31FFEC1 /* MaterialIcons.ttf */; }; 48 | FB690D31DD8B46F48D58AEC4 /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8C4717A8A9264047AF39FA2E /* Octicons.ttf */; }; 49 | C0E12BC9D0B0413BA430A261 /* SimpleLineIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C17D3B5D24444B6A82C3610D /* SimpleLineIcons.ttf */; }; 50 | 65A2D99D456845DAAB4FE20B /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C7D6495A164345E6AA8A99CE /* Zocial.ttf */; }; 51 | /* End PBXBuildFile section */ 52 | 53 | /* Begin PBXContainerItemProxy section */ 54 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 55 | isa = PBXContainerItemProxy; 56 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 57 | proxyType = 2; 58 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 59 | remoteInfo = RCTActionSheet; 60 | }; 61 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 62 | isa = PBXContainerItemProxy; 63 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 64 | proxyType = 2; 65 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 66 | remoteInfo = RCTGeolocation; 67 | }; 68 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 69 | isa = PBXContainerItemProxy; 70 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 71 | proxyType = 2; 72 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 73 | remoteInfo = RCTImage; 74 | }; 75 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 76 | isa = PBXContainerItemProxy; 77 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 78 | proxyType = 2; 79 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 80 | remoteInfo = RCTNetwork; 81 | }; 82 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 83 | isa = PBXContainerItemProxy; 84 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 85 | proxyType = 2; 86 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 87 | remoteInfo = RCTVibration; 88 | }; 89 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 90 | isa = PBXContainerItemProxy; 91 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 92 | proxyType = 1; 93 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 94 | remoteInfo = Example; 95 | }; 96 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 97 | isa = PBXContainerItemProxy; 98 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 99 | proxyType = 2; 100 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 101 | remoteInfo = RCTSettings; 102 | }; 103 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 104 | isa = PBXContainerItemProxy; 105 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 106 | proxyType = 2; 107 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 108 | remoteInfo = RCTWebSocket; 109 | }; 110 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 111 | isa = PBXContainerItemProxy; 112 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 113 | proxyType = 2; 114 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 115 | remoteInfo = React; 116 | }; 117 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 118 | isa = PBXContainerItemProxy; 119 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 120 | proxyType = 1; 121 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 122 | remoteInfo = "Example-tvOS"; 123 | }; 124 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 125 | isa = PBXContainerItemProxy; 126 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 127 | proxyType = 2; 128 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 129 | remoteInfo = "RCTImage-tvOS"; 130 | }; 131 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 132 | isa = PBXContainerItemProxy; 133 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 134 | proxyType = 2; 135 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 136 | remoteInfo = "RCTLinking-tvOS"; 137 | }; 138 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 139 | isa = PBXContainerItemProxy; 140 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 141 | proxyType = 2; 142 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 143 | remoteInfo = "RCTNetwork-tvOS"; 144 | }; 145 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 146 | isa = PBXContainerItemProxy; 147 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 148 | proxyType = 2; 149 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 150 | remoteInfo = "RCTSettings-tvOS"; 151 | }; 152 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 153 | isa = PBXContainerItemProxy; 154 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 155 | proxyType = 2; 156 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 157 | remoteInfo = "RCTText-tvOS"; 158 | }; 159 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 160 | isa = PBXContainerItemProxy; 161 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 162 | proxyType = 2; 163 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 164 | remoteInfo = "RCTWebSocket-tvOS"; 165 | }; 166 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 167 | isa = PBXContainerItemProxy; 168 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 169 | proxyType = 2; 170 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 171 | remoteInfo = "React-tvOS"; 172 | }; 173 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 174 | isa = PBXContainerItemProxy; 175 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 176 | proxyType = 2; 177 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 178 | remoteInfo = yoga; 179 | }; 180 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 181 | isa = PBXContainerItemProxy; 182 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 183 | proxyType = 2; 184 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 185 | remoteInfo = "yoga-tvOS"; 186 | }; 187 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 188 | isa = PBXContainerItemProxy; 189 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 190 | proxyType = 2; 191 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 192 | remoteInfo = cxxreact; 193 | }; 194 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 195 | isa = PBXContainerItemProxy; 196 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 197 | proxyType = 2; 198 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 199 | remoteInfo = "cxxreact-tvOS"; 200 | }; 201 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 202 | isa = PBXContainerItemProxy; 203 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 204 | proxyType = 2; 205 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 206 | remoteInfo = jschelpers; 207 | }; 208 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 209 | isa = PBXContainerItemProxy; 210 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 211 | proxyType = 2; 212 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 213 | remoteInfo = "jschelpers-tvOS"; 214 | }; 215 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 216 | isa = PBXContainerItemProxy; 217 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 218 | proxyType = 2; 219 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 220 | remoteInfo = RCTAnimation; 221 | }; 222 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 223 | isa = PBXContainerItemProxy; 224 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 225 | proxyType = 2; 226 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 227 | remoteInfo = "RCTAnimation-tvOS"; 228 | }; 229 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 230 | isa = PBXContainerItemProxy; 231 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 232 | proxyType = 2; 233 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 234 | remoteInfo = RCTLinking; 235 | }; 236 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 237 | isa = PBXContainerItemProxy; 238 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 239 | proxyType = 2; 240 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 241 | remoteInfo = RCTText; 242 | }; 243 | ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */ = { 244 | isa = PBXContainerItemProxy; 245 | containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 246 | proxyType = 2; 247 | remoteGlobalIDString = 358F4ED71D1E81A9004DF814; 248 | remoteInfo = RCTBlob; 249 | }; 250 | /* End PBXContainerItemProxy section */ 251 | 252 | /* Begin PBXFileReference section */ 253 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 254 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 255 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 256 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 257 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 258 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 259 | 00E356EE1AD99517003FC87E /* ExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = ExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 260 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 261 | 00E356F21AD99517003FC87E /* ExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ExampleTests.m; sourceTree = ""; }; 262 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 263 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 264 | 13B07F961A680F5B00A75B9A /* Example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Example.app; sourceTree = BUILT_PRODUCTS_DIR; }; 265 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = Example/AppDelegate.h; sourceTree = ""; }; 266 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = Example/AppDelegate.m; sourceTree = ""; }; 267 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 268 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = Example/Images.xcassets; sourceTree = ""; }; 269 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = Example/Info.plist; sourceTree = ""; }; 270 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = Example/main.m; sourceTree = ""; }; 271 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 272 | 2D02E47B1E0B4A5D006451C7 /* Example-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "Example-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 273 | 2D02E4901E0B4A5D006451C7 /* Example-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "Example-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 274 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 275 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 276 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 277 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTBlob.xcodeproj; path = "../node_modules/react-native/Libraries/Blob/RCTBlob.xcodeproj"; sourceTree = ""; }; 278 | CF773296C0E24E87A7CC2083 /* RNVectorIcons.xcodeproj */ = {isa = PBXFileReference; name = "RNVectorIcons.xcodeproj"; path = "../node_modules/react-native-vector-icons/RNVectorIcons.xcodeproj"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; }; 279 | DDCF1A9A7BD3457795BD9C13 /* libRNVectorIcons.a */ = {isa = PBXFileReference; name = "libRNVectorIcons.a"; path = "libRNVectorIcons.a"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; }; 280 | B30B14A243E34ECDB6D3A5F9 /* Entypo.ttf */ = {isa = PBXFileReference; name = "Entypo.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 281 | F65E00A16DAD4FFFA10016F0 /* EvilIcons.ttf */ = {isa = PBXFileReference; name = "EvilIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 282 | 52A66B8741FB47FB9591C0F3 /* Feather.ttf */ = {isa = PBXFileReference; name = "Feather.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Feather.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 283 | 3DBB64D37D9B4E8C942752BE /* FontAwesome.ttf */ = {isa = PBXFileReference; name = "FontAwesome.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 284 | 91FC8C9EC99F443DB7778576 /* Foundation.ttf */ = {isa = PBXFileReference; name = "Foundation.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 285 | 5AD95D85B2B74A46ADD36AB7 /* Ionicons.ttf */ = {isa = PBXFileReference; name = "Ionicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 286 | ECFF20DCE7AA49199519533C /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; name = "MaterialCommunityIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 287 | F31A554C8B094403B31FFEC1 /* MaterialIcons.ttf */ = {isa = PBXFileReference; name = "MaterialIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 288 | 8C4717A8A9264047AF39FA2E /* Octicons.ttf */ = {isa = PBXFileReference; name = "Octicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 289 | C17D3B5D24444B6A82C3610D /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; name = "SimpleLineIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 290 | C7D6495A164345E6AA8A99CE /* Zocial.ttf */ = {isa = PBXFileReference; name = "Zocial.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Zocial.ttf"; sourceTree = ""; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; }; 291 | /* End PBXFileReference section */ 292 | 293 | /* Begin PBXFrameworksBuildPhase section */ 294 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 295 | isa = PBXFrameworksBuildPhase; 296 | buildActionMask = 2147483647; 297 | files = ( 298 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 299 | ); 300 | runOnlyForDeploymentPostprocessing = 0; 301 | }; 302 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 303 | isa = PBXFrameworksBuildPhase; 304 | buildActionMask = 2147483647; 305 | files = ( 306 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */, 307 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 308 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 309 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 310 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 311 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 312 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 313 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 314 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 315 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 316 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 317 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 318 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 319 | D14AEF1D8FFB451F801FEA6E /* libRNVectorIcons.a in Frameworks */, 320 | ); 321 | runOnlyForDeploymentPostprocessing = 0; 322 | }; 323 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 324 | isa = PBXFrameworksBuildPhase; 325 | buildActionMask = 2147483647; 326 | files = ( 327 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */, 328 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */, 329 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */, 330 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */, 331 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */, 332 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */, 333 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */, 334 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */, 335 | ); 336 | runOnlyForDeploymentPostprocessing = 0; 337 | }; 338 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 339 | isa = PBXFrameworksBuildPhase; 340 | buildActionMask = 2147483647; 341 | files = ( 342 | ); 343 | runOnlyForDeploymentPostprocessing = 0; 344 | }; 345 | /* End PBXFrameworksBuildPhase section */ 346 | 347 | /* Begin PBXGroup section */ 348 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 349 | isa = PBXGroup; 350 | children = ( 351 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 352 | ); 353 | name = Products; 354 | sourceTree = ""; 355 | }; 356 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 357 | isa = PBXGroup; 358 | children = ( 359 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 360 | ); 361 | name = Products; 362 | sourceTree = ""; 363 | }; 364 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 365 | isa = PBXGroup; 366 | children = ( 367 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 368 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 369 | ); 370 | name = Products; 371 | sourceTree = ""; 372 | }; 373 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 374 | isa = PBXGroup; 375 | children = ( 376 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 377 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 378 | ); 379 | name = Products; 380 | sourceTree = ""; 381 | }; 382 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 383 | isa = PBXGroup; 384 | children = ( 385 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 386 | ); 387 | name = Products; 388 | sourceTree = ""; 389 | }; 390 | 00E356EF1AD99517003FC87E /* ExampleTests */ = { 391 | isa = PBXGroup; 392 | children = ( 393 | 00E356F21AD99517003FC87E /* ExampleTests.m */, 394 | 00E356F01AD99517003FC87E /* Supporting Files */, 395 | ); 396 | path = ExampleTests; 397 | sourceTree = ""; 398 | }; 399 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 400 | isa = PBXGroup; 401 | children = ( 402 | 00E356F11AD99517003FC87E /* Info.plist */, 403 | ); 404 | name = "Supporting Files"; 405 | sourceTree = ""; 406 | }; 407 | 139105B71AF99BAD00B5F7CC /* Products */ = { 408 | isa = PBXGroup; 409 | children = ( 410 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 411 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 412 | ); 413 | name = Products; 414 | sourceTree = ""; 415 | }; 416 | 139FDEE71B06529A00C62182 /* Products */ = { 417 | isa = PBXGroup; 418 | children = ( 419 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 420 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 421 | ); 422 | name = Products; 423 | sourceTree = ""; 424 | }; 425 | 13B07FAE1A68108700A75B9A /* Example */ = { 426 | isa = PBXGroup; 427 | children = ( 428 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 429 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 430 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 431 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 432 | 13B07FB61A68108700A75B9A /* Info.plist */, 433 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 434 | 13B07FB71A68108700A75B9A /* main.m */, 435 | ); 436 | name = Example; 437 | sourceTree = ""; 438 | }; 439 | 146834001AC3E56700842450 /* Products */ = { 440 | isa = PBXGroup; 441 | children = ( 442 | 146834041AC3E56700842450 /* libReact.a */, 443 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 444 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 445 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 446 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 447 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 448 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 449 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 450 | 3DAD3EA31DF850E9000B6D8A /* libReact-tvOS.a */, 451 | ); 452 | name = Products; 453 | sourceTree = ""; 454 | }; 455 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 456 | isa = PBXGroup; 457 | children = ( 458 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 459 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 460 | ); 461 | name = Products; 462 | sourceTree = ""; 463 | }; 464 | 78C398B11ACF4ADC00677621 /* Products */ = { 465 | isa = PBXGroup; 466 | children = ( 467 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 468 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 469 | ); 470 | name = Products; 471 | sourceTree = ""; 472 | }; 473 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 474 | isa = PBXGroup; 475 | children = ( 476 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 477 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 478 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 479 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */, 480 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 481 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 482 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 483 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 484 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 485 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 486 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 487 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 488 | CF773296C0E24E87A7CC2083 /* RNVectorIcons.xcodeproj */, 489 | ); 490 | name = Libraries; 491 | sourceTree = ""; 492 | }; 493 | 832341B11AAA6A8300B99B32 /* Products */ = { 494 | isa = PBXGroup; 495 | children = ( 496 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 497 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 498 | ); 499 | name = Products; 500 | sourceTree = ""; 501 | }; 502 | 83CBB9F61A601CBA00E9B192 = { 503 | isa = PBXGroup; 504 | children = ( 505 | 13B07FAE1A68108700A75B9A /* Example */, 506 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 507 | 00E356EF1AD99517003FC87E /* ExampleTests */, 508 | 83CBBA001A601CBA00E9B192 /* Products */, 509 | 9C6537F9E3D94411A86E7ADA /* Resources */, 510 | ); 511 | indentWidth = 2; 512 | sourceTree = ""; 513 | tabWidth = 2; 514 | usesTabs = 0; 515 | }; 516 | 83CBBA001A601CBA00E9B192 /* Products */ = { 517 | isa = PBXGroup; 518 | children = ( 519 | 13B07F961A680F5B00A75B9A /* Example.app */, 520 | 00E356EE1AD99517003FC87E /* ExampleTests.xctest */, 521 | 2D02E47B1E0B4A5D006451C7 /* Example-tvOS.app */, 522 | 2D02E4901E0B4A5D006451C7 /* Example-tvOSTests.xctest */, 523 | ); 524 | name = Products; 525 | sourceTree = ""; 526 | }; 527 | ADBDB9201DFEBF0600ED6528 /* Products */ = { 528 | isa = PBXGroup; 529 | children = ( 530 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */, 531 | ); 532 | name = Products; 533 | sourceTree = ""; 534 | }; 535 | 9C6537F9E3D94411A86E7ADA /* Resources */ = { 536 | isa = "PBXGroup"; 537 | children = ( 538 | B30B14A243E34ECDB6D3A5F9 /* Entypo.ttf */, 539 | F65E00A16DAD4FFFA10016F0 /* EvilIcons.ttf */, 540 | 52A66B8741FB47FB9591C0F3 /* Feather.ttf */, 541 | 3DBB64D37D9B4E8C942752BE /* FontAwesome.ttf */, 542 | 91FC8C9EC99F443DB7778576 /* Foundation.ttf */, 543 | 5AD95D85B2B74A46ADD36AB7 /* Ionicons.ttf */, 544 | ECFF20DCE7AA49199519533C /* MaterialCommunityIcons.ttf */, 545 | F31A554C8B094403B31FFEC1 /* MaterialIcons.ttf */, 546 | 8C4717A8A9264047AF39FA2E /* Octicons.ttf */, 547 | C17D3B5D24444B6A82C3610D /* SimpleLineIcons.ttf */, 548 | C7D6495A164345E6AA8A99CE /* Zocial.ttf */, 549 | ); 550 | name = Resources; 551 | sourceTree = ""; 552 | path = ""; 553 | }; 554 | /* End PBXGroup section */ 555 | 556 | /* Begin PBXNativeTarget section */ 557 | 00E356ED1AD99517003FC87E /* ExampleTests */ = { 558 | isa = PBXNativeTarget; 559 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "ExampleTests" */; 560 | buildPhases = ( 561 | 00E356EA1AD99517003FC87E /* Sources */, 562 | 00E356EB1AD99517003FC87E /* Frameworks */, 563 | 00E356EC1AD99517003FC87E /* Resources */, 564 | ); 565 | buildRules = ( 566 | ); 567 | dependencies = ( 568 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 569 | ); 570 | name = ExampleTests; 571 | productName = ExampleTests; 572 | productReference = 00E356EE1AD99517003FC87E /* ExampleTests.xctest */; 573 | productType = "com.apple.product-type.bundle.unit-test"; 574 | }; 575 | 13B07F861A680F5B00A75B9A /* Example */ = { 576 | isa = PBXNativeTarget; 577 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Example" */; 578 | buildPhases = ( 579 | 13B07F871A680F5B00A75B9A /* Sources */, 580 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 581 | 13B07F8E1A680F5B00A75B9A /* Resources */, 582 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 583 | ); 584 | buildRules = ( 585 | ); 586 | dependencies = ( 587 | ); 588 | name = Example; 589 | productName = "Hello World"; 590 | productReference = 13B07F961A680F5B00A75B9A /* Example.app */; 591 | productType = "com.apple.product-type.application"; 592 | }; 593 | 2D02E47A1E0B4A5D006451C7 /* Example-tvOS */ = { 594 | isa = PBXNativeTarget; 595 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOS" */; 596 | buildPhases = ( 597 | 2D02E4771E0B4A5D006451C7 /* Sources */, 598 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 599 | 2D02E4791E0B4A5D006451C7 /* Resources */, 600 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 601 | ); 602 | buildRules = ( 603 | ); 604 | dependencies = ( 605 | ); 606 | name = "Example-tvOS"; 607 | productName = "Example-tvOS"; 608 | productReference = 2D02E47B1E0B4A5D006451C7 /* Example-tvOS.app */; 609 | productType = "com.apple.product-type.application"; 610 | }; 611 | 2D02E48F1E0B4A5D006451C7 /* Example-tvOSTests */ = { 612 | isa = PBXNativeTarget; 613 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOSTests" */; 614 | buildPhases = ( 615 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 616 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 617 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 618 | ); 619 | buildRules = ( 620 | ); 621 | dependencies = ( 622 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 623 | ); 624 | name = "Example-tvOSTests"; 625 | productName = "Example-tvOSTests"; 626 | productReference = 2D02E4901E0B4A5D006451C7 /* Example-tvOSTests.xctest */; 627 | productType = "com.apple.product-type.bundle.unit-test"; 628 | }; 629 | /* End PBXNativeTarget section */ 630 | 631 | /* Begin PBXProject section */ 632 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 633 | isa = PBXProject; 634 | attributes = { 635 | LastUpgradeCheck = 610; 636 | ORGANIZATIONNAME = Facebook; 637 | TargetAttributes = { 638 | 00E356ED1AD99517003FC87E = { 639 | CreatedOnToolsVersion = 6.2; 640 | TestTargetID = 13B07F861A680F5B00A75B9A; 641 | }; 642 | 2D02E47A1E0B4A5D006451C7 = { 643 | CreatedOnToolsVersion = 8.2.1; 644 | ProvisioningStyle = Automatic; 645 | }; 646 | 2D02E48F1E0B4A5D006451C7 = { 647 | CreatedOnToolsVersion = 8.2.1; 648 | ProvisioningStyle = Automatic; 649 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 650 | }; 651 | }; 652 | }; 653 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Example" */; 654 | compatibilityVersion = "Xcode 3.2"; 655 | developmentRegion = English; 656 | hasScannedForEncodings = 0; 657 | knownRegions = ( 658 | en, 659 | Base, 660 | ); 661 | mainGroup = 83CBB9F61A601CBA00E9B192; 662 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 663 | projectDirPath = ""; 664 | projectReferences = ( 665 | { 666 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 667 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 668 | }, 669 | { 670 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 671 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 672 | }, 673 | { 674 | ProductGroup = ADBDB9201DFEBF0600ED6528 /* Products */; 675 | ProjectRef = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 676 | }, 677 | { 678 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 679 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 680 | }, 681 | { 682 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 683 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 684 | }, 685 | { 686 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 687 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 688 | }, 689 | { 690 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 691 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 692 | }, 693 | { 694 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 695 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 696 | }, 697 | { 698 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 699 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 700 | }, 701 | { 702 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 703 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 704 | }, 705 | { 706 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 707 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 708 | }, 709 | { 710 | ProductGroup = 146834001AC3E56700842450 /* Products */; 711 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 712 | }, 713 | ); 714 | projectRoot = ""; 715 | targets = ( 716 | 13B07F861A680F5B00A75B9A /* Example */, 717 | 00E356ED1AD99517003FC87E /* ExampleTests */, 718 | 2D02E47A1E0B4A5D006451C7 /* Example-tvOS */, 719 | 2D02E48F1E0B4A5D006451C7 /* Example-tvOSTests */, 720 | ); 721 | }; 722 | /* End PBXProject section */ 723 | 724 | /* Begin PBXReferenceProxy section */ 725 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 726 | isa = PBXReferenceProxy; 727 | fileType = archive.ar; 728 | path = libRCTActionSheet.a; 729 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 730 | sourceTree = BUILT_PRODUCTS_DIR; 731 | }; 732 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 733 | isa = PBXReferenceProxy; 734 | fileType = archive.ar; 735 | path = libRCTGeolocation.a; 736 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 737 | sourceTree = BUILT_PRODUCTS_DIR; 738 | }; 739 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 740 | isa = PBXReferenceProxy; 741 | fileType = archive.ar; 742 | path = libRCTImage.a; 743 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 744 | sourceTree = BUILT_PRODUCTS_DIR; 745 | }; 746 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 747 | isa = PBXReferenceProxy; 748 | fileType = archive.ar; 749 | path = libRCTNetwork.a; 750 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 751 | sourceTree = BUILT_PRODUCTS_DIR; 752 | }; 753 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 754 | isa = PBXReferenceProxy; 755 | fileType = archive.ar; 756 | path = libRCTVibration.a; 757 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 758 | sourceTree = BUILT_PRODUCTS_DIR; 759 | }; 760 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 761 | isa = PBXReferenceProxy; 762 | fileType = archive.ar; 763 | path = libRCTSettings.a; 764 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 765 | sourceTree = BUILT_PRODUCTS_DIR; 766 | }; 767 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 768 | isa = PBXReferenceProxy; 769 | fileType = archive.ar; 770 | path = libRCTWebSocket.a; 771 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 772 | sourceTree = BUILT_PRODUCTS_DIR; 773 | }; 774 | 146834041AC3E56700842450 /* libReact.a */ = { 775 | isa = PBXReferenceProxy; 776 | fileType = archive.ar; 777 | path = libReact.a; 778 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 779 | sourceTree = BUILT_PRODUCTS_DIR; 780 | }; 781 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 782 | isa = PBXReferenceProxy; 783 | fileType = archive.ar; 784 | path = "libRCTImage-tvOS.a"; 785 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 786 | sourceTree = BUILT_PRODUCTS_DIR; 787 | }; 788 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 789 | isa = PBXReferenceProxy; 790 | fileType = archive.ar; 791 | path = "libRCTLinking-tvOS.a"; 792 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 793 | sourceTree = BUILT_PRODUCTS_DIR; 794 | }; 795 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 796 | isa = PBXReferenceProxy; 797 | fileType = archive.ar; 798 | path = "libRCTNetwork-tvOS.a"; 799 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 800 | sourceTree = BUILT_PRODUCTS_DIR; 801 | }; 802 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 803 | isa = PBXReferenceProxy; 804 | fileType = archive.ar; 805 | path = "libRCTSettings-tvOS.a"; 806 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 807 | sourceTree = BUILT_PRODUCTS_DIR; 808 | }; 809 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 810 | isa = PBXReferenceProxy; 811 | fileType = archive.ar; 812 | path = "libRCTText-tvOS.a"; 813 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 814 | sourceTree = BUILT_PRODUCTS_DIR; 815 | }; 816 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 817 | isa = PBXReferenceProxy; 818 | fileType = archive.ar; 819 | path = "libRCTWebSocket-tvOS.a"; 820 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 821 | sourceTree = BUILT_PRODUCTS_DIR; 822 | }; 823 | 3DAD3EA31DF850E9000B6D8A /* libReact-tvOS.a */ = { 824 | isa = PBXReferenceProxy; 825 | fileType = archive.ar; 826 | path = "libReact-tvOS.a"; 827 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 828 | sourceTree = BUILT_PRODUCTS_DIR; 829 | }; 830 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 831 | isa = PBXReferenceProxy; 832 | fileType = archive.ar; 833 | path = libyoga.a; 834 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 835 | sourceTree = BUILT_PRODUCTS_DIR; 836 | }; 837 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 838 | isa = PBXReferenceProxy; 839 | fileType = archive.ar; 840 | path = libyoga.a; 841 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 842 | sourceTree = BUILT_PRODUCTS_DIR; 843 | }; 844 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 845 | isa = PBXReferenceProxy; 846 | fileType = archive.ar; 847 | path = libcxxreact.a; 848 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 849 | sourceTree = BUILT_PRODUCTS_DIR; 850 | }; 851 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 852 | isa = PBXReferenceProxy; 853 | fileType = archive.ar; 854 | path = libcxxreact.a; 855 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 856 | sourceTree = BUILT_PRODUCTS_DIR; 857 | }; 858 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 859 | isa = PBXReferenceProxy; 860 | fileType = archive.ar; 861 | path = libjschelpers.a; 862 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 863 | sourceTree = BUILT_PRODUCTS_DIR; 864 | }; 865 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 866 | isa = PBXReferenceProxy; 867 | fileType = archive.ar; 868 | path = libjschelpers.a; 869 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 870 | sourceTree = BUILT_PRODUCTS_DIR; 871 | }; 872 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 873 | isa = PBXReferenceProxy; 874 | fileType = archive.ar; 875 | path = libRCTAnimation.a; 876 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 877 | sourceTree = BUILT_PRODUCTS_DIR; 878 | }; 879 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 880 | isa = PBXReferenceProxy; 881 | fileType = archive.ar; 882 | path = "libRCTAnimation-tvOS.a"; 883 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 884 | sourceTree = BUILT_PRODUCTS_DIR; 885 | }; 886 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 887 | isa = PBXReferenceProxy; 888 | fileType = archive.ar; 889 | path = libRCTLinking.a; 890 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 891 | sourceTree = BUILT_PRODUCTS_DIR; 892 | }; 893 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 894 | isa = PBXReferenceProxy; 895 | fileType = archive.ar; 896 | path = libRCTText.a; 897 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 898 | sourceTree = BUILT_PRODUCTS_DIR; 899 | }; 900 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */ = { 901 | isa = PBXReferenceProxy; 902 | fileType = archive.ar; 903 | path = libRCTBlob.a; 904 | remoteRef = ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */; 905 | sourceTree = BUILT_PRODUCTS_DIR; 906 | }; 907 | /* End PBXReferenceProxy section */ 908 | 909 | /* Begin PBXResourcesBuildPhase section */ 910 | 00E356EC1AD99517003FC87E /* Resources */ = { 911 | isa = PBXResourcesBuildPhase; 912 | buildActionMask = 2147483647; 913 | files = ( 914 | ); 915 | runOnlyForDeploymentPostprocessing = 0; 916 | }; 917 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 918 | isa = PBXResourcesBuildPhase; 919 | buildActionMask = 2147483647; 920 | files = ( 921 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 922 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 923 | ED68835CA4374BCE95957653 /* Entypo.ttf in Resources */, 924 | 28A4D0411826431CBA35BA09 /* EvilIcons.ttf in Resources */, 925 | 0303C138F2814EEBBEAEBBE0 /* Feather.ttf in Resources */, 926 | 768784B2266941AA981D460F /* FontAwesome.ttf in Resources */, 927 | 42E1DD25CD1449AFA58229E1 /* Foundation.ttf in Resources */, 928 | A52D30BB64BC4FA984FD8B4E /* Ionicons.ttf in Resources */, 929 | 04535FC62FCA4AFA984FD9AE /* MaterialCommunityIcons.ttf in Resources */, 930 | 0B9234B931794679B8EC3AA5 /* MaterialIcons.ttf in Resources */, 931 | FB690D31DD8B46F48D58AEC4 /* Octicons.ttf in Resources */, 932 | C0E12BC9D0B0413BA430A261 /* SimpleLineIcons.ttf in Resources */, 933 | 65A2D99D456845DAAB4FE20B /* Zocial.ttf in Resources */, 934 | ); 935 | runOnlyForDeploymentPostprocessing = 0; 936 | }; 937 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 938 | isa = PBXResourcesBuildPhase; 939 | buildActionMask = 2147483647; 940 | files = ( 941 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 942 | ); 943 | runOnlyForDeploymentPostprocessing = 0; 944 | }; 945 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 946 | isa = PBXResourcesBuildPhase; 947 | buildActionMask = 2147483647; 948 | files = ( 949 | ); 950 | runOnlyForDeploymentPostprocessing = 0; 951 | }; 952 | /* End PBXResourcesBuildPhase section */ 953 | 954 | /* Begin PBXShellScriptBuildPhase section */ 955 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 956 | isa = PBXShellScriptBuildPhase; 957 | buildActionMask = 2147483647; 958 | files = ( 959 | ); 960 | inputPaths = ( 961 | ); 962 | name = "Bundle React Native code and images"; 963 | outputPaths = ( 964 | ); 965 | runOnlyForDeploymentPostprocessing = 0; 966 | shellPath = /bin/sh; 967 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 968 | }; 969 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 970 | isa = PBXShellScriptBuildPhase; 971 | buildActionMask = 2147483647; 972 | files = ( 973 | ); 974 | inputPaths = ( 975 | ); 976 | name = "Bundle React Native Code And Images"; 977 | outputPaths = ( 978 | ); 979 | runOnlyForDeploymentPostprocessing = 0; 980 | shellPath = /bin/sh; 981 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 982 | }; 983 | /* End PBXShellScriptBuildPhase section */ 984 | 985 | /* Begin PBXSourcesBuildPhase section */ 986 | 00E356EA1AD99517003FC87E /* Sources */ = { 987 | isa = PBXSourcesBuildPhase; 988 | buildActionMask = 2147483647; 989 | files = ( 990 | 00E356F31AD99517003FC87E /* ExampleTests.m in Sources */, 991 | ); 992 | runOnlyForDeploymentPostprocessing = 0; 993 | }; 994 | 13B07F871A680F5B00A75B9A /* Sources */ = { 995 | isa = PBXSourcesBuildPhase; 996 | buildActionMask = 2147483647; 997 | files = ( 998 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 999 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 1000 | ); 1001 | runOnlyForDeploymentPostprocessing = 0; 1002 | }; 1003 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 1004 | isa = PBXSourcesBuildPhase; 1005 | buildActionMask = 2147483647; 1006 | files = ( 1007 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 1008 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 1009 | ); 1010 | runOnlyForDeploymentPostprocessing = 0; 1011 | }; 1012 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 1013 | isa = PBXSourcesBuildPhase; 1014 | buildActionMask = 2147483647; 1015 | files = ( 1016 | 2DCD954D1E0B4F2C00145EB5 /* ExampleTests.m in Sources */, 1017 | ); 1018 | runOnlyForDeploymentPostprocessing = 0; 1019 | }; 1020 | /* End PBXSourcesBuildPhase section */ 1021 | 1022 | /* Begin PBXTargetDependency section */ 1023 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 1024 | isa = PBXTargetDependency; 1025 | target = 13B07F861A680F5B00A75B9A /* Example */; 1026 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 1027 | }; 1028 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 1029 | isa = PBXTargetDependency; 1030 | target = 2D02E47A1E0B4A5D006451C7 /* Example-tvOS */; 1031 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 1032 | }; 1033 | /* End PBXTargetDependency section */ 1034 | 1035 | /* Begin PBXVariantGroup section */ 1036 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 1037 | isa = PBXVariantGroup; 1038 | children = ( 1039 | 13B07FB21A68108700A75B9A /* Base */, 1040 | ); 1041 | name = LaunchScreen.xib; 1042 | path = Example; 1043 | sourceTree = ""; 1044 | }; 1045 | /* End PBXVariantGroup section */ 1046 | 1047 | /* Begin XCBuildConfiguration section */ 1048 | 00E356F61AD99517003FC87E /* Debug */ = { 1049 | isa = XCBuildConfiguration; 1050 | buildSettings = { 1051 | BUNDLE_LOADER = "$(TEST_HOST)"; 1052 | GCC_PREPROCESSOR_DEFINITIONS = ( 1053 | "DEBUG=1", 1054 | "$(inherited)", 1055 | ); 1056 | INFOPLIST_FILE = ExampleTests/Info.plist; 1057 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1058 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1059 | OTHER_LDFLAGS = ( 1060 | "-ObjC", 1061 | "-lc++", 1062 | ); 1063 | PRODUCT_NAME = "$(TARGET_NAME)"; 1064 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example.app/Example"; 1065 | LIBRARY_SEARCH_PATHS = ( 1066 | "$(inherited)", 1067 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1068 | ); 1069 | HEADER_SEARCH_PATHS = ( 1070 | "$(inherited)", 1071 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 1072 | ); 1073 | }; 1074 | name = Debug; 1075 | }; 1076 | 00E356F71AD99517003FC87E /* Release */ = { 1077 | isa = XCBuildConfiguration; 1078 | buildSettings = { 1079 | BUNDLE_LOADER = "$(TEST_HOST)"; 1080 | COPY_PHASE_STRIP = NO; 1081 | INFOPLIST_FILE = ExampleTests/Info.plist; 1082 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1083 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1084 | OTHER_LDFLAGS = ( 1085 | "-ObjC", 1086 | "-lc++", 1087 | ); 1088 | PRODUCT_NAME = "$(TARGET_NAME)"; 1089 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example.app/Example"; 1090 | LIBRARY_SEARCH_PATHS = ( 1091 | "$(inherited)", 1092 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1093 | ); 1094 | HEADER_SEARCH_PATHS = ( 1095 | "$(inherited)", 1096 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 1097 | ); 1098 | }; 1099 | name = Release; 1100 | }; 1101 | 13B07F941A680F5B00A75B9A /* Debug */ = { 1102 | isa = XCBuildConfiguration; 1103 | buildSettings = { 1104 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1105 | CURRENT_PROJECT_VERSION = 1; 1106 | DEAD_CODE_STRIPPING = NO; 1107 | INFOPLIST_FILE = Example/Info.plist; 1108 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1109 | OTHER_LDFLAGS = ( 1110 | "$(inherited)", 1111 | "-ObjC", 1112 | "-lc++", 1113 | ); 1114 | PRODUCT_NAME = Example; 1115 | VERSIONING_SYSTEM = "apple-generic"; 1116 | HEADER_SEARCH_PATHS = ( 1117 | "$(inherited)", 1118 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 1119 | ); 1120 | }; 1121 | name = Debug; 1122 | }; 1123 | 13B07F951A680F5B00A75B9A /* Release */ = { 1124 | isa = XCBuildConfiguration; 1125 | buildSettings = { 1126 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1127 | CURRENT_PROJECT_VERSION = 1; 1128 | INFOPLIST_FILE = Example/Info.plist; 1129 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1130 | OTHER_LDFLAGS = ( 1131 | "$(inherited)", 1132 | "-ObjC", 1133 | "-lc++", 1134 | ); 1135 | PRODUCT_NAME = Example; 1136 | VERSIONING_SYSTEM = "apple-generic"; 1137 | HEADER_SEARCH_PATHS = ( 1138 | "$(inherited)", 1139 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 1140 | ); 1141 | }; 1142 | name = Release; 1143 | }; 1144 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 1145 | isa = XCBuildConfiguration; 1146 | buildSettings = { 1147 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1148 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1149 | CLANG_ANALYZER_NONNULL = YES; 1150 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1151 | CLANG_WARN_INFINITE_RECURSION = YES; 1152 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1153 | DEBUG_INFORMATION_FORMAT = dwarf; 1154 | ENABLE_TESTABILITY = YES; 1155 | GCC_NO_COMMON_BLOCKS = YES; 1156 | INFOPLIST_FILE = "Example-tvOS/Info.plist"; 1157 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1158 | OTHER_LDFLAGS = ( 1159 | "-ObjC", 1160 | "-lc++", 1161 | ); 1162 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOS"; 1163 | PRODUCT_NAME = "$(TARGET_NAME)"; 1164 | SDKROOT = appletvos; 1165 | TARGETED_DEVICE_FAMILY = 3; 1166 | TVOS_DEPLOYMENT_TARGET = 9.2; 1167 | LIBRARY_SEARCH_PATHS = ( 1168 | "$(inherited)", 1169 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1170 | ); 1171 | HEADER_SEARCH_PATHS = ( 1172 | "$(inherited)", 1173 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 1174 | ); 1175 | }; 1176 | name = Debug; 1177 | }; 1178 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 1179 | isa = XCBuildConfiguration; 1180 | buildSettings = { 1181 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1182 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1183 | CLANG_ANALYZER_NONNULL = YES; 1184 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1185 | CLANG_WARN_INFINITE_RECURSION = YES; 1186 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1187 | COPY_PHASE_STRIP = NO; 1188 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1189 | GCC_NO_COMMON_BLOCKS = YES; 1190 | INFOPLIST_FILE = "Example-tvOS/Info.plist"; 1191 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1192 | OTHER_LDFLAGS = ( 1193 | "-ObjC", 1194 | "-lc++", 1195 | ); 1196 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOS"; 1197 | PRODUCT_NAME = "$(TARGET_NAME)"; 1198 | SDKROOT = appletvos; 1199 | TARGETED_DEVICE_FAMILY = 3; 1200 | TVOS_DEPLOYMENT_TARGET = 9.2; 1201 | LIBRARY_SEARCH_PATHS = ( 1202 | "$(inherited)", 1203 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1204 | ); 1205 | HEADER_SEARCH_PATHS = ( 1206 | "$(inherited)", 1207 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 1208 | ); 1209 | }; 1210 | name = Release; 1211 | }; 1212 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 1213 | isa = XCBuildConfiguration; 1214 | buildSettings = { 1215 | BUNDLE_LOADER = "$(TEST_HOST)"; 1216 | CLANG_ANALYZER_NONNULL = YES; 1217 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1218 | CLANG_WARN_INFINITE_RECURSION = YES; 1219 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1220 | DEBUG_INFORMATION_FORMAT = dwarf; 1221 | ENABLE_TESTABILITY = YES; 1222 | GCC_NO_COMMON_BLOCKS = YES; 1223 | INFOPLIST_FILE = "Example-tvOSTests/Info.plist"; 1224 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1225 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOSTests"; 1226 | PRODUCT_NAME = "$(TARGET_NAME)"; 1227 | SDKROOT = appletvos; 1228 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example-tvOS.app/Example-tvOS"; 1229 | TVOS_DEPLOYMENT_TARGET = 10.1; 1230 | LIBRARY_SEARCH_PATHS = ( 1231 | "$(inherited)", 1232 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1233 | ); 1234 | }; 1235 | name = Debug; 1236 | }; 1237 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 1238 | isa = XCBuildConfiguration; 1239 | buildSettings = { 1240 | BUNDLE_LOADER = "$(TEST_HOST)"; 1241 | CLANG_ANALYZER_NONNULL = YES; 1242 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1243 | CLANG_WARN_INFINITE_RECURSION = YES; 1244 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1245 | COPY_PHASE_STRIP = NO; 1246 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1247 | GCC_NO_COMMON_BLOCKS = YES; 1248 | INFOPLIST_FILE = "Example-tvOSTests/Info.plist"; 1249 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1250 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.Example-tvOSTests"; 1251 | PRODUCT_NAME = "$(TARGET_NAME)"; 1252 | SDKROOT = appletvos; 1253 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Example-tvOS.app/Example-tvOS"; 1254 | TVOS_DEPLOYMENT_TARGET = 10.1; 1255 | LIBRARY_SEARCH_PATHS = ( 1256 | "$(inherited)", 1257 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 1258 | ); 1259 | }; 1260 | name = Release; 1261 | }; 1262 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 1263 | isa = XCBuildConfiguration; 1264 | buildSettings = { 1265 | ALWAYS_SEARCH_USER_PATHS = NO; 1266 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1267 | CLANG_CXX_LIBRARY = "libc++"; 1268 | CLANG_ENABLE_MODULES = YES; 1269 | CLANG_ENABLE_OBJC_ARC = YES; 1270 | CLANG_WARN_BOOL_CONVERSION = YES; 1271 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1272 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1273 | CLANG_WARN_EMPTY_BODY = YES; 1274 | CLANG_WARN_ENUM_CONVERSION = YES; 1275 | CLANG_WARN_INT_CONVERSION = YES; 1276 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1277 | CLANG_WARN_UNREACHABLE_CODE = YES; 1278 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1279 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1280 | COPY_PHASE_STRIP = NO; 1281 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1282 | GCC_C_LANGUAGE_STANDARD = gnu99; 1283 | GCC_DYNAMIC_NO_PIC = NO; 1284 | GCC_OPTIMIZATION_LEVEL = 0; 1285 | GCC_PREPROCESSOR_DEFINITIONS = ( 1286 | "DEBUG=1", 1287 | "$(inherited)", 1288 | ); 1289 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 1290 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1291 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1292 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1293 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1294 | GCC_WARN_UNUSED_FUNCTION = YES; 1295 | GCC_WARN_UNUSED_VARIABLE = YES; 1296 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1297 | MTL_ENABLE_DEBUG_INFO = YES; 1298 | ONLY_ACTIVE_ARCH = YES; 1299 | SDKROOT = iphoneos; 1300 | }; 1301 | name = Debug; 1302 | }; 1303 | 83CBBA211A601CBA00E9B192 /* Release */ = { 1304 | isa = XCBuildConfiguration; 1305 | buildSettings = { 1306 | ALWAYS_SEARCH_USER_PATHS = NO; 1307 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1308 | CLANG_CXX_LIBRARY = "libc++"; 1309 | CLANG_ENABLE_MODULES = YES; 1310 | CLANG_ENABLE_OBJC_ARC = YES; 1311 | CLANG_WARN_BOOL_CONVERSION = YES; 1312 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1313 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1314 | CLANG_WARN_EMPTY_BODY = YES; 1315 | CLANG_WARN_ENUM_CONVERSION = YES; 1316 | CLANG_WARN_INT_CONVERSION = YES; 1317 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1318 | CLANG_WARN_UNREACHABLE_CODE = YES; 1319 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1320 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1321 | COPY_PHASE_STRIP = YES; 1322 | ENABLE_NS_ASSERTIONS = NO; 1323 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1324 | GCC_C_LANGUAGE_STANDARD = gnu99; 1325 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1326 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1327 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1328 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1329 | GCC_WARN_UNUSED_FUNCTION = YES; 1330 | GCC_WARN_UNUSED_VARIABLE = YES; 1331 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1332 | MTL_ENABLE_DEBUG_INFO = NO; 1333 | SDKROOT = iphoneos; 1334 | VALIDATE_PRODUCT = YES; 1335 | }; 1336 | name = Release; 1337 | }; 1338 | /* End XCBuildConfiguration section */ 1339 | 1340 | /* Begin XCConfigurationList section */ 1341 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "ExampleTests" */ = { 1342 | isa = XCConfigurationList; 1343 | buildConfigurations = ( 1344 | 00E356F61AD99517003FC87E /* Debug */, 1345 | 00E356F71AD99517003FC87E /* Release */, 1346 | ); 1347 | defaultConfigurationIsVisible = 0; 1348 | defaultConfigurationName = Release; 1349 | }; 1350 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Example" */ = { 1351 | isa = XCConfigurationList; 1352 | buildConfigurations = ( 1353 | 13B07F941A680F5B00A75B9A /* Debug */, 1354 | 13B07F951A680F5B00A75B9A /* Release */, 1355 | ); 1356 | defaultConfigurationIsVisible = 0; 1357 | defaultConfigurationName = Release; 1358 | }; 1359 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOS" */ = { 1360 | isa = XCConfigurationList; 1361 | buildConfigurations = ( 1362 | 2D02E4971E0B4A5E006451C7 /* Debug */, 1363 | 2D02E4981E0B4A5E006451C7 /* Release */, 1364 | ); 1365 | defaultConfigurationIsVisible = 0; 1366 | defaultConfigurationName = Release; 1367 | }; 1368 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "Example-tvOSTests" */ = { 1369 | isa = XCConfigurationList; 1370 | buildConfigurations = ( 1371 | 2D02E4991E0B4A5E006451C7 /* Debug */, 1372 | 2D02E49A1E0B4A5E006451C7 /* Release */, 1373 | ); 1374 | defaultConfigurationIsVisible = 0; 1375 | defaultConfigurationName = Release; 1376 | }; 1377 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Example" */ = { 1378 | isa = XCConfigurationList; 1379 | buildConfigurations = ( 1380 | 83CBBA201A601CBA00E9B192 /* Debug */, 1381 | 83CBBA211A601CBA00E9B192 /* Release */, 1382 | ); 1383 | defaultConfigurationIsVisible = 0; 1384 | defaultConfigurationName = Release; 1385 | }; 1386 | /* End XCConfigurationList section */ 1387 | }; 1388 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1389 | } 1390 | --------------------------------------------------------------------------------