├── .npmignore ├── examples ├── FacebookTabsExample │ ├── .watchmanconfig │ ├── 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 │ │ │ │ │ ├── ionicons.ttf │ │ │ │ │ ├── fonts │ │ │ │ │ │ ├── Entypo.ttf │ │ │ │ │ │ ├── Ionicons.ttf │ │ │ │ │ │ ├── Octicons.ttf │ │ │ │ │ │ ├── Zocial.ttf │ │ │ │ │ │ ├── EvilIcons.ttf │ │ │ │ │ │ ├── Foundation.ttf │ │ │ │ │ │ ├── FontAwesome.ttf │ │ │ │ │ │ └── MaterialIcons.ttf │ │ │ │ │ └── ion.json │ │ │ │ │ ├── AndroidManifest.xml │ │ │ │ │ └── java │ │ │ │ │ └── com │ │ │ │ │ └── facebooktabsexample │ │ │ │ │ └── MainActivity.java │ │ │ ├── BUCK │ │ │ ├── proguard-rules.pro │ │ │ ├── react.gradle │ │ │ └── build.gradle │ │ ├── gradle │ │ │ └── wrapper │ │ │ │ ├── gradle-wrapper.jar │ │ │ │ └── gradle-wrapper.properties │ │ ├── settings.gradle │ │ ├── build.gradle │ │ ├── gradle.properties │ │ ├── gradlew.bat │ │ └── gradlew │ ├── .buckconfig │ ├── ios │ │ ├── Fonts │ │ │ ├── Entypo.ttf │ │ │ ├── Zocial.ttf │ │ │ ├── EvilIcons.ttf │ │ │ ├── Ionicons.ttf │ │ │ ├── Octicons.ttf │ │ │ ├── FontAwesome.ttf │ │ │ ├── Foundation.ttf │ │ │ └── MaterialIcons.ttf │ │ ├── FacebookTabsExample │ │ │ ├── AppDelegate.h │ │ │ ├── main.m │ │ │ ├── Images.xcassets │ │ │ │ └── AppIcon.appiconset │ │ │ │ │ └── Contents.json │ │ │ ├── Info.plist │ │ │ ├── AppDelegate.m │ │ │ └── Base.lproj │ │ │ │ └── LaunchScreen.xib │ │ ├── FacebookTabsExampleTests │ │ │ ├── Info.plist │ │ │ └── FacebookTabsExampleTests.m │ │ └── FacebookTabsExample.xcodeproj │ │ │ ├── xcshareddata │ │ │ └── xcschemes │ │ │ │ └── FacebookTabsExample.xcscheme │ │ │ └── project.pbxproj │ ├── index.ios.js │ ├── index.android.js │ ├── package.json │ ├── SimpleExample.js │ ├── .gitignore │ ├── ScrollableTabsExample.js │ ├── DynamicExample.js │ ├── OverlayExample.js │ ├── FacebookExample.js │ ├── FacebookTabBar.js │ ├── index.js │ └── .flowconfig └── .DS_Store ├── .DS_Store ├── demo_images ├── demo.gif ├── .DS_Store ├── demo-fb.gif ├── facebook_tabbar.mov.gif ├── simple_example.mov.gif ├── scrollable_example.mov.gif └── transparent_tabbar.mov.gif ├── Button.ios.js ├── Button.android.js ├── SceneComponent.js ├── package.json ├── DefaultTabBar.js ├── README.md ├── ScrollableTabBar.js ├── .eslintrc └── index.js /.npmignore: -------------------------------------------------------------------------------- 1 | examples 2 | demo_images 3 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/.DS_Store -------------------------------------------------------------------------------- /demo_images/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/demo_images/demo.gif -------------------------------------------------------------------------------- /examples/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/.DS_Store -------------------------------------------------------------------------------- /demo_images/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/demo_images/.DS_Store -------------------------------------------------------------------------------- /demo_images/demo-fb.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/demo_images/demo-fb.gif -------------------------------------------------------------------------------- /demo_images/facebook_tabbar.mov.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/demo_images/facebook_tabbar.mov.gif -------------------------------------------------------------------------------- /demo_images/simple_example.mov.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/demo_images/simple_example.mov.gif -------------------------------------------------------------------------------- /demo_images/scrollable_example.mov.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/demo_images/scrollable_example.mov.gif -------------------------------------------------------------------------------- /demo_images/transparent_tabbar.mov.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/demo_images/transparent_tabbar.mov.gif -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | FacebookTabsExample 4 | 5 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/Entypo.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/Entypo.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/Zocial.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/Zocial.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/EvilIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/EvilIcons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/Ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/Ionicons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/Octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/Octicons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/FontAwesome.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/FontAwesome.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/Foundation.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/Foundation.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/Fonts/MaterialIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/ios/Fonts/MaterialIcons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/ionicons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/Entypo.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/Entypo.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/Ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/Ionicons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/Octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/Octicons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/Zocial.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/Zocial.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/EvilIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/EvilIcons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/Foundation.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/Foundation.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/index.ios.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry, } from 'react-native'; 2 | import FacebookTabsExample from './index.js'; 3 | 4 | AppRegistry.registerComponent('FacebookTabsExample', () => FacebookTabsExample); 5 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/FontAwesome.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/FontAwesome.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/fonts/MaterialIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/assets/fonts/MaterialIcons.ttf -------------------------------------------------------------------------------- /examples/FacebookTabsExample/index.android.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry, } from 'react-native'; 2 | import FacebookTabsExample from './index.js'; 3 | 4 | AppRegistry.registerComponent('FacebookTabsExample', () => FacebookTabsExample); 5 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukamarin/scrollable-tab-view-react-native/HEAD/examples/FacebookTabsExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'FacebookTabsExample' 2 | 3 | include ':app' 4 | include ':react-native-vector-icons' 5 | project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android') 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 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "FacebookTabsExample", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node_modules/react-native/packager/packager.sh" 7 | }, 8 | "dependencies": { 9 | "react": "^15.1.0", 10 | "react-native": "^0.28.0", 11 | "react-native-scrollable-tab-view": "../..", 12 | "react-native-vector-icons": "^2.0.3", 13 | "react-timer-mixin": "^0.13.3" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /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('react-static-container'); 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 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/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 React.createClass({ 9 | render() { 10 | return } 13 | > 14 | My 15 | favorite 16 | project 17 | ; 18 | }, 19 | }); 20 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IJ 26 | # 27 | *.iml 28 | .idea 29 | .gradle 30 | local.properties 31 | 32 | # node.js 33 | # 34 | node_modules/ 35 | npm-debug.log 36 | 37 | # BUCK 38 | buck-out/ 39 | \.buckd/ 40 | android/app/libs 41 | android/keystores/debug.keystore 42 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/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 React.createClass({ 10 | render() { 11 | return } 15 | > 16 | My 17 | favorite 18 | project 19 | favorite 20 | project 21 | 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-scrollable-tab-view", 3 | "version": "0.5.3", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/brentvatne/react-native-scrollable-tab-view.git" 12 | }, 13 | "keywords": [ 14 | "react-native-component", 15 | "react-component", 16 | "react-native", 17 | "ios", 18 | "tab", 19 | "scrollable" 20 | ], 21 | "author": "Brent Vatne", 22 | "license": "MIT", 23 | "bugs": { 24 | "url": "https://github.com/brentvatne/react-native-scrollable-tab-view/issues" 25 | }, 26 | "peerDependencies": { 27 | "react-native": ">=0.20.0" 28 | }, 29 | "homepage": "https://github.com/brentvatne/react-native-scrollable-tab-view#readme", 30 | "dependencies": { 31 | "react-static-container": "^1.0.1", 32 | "react-timer-mixin": "^0.13.3" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/java/com/facebooktabsexample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.facebooktabsexample; 2 | 3 | import com.facebook.react.ReactActivity; 4 | import com.oblador.vectoricons.VectorIconsPackage; 5 | import com.facebook.react.ReactPackage; 6 | import com.facebook.react.shell.MainReactPackage; 7 | 8 | import java.util.Arrays; 9 | import java.util.List; 10 | 11 | public class MainActivity extends ReactActivity { 12 | 13 | /** 14 | * Returns the name of the main component registered from JavaScript. 15 | * This is used to schedule rendering of the component. 16 | */ 17 | @Override 18 | protected String getMainComponentName() { 19 | return "FacebookTabsExample"; 20 | } 21 | 22 | /** 23 | * Returns whether dev mode should be enabled. 24 | * This enables e.g. the dev menu. 25 | */ 26 | @Override 27 | protected boolean getUseDeveloperSupport() { 28 | return BuildConfig.DEBUG; 29 | } 30 | 31 | /** 32 | * A list of packages used by the app. If the app uses additional views 33 | * or modules besides the default ones, add more packages here. 34 | */ 35 | @Override 36 | protected List getPackages() { 37 | return Arrays.asList( 38 | new MainReactPackage(), 39 | new VectorIconsPackage() 40 | ); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/DynamicExample.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Text, 4 | } from 'react-native'; 5 | import TimerMixin from 'react-timer-mixin'; 6 | 7 | import ScrollableTabView, { DefaultTabBar, } from 'react-native-scrollable-tab-view'; 8 | 9 | const Child = React.createClass({ 10 | onEnter() { 11 | console.log('enter: ' + this.props.i); 12 | }, 13 | 14 | onLeave() { 15 | console.log('leave: ' + this.props.i); 16 | }, 17 | 18 | render() { 19 | const i = this.props.i; 20 | return {`tab${i}`}; 21 | }, 22 | }); 23 | 24 | export default React.createClass({ 25 | mixins: [TimerMixin, ], 26 | children: [], 27 | 28 | getInitialState() { 29 | return { 30 | tabs: [], 31 | }; 32 | }, 33 | 34 | componentDidMount() { 35 | this.setTimeout( 36 | () => { this.setState({ tabs: [1, 2, 3, ], }); }, 37 | 100 38 | ); 39 | }, 40 | 41 | handleChangeTab({i, ref, from, }) { 42 | this.children[i].onEnter(); 43 | this.children[from].onLeave(); 44 | }, 45 | 46 | render() { 47 | return } 50 | onChangeTab={this.handleChangeTab} 51 | > 52 | {this.state.tabs.map((tab, i) => { 53 | return this.children[i] = ref} 55 | tabLabel={`tab${i}`} 56 | i={i} 57 | key={i} 58 | />; 59 | })} 60 | ; 61 | }, 62 | }); 63 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/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. } 18 | tabBarPosition='overlayTop' 19 | > 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | ; 32 | }, 33 | }); 34 | 35 | const styles = StyleSheet.create({ 36 | container: { 37 | marginTop: 30, 38 | }, 39 | icon: { 40 | width: 300, 41 | height: 300, 42 | alignSelf: 'center', 43 | }, 44 | }); 45 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.facebooktabsexample', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.facebooktabsexample', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/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 React.createClass({ 13 | render() { 14 | return } 18 | > 19 | 20 | 21 | News 22 | 23 | 24 | 25 | 26 | Friends 27 | 28 | 29 | 30 | 31 | Messenger 32 | 33 | 34 | 35 | 36 | Notifications 37 | 38 | 39 | 40 | 41 | Other nav 42 | 43 | 44 | 45 | }, 46 | }); 47 | 48 | const styles = StyleSheet.create({ 49 | tabView: { 50 | flex: 1, 51 | padding: 10, 52 | backgroundColor: 'rgba(0,0,0,0.01)', 53 | }, 54 | card: { 55 | borderWidth: 1, 56 | backgroundColor: '#fff', 57 | borderColor: 'rgba(0,0,0,0.1)', 58 | margin: 5, 59 | height: 150, 60 | padding: 15, 61 | shadowColor: '#ccc', 62 | shadowOffset: { width: 2, height: 2, }, 63 | shadowOpacity: 0.5, 64 | shadowRadius: 3, 65 | }, 66 | }); 67 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample/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 | NSAllowsArbitraryLoads 44 | 45 | 46 | UIAppFonts 47 | 48 | Entypo.ttf 49 | EvilIcons.ttf 50 | FontAwesome.ttf 51 | Foundation.ttf 52 | Ionicons.ttf 53 | MaterialIcons.ttf 54 | Octicons.ttf 55 | Zocial.ttf 56 | 57 | 58 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/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 | const FacebookTabBar = React.createClass({ 11 | tabIcons: [], 12 | 13 | propTypes: { 14 | goToPage: React.PropTypes.func, 15 | activeTab: React.PropTypes.number, 16 | tabs: React.PropTypes.array, 17 | }, 18 | 19 | componentDidMount() { 20 | this._listener = this.props.scrollValue.addListener(this.setAnimationValue); 21 | }, 22 | 23 | setAnimationValue({ value, }) { 24 | this.tabIcons.forEach((icon, i) => { 25 | const progress = (value - i >= 0 && value - i <= 1) ? value - i : 1; 26 | icon.setNativeProps({ 27 | style: { 28 | color: this.iconColor(progress), 29 | }, 30 | }); 31 | }); 32 | }, 33 | 34 | //color between rgb(59,89,152) and rgb(204,204,204) 35 | iconColor(progress) { 36 | const red = 59 + (204 - 59) * progress; 37 | const green = 89 + (204 - 89) * progress; 38 | const blue = 152 + (204 - 152) * progress; 39 | return `rgb(${red}, ${green}, ${blue})`; 40 | }, 41 | 42 | render() { 43 | return 44 | {this.props.tabs.map((tab, i) => { 45 | return this.props.goToPage(i)} style={styles.tab}> 46 | { this.tabIcons[i] = icon; }} 51 | /> 52 | ; 53 | })} 54 | ; 55 | }, 56 | }); 57 | 58 | const styles = StyleSheet.create({ 59 | tab: { 60 | flex: 1, 61 | alignItems: 'center', 62 | justifyContent: 'center', 63 | paddingBottom: 10, 64 | }, 65 | tabs: { 66 | height: 45, 67 | flexDirection: 'row', 68 | paddingTop: 5, 69 | borderWidth: 1, 70 | borderTopWidth: 0, 71 | borderLeftWidth: 0, 72 | borderRightWidth: 0, 73 | borderBottomColor: 'rgba(0,0,0,0.05)', 74 | }, 75 | }); 76 | 77 | export default FacebookTabBar; 78 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExampleTests/FacebookTabsExampleTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface FacebookTabsExampleTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation FacebookTabsExampleTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | StyleSheet, 4 | Text, 5 | View, 6 | ScrollView, 7 | Navigator, 8 | TouchableOpacity, 9 | } from 'react-native'; 10 | import SimpleExample from './SimpleExample'; 11 | import ScrollableTabsExample from './ScrollableTabsExample'; 12 | import OverlayExample from './OverlayExample'; 13 | import FacebookExample from './FacebookExample'; 14 | import DynamicExample from './DynamicExample'; 15 | 16 | export default React.createClass({ 17 | render() { 18 | return ; 23 | }, 24 | 25 | renderScene(route, nav) { 26 | switch (route.id) { 27 | case 'simple': 28 | return ; 29 | case 'scrollable': 30 | return ; 31 | case 'overlay': 32 | return ; 33 | case 'facebook': 34 | return ; 35 | case 'dynamic': 36 | return ; 37 | default: 38 | return 39 | nav.push({id: 'simple', })} 42 | > 43 | Simple example 44 | 45 | 46 | nav.push({id: 'scrollable', })} 49 | > 50 | Scrollable tabs example 51 | 52 | 53 | nav.push({id: 'overlay', })} 56 | > 57 | Overlay example 58 | 59 | 60 | nav.push({id: 'facebook', })} 63 | > 64 | Facebook tabs example 65 | 66 | 67 | nav.push({id: 'dynamic', })} 70 | > 71 | Dynamic tabs example 72 | 73 | ; 74 | } 75 | }, 76 | }); 77 | 78 | const styles = StyleSheet.create({ 79 | container: { 80 | flex: 1, 81 | marginTop: 30, 82 | alignItems: 'center', 83 | }, 84 | button: { 85 | padding: 10, 86 | }, 87 | }); 88 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import "RCTRootView.h" 13 | 14 | @implementation AppDelegate 15 | 16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 17 | { 18 | NSURL *jsCodeLocation; 19 | 20 | /** 21 | * Loading JavaScript code - uncomment the one you want. 22 | * 23 | * OPTION 1 24 | * Load from development server. Start the server from the repository root: 25 | * 26 | * $ npm start 27 | * 28 | * To run on device, change `localhost` to the IP address of your computer 29 | * (you can get this by typing `ifconfig` into the terminal and selecting the 30 | * `inet` value under `en0:`) and make sure your computer and iOS device are 31 | * on the same Wi-Fi network. 32 | */ 33 | 34 | #if RCT_DEV 35 | jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"]; 36 | #else 37 | jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 38 | #endif 39 | 40 | /** 41 | * OPTION 2 42 | * Load from pre-bundled file on disk. The static bundle is automatically 43 | * generated by the "Bundle React Native code and images" build step when 44 | * running the project on an actual device or running the project on the 45 | * simulator in the "Release" build configuration. 46 | */ 47 | 48 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 49 | 50 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 51 | moduleName:@"FacebookTabsExample" 52 | initialProperties:nil 53 | launchOptions:launchOptions]; 54 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 55 | 56 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 57 | UIViewController *rootViewController = [UIViewController new]; 58 | rootViewController.view = rootView; 59 | self.window.rootViewController = rootViewController; 60 | [self.window makeKeyAndVisible]; 61 | return YES; 62 | } 63 | 64 | @end 65 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/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 | -------------------------------------------------------------------------------- /DefaultTabBar.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const ReactNative = require('react-native'); 3 | const { 4 | StyleSheet, 5 | Text, 6 | View, 7 | Animated, 8 | } = ReactNative; 9 | const Button = require('./Button'); 10 | 11 | const DefaultTabBar = React.createClass({ 12 | propTypes: { 13 | goToPage: React.PropTypes.func, 14 | activeTab: React.PropTypes.number, 15 | tabs: React.PropTypes.array, 16 | underlineColor: React.PropTypes.string, 17 | underlineHeight: React.PropTypes.number, 18 | backgroundColor: React.PropTypes.string, 19 | activeTextColor: React.PropTypes.string, 20 | inactiveTextColor: React.PropTypes.string, 21 | textStyle: Text.propTypes.style, 22 | tabStyle: View.propTypes.style, 23 | }, 24 | 25 | getDefaultProps() { 26 | return { 27 | activeTextColor: 'navy', 28 | inactiveTextColor: 'black', 29 | underlineColor: 'navy', 30 | backgroundColor: null, 31 | underlineHeight: 4, 32 | }; 33 | }, 34 | 35 | renderTabOption(name, page) { 36 | const isTabActive = this.props.activeTab === page; 37 | const { activeTextColor, inactiveTextColor, textStyle, } = this.props; 38 | const textColor = isTabActive ? activeTextColor : inactiveTextColor; 39 | const fontWeight = isTabActive ? 'bold' : 'normal'; 40 | 41 | return ; 55 | }, 56 | 57 | render() { 58 | const containerWidth = this.props.containerWidth; 59 | const numberOfTabs = this.props.tabs.length; 60 | const tabUnderlineStyle = { 61 | position: 'absolute', 62 | width: containerWidth / numberOfTabs, 63 | height: this.props.underlineHeight, 64 | backgroundColor: this.props.underlineColor, 65 | bottom: 0, 66 | }; 67 | 68 | const left = this.props.scrollValue.interpolate({ 69 | inputRange: [0, 1, ], outputRange: [0, containerWidth / numberOfTabs, ], 70 | }); 71 | 72 | return ( 73 | 74 | {this.props.tabs.map((tab, i) => this.renderTabOption(tab, i))} 75 | 76 | 77 | ); 78 | }, 79 | }); 80 | 81 | const styles = StyleSheet.create({ 82 | tab: { 83 | flex: 1, 84 | alignItems: 'center', 85 | justifyContent: 'center', 86 | paddingBottom: 10, 87 | }, 88 | tabs: { 89 | height: 50, 90 | flexDirection: 'row', 91 | justifyContent: 'space-around', 92 | borderWidth: 1, 93 | borderTopWidth: 0, 94 | borderLeftWidth: 0, 95 | borderRightWidth: 0, 96 | borderBottomColor: '#ccc', 97 | }, 98 | }); 99 | 100 | module.exports = DefaultTabBar; 101 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | # We fork some components by platform. 4 | .*/*.web.js 5 | .*/*.android.js 6 | 7 | # Some modules have their own node_modules with overlap 8 | .*/node_modules/node-haste/.* 9 | 10 | # Ugh 11 | .*/node_modules/babel.* 12 | .*/node_modules/babylon.* 13 | .*/node_modules/invariant.* 14 | 15 | # Ignore react and fbjs where there are overlaps, but don't ignore 16 | # anything that react-native relies on 17 | .*/node_modules/fbjs/lib/Map.js 18 | .*/node_modules/fbjs/lib/ErrorUtils.js 19 | 20 | # Flow has a built-in definition for the 'react' module which we prefer to use 21 | # over the currently-untyped source 22 | .*/node_modules/react/react.js 23 | .*/node_modules/react/lib/React.js 24 | .*/node_modules/react/lib/ReactDOM.js 25 | 26 | .*/__mocks__/.* 27 | .*/__tests__/.* 28 | 29 | .*/commoner/test/source/widget/share.js 30 | 31 | # Ignore commoner tests 32 | .*/node_modules/commoner/test/.* 33 | 34 | # See https://github.com/facebook/flow/issues/442 35 | .*/react-tools/node_modules/commoner/lib/reader.js 36 | 37 | # Ignore jest 38 | .*/node_modules/jest-cli/.* 39 | 40 | # Ignore Website 41 | .*/website/.* 42 | 43 | # Ignore generators 44 | .*/local-cli/generator.* 45 | 46 | # Ignore BUCK generated folders 47 | .*\.buckd/ 48 | 49 | # Ignore RNPM 50 | .*/local-cli/rnpm/.* 51 | 52 | .*/node_modules/is-my-json-valid/test/.*\.json 53 | .*/node_modules/iconv-lite/encodings/tables/.*\.json 54 | .*/node_modules/y18n/test/.*\.json 55 | .*/node_modules/spdx-license-ids/spdx-license-ids.json 56 | .*/node_modules/spdx-exceptions/index.json 57 | .*/node_modules/resolve/test/subdirs/node_modules/a/b/c/x.json 58 | .*/node_modules/resolve/lib/core.json 59 | .*/node_modules/jsonparse/samplejson/.*\.json 60 | .*/node_modules/json5/test/.*\.json 61 | .*/node_modules/ua-parser-js/test/.*\.json 62 | .*/node_modules/builtin-modules/builtin-modules.json 63 | .*/node_modules/binary-extensions/binary-extensions.json 64 | .*/node_modules/url-regex/tlds.json 65 | .*/node_modules/joi/.*\.json 66 | .*/node_modules/isemail/.*\.json 67 | .*/node_modules/tr46/.*\.json 68 | 69 | 70 | [include] 71 | 72 | [libs] 73 | node_modules/react-native/Libraries/react-native/react-native-interface.js 74 | node_modules/react-native/flow 75 | flow/ 76 | 77 | [options] 78 | module.system=haste 79 | 80 | esproposal.class_static_fields=enable 81 | esproposal.class_instance_fields=enable 82 | 83 | experimental.strict_type_args=true 84 | 85 | munge_underscores=true 86 | 87 | module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub' 88 | 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' 89 | 90 | suppress_type=$FlowIssue 91 | suppress_type=$FlowFixMe 92 | suppress_type=$FixMe 93 | 94 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-6]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 95 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-6]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 96 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 97 | 98 | [version] 99 | ^0.26.0 100 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/react.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | def config = project.hasProperty("react") ? project.react : []; 4 | 5 | def bundleAssetName = config.bundleAssetName ?: "index.android.bundle" 6 | def entryFile = config.entryFile ?: "index.android.js" 7 | 8 | // because elvis operator 9 | def elvisFile(thing) { 10 | return thing ? file(thing) : null; 11 | } 12 | 13 | def reactRoot = elvisFile(config.root) ?: file("../../") 14 | def inputExcludes = config.inputExcludes ?: ["android/**", "ios/**"] 15 | 16 | void runBefore(String dependentTaskName, Task task) { 17 | Task dependentTask = tasks.findByPath(dependentTaskName); 18 | if (dependentTask != null) { 19 | dependentTask.dependsOn task 20 | } 21 | } 22 | 23 | gradle.projectsEvaluated { 24 | // Grab all build types and product flavors 25 | def buildTypes = android.buildTypes.collect { type -> type.name } 26 | def productFlavors = android.productFlavors.collect { flavor -> flavor.name } 27 | 28 | // When no product flavors defined, use empty 29 | if (!productFlavors) productFlavors.add('') 30 | 31 | productFlavors.each { productFlavorName -> 32 | buildTypes.each { buildTypeName -> 33 | // Create variant and source names 34 | def sourceName = "${buildTypeName}" 35 | def targetName = "${sourceName.capitalize()}" 36 | if (productFlavorName) { 37 | sourceName = "${productFlavorName}${targetName}" 38 | } 39 | 40 | // React js bundle directories 41 | def jsBundleDirConfigName = "jsBundleDir${targetName}" 42 | def jsBundleDir = elvisFile(config."$jsBundleDirConfigName") ?: 43 | file("$buildDir/intermediates/assets/${sourceName}") 44 | 45 | def resourcesDirConfigName = "jsBundleDir${targetName}" 46 | def resourcesDir = elvisFile(config."${resourcesDirConfigName}") ?: 47 | file("$buildDir/intermediates/res/merged/${sourceName}") 48 | def jsBundleFile = file("$jsBundleDir/$bundleAssetName") 49 | 50 | // Bundle task name for variant 51 | def bundleJsAndAssetsTaskName = "bundle${targetName}JsAndAssets" 52 | 53 | def currentBundleTask = tasks.create( 54 | name: bundleJsAndAssetsTaskName, 55 | type: Exec) { 56 | group = "react" 57 | description = "bundle JS and assets for ${targetName}." 58 | 59 | // Create dirs if they are not there (e.g. the "clean" task just ran) 60 | doFirst { 61 | jsBundleDir.mkdirs() 62 | resourcesDir.mkdirs() 63 | } 64 | 65 | // Set up inputs and outputs so gradle can cache the result 66 | inputs.files fileTree(dir: reactRoot, excludes: inputExcludes) 67 | outputs.dir jsBundleDir 68 | outputs.dir resourcesDir 69 | 70 | // Set up the call to the react-native cli 71 | workingDir reactRoot 72 | 73 | // Set up dev mode 74 | def devEnabled = !targetName.toLowerCase().contains("release") 75 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 76 | commandLine "cmd", "/c", "react-native", "bundle", "--platform", "android", "--dev", "${devEnabled}", 77 | "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir 78 | } else { 79 | commandLine "react-native", "bundle", "--platform", "android", "--dev", "${devEnabled}", 80 | "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir 81 | } 82 | 83 | enabled config."bundleIn${targetName}" ?: targetName.toLowerCase().contains("release") 84 | } 85 | 86 | // Hook bundle${productFlavor}${buildType}JsAndAssets into the android build process 87 | currentBundleTask.dependsOn("merge${targetName}Resources") 88 | currentBundleTask.dependsOn("merge${targetName}Assets") 89 | 90 | runBefore("processArmeabi-v7a${targetName}Resources", currentBundleTask) 91 | runBefore("processX86${targetName}Resources", currentBundleTask) 92 | runBefore("processUniversal${targetName}Resources", currentBundleTask) 93 | runBefore("process${targetName}Resources", currentBundleTask) 94 | } 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample.xcodeproj/xcshareddata/xcschemes/FacebookTabsExample.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.facebooktabsexample" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile project(':react-native-vector-icons') 130 | compile fileTree(dir: "libs", include: ["*.jar"]) 131 | compile "com.android.support:appcompat-v7:23.0.1" 132 | compile "com.facebook.react:react-native:+" // From node_modules 133 | } 134 | 135 | // Run this once to be able to run the application with BUCK 136 | // puts all compile dependencies into folder libs for BUCK to use 137 | task copyDownloadableDepsToLibs(type: Copy) { 138 | from configurations.compile 139 | into 'libs' 140 | } 141 | -------------------------------------------------------------------------------- /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 | 63 | ## Examples 64 | 65 | [SimpleExample](https://github.com/lukamarin/scrollable-tab-view-react-native/blob/master/examples/FacebookTabsExample/SimpleExample.js). 66 | 67 | [ScrollableTabsExample](https://github.com/lukamarin/scrollable-tab-view-react-native/blob/master/examples/FacebookTabsExample/ScrollableTabsExample.js). 68 | 69 | [OverlayExample](https://github.com/lukamarin/scrollable-tab-view-react-native/blob/master/examples/FacebookTabsExample/OverlayExample.js). 70 | 71 | [FacebookExample](https://github.com/lukamarin/scrollable-tab-view-react-native/blob/master/examples/FacebookTabsExample/FacebookExample.js). 72 | 73 | ## Props 74 | 75 | - **`renderTabBar`** _(Function:ReactComponent)_ - accept 1 argument `props` and should return a component to use as 76 | the tab bar. The component has `goToPage`, `tabs`, `activeTab` and 77 | `ref` added to the props, and should implement `setAnimationValue` to 78 | be able to animate itself along with the tab content. You can manually pass the `props` to the TabBar component. 79 | - **`tabBarPosition`** _(String)_ Defaults to `"top"`. 80 | - `"bottom"` to position the tab bar below content. 81 | - `"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}`. 82 | - **`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 83 | - **`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. 84 | - **`locked`** _(Bool)_ - disables horizontal dragging to scroll between tabs, default is false. 85 | - **`initialPage`** _(Integer)_ - the index of the initially selected tab, defaults to 0 === first tab. 86 | - **`page`** _(Integer)_ - set selected tab(can be buggy see [#126](https://github.com/lukamarin/scrollable-tab-view-react-native/issues/126) 87 | - **`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. 88 | - **`tabBarUnderlineColor`** _(String)_ - color of the default tab bar's underline, defaults to `navy` 89 | - **`tabBarBackgroundColor`** _(String)_ - color of the default tab bar's background, defaults to `white` 90 | - **`tabBarActiveTextColor`** _(String)_ - color of the default tab bar's text when active, defaults to `navy` 91 | - **`tabBarInactiveTextColor`** _(String)_ - color of the default tab bar's text when inactive, defaults to `black` 92 | - **`tabBarTextStyle`** _(Object)_ - Additional styles to the tab bar's text. Example: `{fontFamily: 'Roboto', fontSize: 15}` 93 | - **`style`** _([View.propTypes.style](https://facebook.github.io/react-native/docs/view.html#style))_ 94 | - **`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. 95 | - **`scrollWithoutAnimation`** _(Bool)_ - on tab press change tab without animation. 96 | - **`prerenderingSiblingsNumber`** _(Integer)_ - pre-render nearby # sibling, `Infinity` === render all the siblings, default to 0 === render current page. 97 | 98 | ## Contribution 99 | **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. 100 | 101 | **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. 102 | 103 | Please attach video or gif to PR's and issues it is super helpful. 104 | 105 | How to make video 106 | 107 | How to make gif from video 108 | 109 | --- 110 | 111 | **MIT Licensed** 112 | -------------------------------------------------------------------------------- /ScrollableTabBar.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const ReactNative = require('react-native'); 3 | const { 4 | View, 5 | Animated, 6 | StyleSheet, 7 | ScrollView, 8 | Text, 9 | Platform, 10 | Dimensions, 11 | } = ReactNative; 12 | const Button = require('./Button'); 13 | 14 | const WINDOW_WIDTH = Dimensions.get('window').width; 15 | 16 | const ScrollableTabBar = React.createClass({ 17 | propTypes: { 18 | goToPage: React.PropTypes.func, 19 | activeTab: React.PropTypes.number, 20 | tabs: React.PropTypes.array, 21 | underlineColor: React.PropTypes.string, 22 | underlineHeight: React.PropTypes.number, 23 | backgroundColor: React.PropTypes.string, 24 | activeTextColor: React.PropTypes.string, 25 | inactiveTextColor: React.PropTypes.string, 26 | scrollOffset: React.PropTypes.number, 27 | style: View.propTypes.style, 28 | tabStyle: View.propTypes.style, 29 | tabsContainerStyle: View.propTypes.style, 30 | textStyle: Text.propTypes.style, 31 | }, 32 | 33 | getDefaultProps() { 34 | return { 35 | scrollOffset: 52, 36 | activeTextColor: 'navy', 37 | inactiveTextColor: 'black', 38 | underlineColor: 'navy', 39 | backgroundColor: null, 40 | underlineHeight: 4, 41 | style: {}, 42 | tabStyle: {}, 43 | tabsContainerStyle: {}, 44 | }; 45 | }, 46 | 47 | getInitialState() { 48 | this._tabsMeasurements = []; 49 | return { 50 | _leftTabUnderline: new Animated.Value(0), 51 | _widthTabUnderline: new Animated.Value(0), 52 | _containerWidth: null, 53 | }; 54 | }, 55 | 56 | componentDidMount() { 57 | this.props.scrollValue.addListener(this.updateView); 58 | }, 59 | 60 | updateView(offset) { 61 | const position = Math.floor(offset.value); 62 | const pageOffset = offset.value % 1; 63 | const tabCount = this.props.tabs.length; 64 | const lastTabPosition = tabCount - 1; 65 | 66 | if (tabCount === 0 || offset.value < 0 || offset.value > lastTabPosition) { 67 | return; 68 | } 69 | 70 | if (this.necessarilyMeasurementsCompleted(position, position === lastTabPosition)) { 71 | this.updateTabPanel(position, pageOffset); 72 | this.updateTabUnderline(position, pageOffset, tabCount); 73 | } 74 | }, 75 | 76 | necessarilyMeasurementsCompleted(position, isLastTab) { 77 | return this._tabsMeasurements[position] && 78 | (isLastTab || this._tabsMeasurements[position + 1]) && 79 | this._tabContainerMeasurements && 80 | this._containerMeasurements; 81 | }, 82 | 83 | updateTabPanel(position, pageOffset) { 84 | const containerWidth = this._containerMeasurements.width; 85 | const tabWidth = this._tabsMeasurements[position].width; 86 | const nextTabMeasurements = this._tabsMeasurements[position + 1]; 87 | const nextTabWidth = nextTabMeasurements && nextTabMeasurements.width || 0; 88 | const tabOffset = this._tabsMeasurements[position].left; 89 | const absolutePageOffset = pageOffset * tabWidth; 90 | let newScrollX = tabOffset + absolutePageOffset; 91 | 92 | // center tab and smooth tab change (for when tabWidth changes a lot between two tabs) 93 | newScrollX -= (containerWidth - (1 - pageOffset) * tabWidth - pageOffset * nextTabWidth ) / 2 ; 94 | newScrollX = newScrollX >= 0 ? newScrollX : 0; 95 | 96 | if (Platform.OS === 'android') { 97 | this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, }); 98 | } else { 99 | const rightBoundScroll = this._tabContainerMeasurements.width - (this._containerMeasurements.width); 100 | newScrollX = newScrollX > rightBoundScroll ? rightBoundScroll : newScrollX; 101 | this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, }); 102 | } 103 | 104 | }, 105 | 106 | updateTabUnderline(position, pageOffset, tabCount) { 107 | const lineLeft = this._tabsMeasurements[position].left; 108 | const lineRight = this._tabsMeasurements[position].right; 109 | 110 | if (position < tabCount - 1) { 111 | const nextTabLeft = this._tabsMeasurements[position + 1].left; 112 | const nextTabRight = this._tabsMeasurements[position + 1].right; 113 | 114 | const newLineLeft = (pageOffset * nextTabLeft + (1 - pageOffset) * lineLeft); 115 | const newLineRight = (pageOffset * nextTabRight + (1 - pageOffset) * lineRight); 116 | 117 | this.state._leftTabUnderline.setValue(newLineLeft); 118 | this.state._widthTabUnderline.setValue(newLineRight - newLineLeft); 119 | } else { 120 | this.state._leftTabUnderline.setValue(lineLeft); 121 | this.state._widthTabUnderline.setValue(lineRight - lineLeft); 122 | } 123 | }, 124 | 125 | renderTabOption(name, page) { 126 | const isTabActive = this.props.activeTab === page; 127 | const { activeTextColor, inactiveTextColor, textStyle, } = this.props; 128 | const textColor = isTabActive ? activeTextColor : inactiveTextColor; 129 | const fontWeight = isTabActive ? 'bold' : 'normal'; 130 | 131 | return ; 145 | }, 146 | 147 | measureTab(page, event) { 148 | const { x, width, height, } = event.nativeEvent.layout; 149 | this._tabsMeasurements[page] = {left: x, right: x + width, width, height, }; 150 | this.updateView({value: this.props.scrollValue._value, }); 151 | }, 152 | 153 | render() { 154 | const tabUnderlineStyle = { 155 | position: 'absolute', 156 | height: this.props.underlineHeight, 157 | backgroundColor: this.props.underlineColor, 158 | bottom: 0, 159 | }; 160 | 161 | const dynamicTabUnderline = { 162 | left: this.state._leftTabUnderline, 163 | width: this.state._widthTabUnderline, 164 | }; 165 | 166 | return 170 | { this._scrollView = scrollView; }} 172 | horizontal={true} 173 | showsHorizontalScrollIndicator={false} 174 | showsVerticalScrollIndicator={false} 175 | directionalLockEnabled={true} 176 | bounces={false} 177 | > 178 | 183 | {this.props.tabs.map((tab, i) => this.renderTabOption(tab, i))} 184 | 185 | 186 | 187 | ; 188 | }, 189 | 190 | onTabContainerLayout(e) { 191 | this._tabContainerMeasurements = e.nativeEvent.layout; 192 | let width = this._tabContainerMeasurements.width; 193 | if (width < WINDOW_WIDTH) { 194 | width = WINDOW_WIDTH; 195 | } 196 | this.setState({ _containerWidth: width, }); 197 | this.updateView({value: this.props.scrollValue._value, }); 198 | }, 199 | 200 | onContainerLayout(e) { 201 | this._containerMeasurements = e.nativeEvent.layout; 202 | this.updateView({value: this.props.scrollValue._value, }); 203 | }, 204 | }); 205 | 206 | module.exports = ScrollableTabBar; 207 | 208 | const styles = StyleSheet.create({ 209 | tab: { 210 | height: 49, 211 | alignItems: 'center', 212 | justifyContent: 'center', 213 | paddingLeft: 20, 214 | paddingRight: 20, 215 | }, 216 | container: { 217 | height: 50, 218 | borderWidth: 1, 219 | borderTopWidth: 0, 220 | borderLeftWidth: 0, 221 | borderRightWidth: 0, 222 | borderBottomColor: '#ccc', 223 | }, 224 | tabs: { 225 | flexDirection: 'row', 226 | justifyContent: 'space-around', 227 | }, 228 | }); 229 | -------------------------------------------------------------------------------- /.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 | "space-after-keywords": 2, // http://eslint.org/docs/rules/space-after-keywords 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 | "space-return-throw-case": 2, // http://eslint.org/docs/rules/space-return-throw-case 166 | } 167 | } 168 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const { 3 | PropTypes, 4 | Component, 5 | } = React; 6 | const ReactNative = require('react-native'); 7 | const { 8 | Dimensions, 9 | View, 10 | Animated, 11 | ScrollView, 12 | Platform, 13 | StyleSheet, 14 | ViewPagerAndroid, 15 | InteractionManager, 16 | } = ReactNative; 17 | const TimerMixin = require('react-timer-mixin'); 18 | 19 | const SceneComponent = require('./SceneComponent'); 20 | const DefaultTabBar = require('./DefaultTabBar'); 21 | const ScrollableTabBar = require('./ScrollableTabBar'); 22 | 23 | 24 | const ScrollableTabView = React.createClass({ 25 | mixins: [TimerMixin, ], 26 | statics: { 27 | DefaultTabBar, 28 | ScrollableTabBar, 29 | }, 30 | 31 | propTypes: { 32 | tabBarPosition: PropTypes.oneOf(['top', 'bottom', 'overlayTop', 'overlayBottom', ]), 33 | initialPage: PropTypes.number, 34 | page: PropTypes.number, 35 | onChangeTab: PropTypes.func, 36 | onScroll: PropTypes.func, 37 | renderTabBar: PropTypes.any, 38 | style: View.propTypes.style, 39 | contentProps: PropTypes.object, 40 | scrollWithoutAnimation: PropTypes.bool, 41 | locked: PropTypes.bool, 42 | prerenderingSiblingsNumber: PropTypes.number 43 | }, 44 | 45 | getDefaultProps() { 46 | return { 47 | tabBarPosition: 'top', 48 | initialPage: 0, 49 | page: -1, 50 | onChangeTab: () => {}, 51 | onScroll: () => {}, 52 | contentProps: {}, 53 | scrollWithoutAnimation: false, 54 | locked: false, 55 | prerenderingSiblingsNumber: 0 56 | }; 57 | }, 58 | 59 | getInitialState() { 60 | return { 61 | currentPage: this.props.initialPage, 62 | scrollValue: new Animated.Value(this.props.initialPage), 63 | containerWidth: Dimensions.get('window').width, 64 | sceneKeys: this.newSceneKeys({ currentPage: this.props.initialPage, }), 65 | }; 66 | }, 67 | 68 | componentWillReceiveProps(props) { 69 | if (props.page >= 0 && props.page !== this.state.currentPage) { 70 | this.goToPage(props.page); 71 | } 72 | 73 | if (props.children !== this.props.children) { 74 | this.updateSceneKeys({ page: this.state.currentPage, children: props.children, }); 75 | } 76 | }, 77 | 78 | goToPage(pageNumber) { 79 | if (Platform.OS === 'ios') { 80 | const offset = pageNumber * this.state.containerWidth; 81 | if (this.scrollView) { 82 | this.scrollView.scrollTo({x: offset, y: 0, animated: !this.props.scrollWithoutAnimation, }); 83 | } 84 | } else { 85 | if (this.scrollView) { 86 | if (this.props.scrollWithoutAnimation) { 87 | this.scrollView.setPageWithoutAnimation(pageNumber); 88 | } else { 89 | this.scrollView.setPage(pageNumber); 90 | } 91 | } 92 | } 93 | 94 | const currentPage = this.state.currentPage; 95 | this.updateSceneKeys({ 96 | page: pageNumber, 97 | callback: this._onChangeTab.bind(this, currentPage, pageNumber), 98 | }); 99 | }, 100 | 101 | renderTabBar(props) { 102 | if (this.props.renderTabBar === false) { 103 | return null; 104 | } else if (this.props.renderTabBar) { 105 | return React.cloneElement(this.props.renderTabBar(props), props); 106 | } else { 107 | return ; 108 | } 109 | }, 110 | 111 | updateSceneKeys({ page, children = this.props.children, callback = () => {}, }) { 112 | let newKeys = this.newSceneKeys({ previousKeys: this.state.sceneKeys, currentPage: page, children, }); 113 | this.setState({currentPage: page, sceneKeys: newKeys, }, callback); 114 | }, 115 | 116 | newSceneKeys({ previousKeys = [], currentPage = 0, children = this.props.children, }) { 117 | let newKeys = []; 118 | this._children(children).forEach((child, idx) => { 119 | let key = this._makeSceneKey(child, idx); 120 | if (this._keyExists(previousKeys, key) || 121 | this._shouldRenderSceneKey(idx, currentPage)) { 122 | newKeys.push(key); 123 | } 124 | }); 125 | return newKeys; 126 | }, 127 | 128 | _shouldRenderSceneKey(idx, currentPageKey) { 129 | let numOfSibling = this.props.prerenderingSiblingsNumber; 130 | return (idx < (currentPageKey + numOfSibling + 1) && 131 | idx > (currentPageKey - numOfSibling - 1)); 132 | }, 133 | 134 | _keyExists(sceneKeys, key) { 135 | return sceneKeys.find((sceneKey) => key === sceneKey); 136 | }, 137 | 138 | _makeSceneKey(child, idx) { 139 | return child.props.tabLabel + '_' + idx; 140 | }, 141 | 142 | renderScrollableContent() { 143 | if (Platform.OS === 'ios') { 144 | const scenes = this._composeScenes(); 145 | return { this.scrollView = scrollView; }} 151 | onScroll={(e) => { 152 | const offsetX = e.nativeEvent.contentOffset.x; 153 | this._updateScrollValue(offsetX / this.state.containerWidth); 154 | }} 155 | onMomentumScrollBegin={(e) => { 156 | const offsetX = e.nativeEvent.contentOffset.x; 157 | const page = Math.round(offsetX / this.state.containerWidth); 158 | if (this.state.currentPage !== page) { 159 | this._updateSelectedPage(page); 160 | } 161 | }} 162 | onMomentumScrollEnd={(e) => { 163 | const offsetX = e.nativeEvent.contentOffset.x; 164 | const page = Math.round(offsetX / this.state.containerWidth); 165 | if (this.state.currentPage !== page) { 166 | this._updateSelectedPage(page); 167 | } 168 | }} 169 | scrollEventThrottle={16} 170 | scrollsToTop={false} 171 | showsHorizontalScrollIndicator={false} 172 | scrollEnabled={!this.props.locked} 173 | directionalLockEnabled 174 | alwaysBounceVertical={false} 175 | keyboardDismissMode="on-drag" 176 | {...this.props.contentProps} 177 | > 178 | {scenes} 179 | ; 180 | } else { 181 | const scenes = this._composeScenes(); 182 | return { 190 | const { offset, position, } = e.nativeEvent; 191 | this._updateScrollValue(position + offset); 192 | }} 193 | ref={(scrollView) => { this.scrollView = scrollView; }} 194 | {...this.props.contentProps} 195 | > 196 | {scenes} 197 | ; 198 | } 199 | }, 200 | 201 | _composeScenes() { 202 | return this._children().map((child, idx) => { 203 | let key = this._makeSceneKey(child, idx); 204 | return 209 | {this._keyExists(this.state.sceneKeys, key) ? child : } 210 | ; 211 | }); 212 | }, 213 | 214 | _updateSelectedPage(nextPage) { 215 | let localNextPage = nextPage; 216 | if (typeof localNextPage === 'object') { 217 | localNextPage = nextPage.nativeEvent.position; 218 | } 219 | 220 | const currentPage = this.state.currentPage; 221 | this.updateSceneKeys({ 222 | page: localNextPage, 223 | callback: this._onChangeTab.bind(this, currentPage, localNextPage), 224 | }); 225 | }, 226 | 227 | _onChangeTab(prevPage, currentPage) { 228 | this.props.onChangeTab({ 229 | i: currentPage, 230 | ref: this._children()[currentPage], 231 | from: prevPage, 232 | }); 233 | }, 234 | 235 | _updateScrollValue(value) { 236 | this.state.scrollValue.setValue(value); 237 | this.props.onScroll(value); 238 | }, 239 | 240 | _handleLayout(e) { 241 | const { width, } = e.nativeEvent.layout; 242 | 243 | if (width !== this.state.containerWidth) { 244 | this.setState({ containerWidth: width, }); 245 | this.requestAnimationFrame(() => { 246 | this.goToPage(this.state.currentPage); 247 | }); 248 | } 249 | }, 250 | 251 | _children(children = this.props.children) { 252 | return React.Children.map(children, (child) => child); 253 | }, 254 | 255 | render() { 256 | let overlayTabs = (this.props.tabBarPosition === 'overlayTop' || this.props.tabBarPosition === 'overlayBottom'); 257 | let tabBarProps = { 258 | goToPage: this.goToPage, 259 | tabs: this._children().map((child) => child.props.tabLabel), 260 | activeTab: this.state.currentPage, 261 | scrollValue: this.state.scrollValue, 262 | containerWidth: this.state.containerWidth, 263 | }; 264 | 265 | if (this.props.tabBarUnderlineColor) { 266 | tabBarProps.underlineColor = this.props.tabBarUnderlineColor; 267 | } 268 | if (this.props.tabBarBackgroundColor) { 269 | tabBarProps.backgroundColor = this.props.tabBarBackgroundColor; 270 | } 271 | if (this.props.tabBarActiveTextColor) { 272 | tabBarProps.activeTextColor = this.props.tabBarActiveTextColor; 273 | } 274 | if (this.props.tabBarInactiveTextColor) { 275 | tabBarProps.inactiveTextColor = this.props.tabBarInactiveTextColor; 276 | } 277 | if (this.props.tabBarTextStyle) { 278 | tabBarProps.textStyle = this.props.tabBarTextStyle; 279 | } 280 | if (overlayTabs) { 281 | tabBarProps.style = { 282 | position: 'absolute', 283 | left: 0, 284 | right: 0, 285 | [this.props.tabBarPosition === 'overlayTop' ? 'top' : 'bottom']: 0, 286 | }; 287 | } 288 | 289 | return 290 | {this.props.tabBarPosition === 'top' && this.renderTabBar(tabBarProps)} 291 | {this.renderScrollableContent()} 292 | {(this.props.tabBarPosition === 'bottom' || overlayTabs) && this.renderTabBar(tabBarProps)} 293 | ; 294 | }, 295 | }); 296 | 297 | module.exports = ScrollableTabView; 298 | 299 | const styles = StyleSheet.create({ 300 | container: { 301 | flex: 1, 302 | }, 303 | scrollableContentAndroid: { 304 | flex: 1, 305 | }, 306 | }); 307 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/android/app/src/main/assets/ion.json: -------------------------------------------------------------------------------- 1 | { 2 | "alert": "", 3 | "alert-circled": "", 4 | "android-add": "", 5 | "android-add-circle": "", 6 | "android-alarm-clock": "", 7 | "android-alert": "", 8 | "android-apps": "", 9 | "android-archive": "", 10 | "android-arrow-back": "", 11 | "android-arrow-down": "", 12 | "android-arrow-dropdown": "", 13 | "android-arrow-dropdown-circle": "", 14 | "android-arrow-dropleft": "", 15 | "android-arrow-dropleft-circle": "", 16 | "android-arrow-dropright": "", 17 | "android-arrow-dropright-circle": "", 18 | "android-arrow-dropup": "", 19 | "android-arrow-dropup-circle": "", 20 | "android-arrow-forward": "", 21 | "android-arrow-up": "", 22 | "android-attach": "", 23 | "android-bar": "", 24 | "android-bicycle_2": "", 25 | "android-bicycle": "", 26 | "android-boat": "", 27 | "android-bookmark": "", 28 | "android-bulb": "", 29 | "android-bus": "", 30 | "android-calendar": "", 31 | "android-call": "", 32 | "android-camera": "", 33 | "android-cancel": "", 34 | "android-car": "", 35 | "android-cart": "", 36 | "android-chat": "", 37 | "android-checkbox": "", 38 | "android-checkbox-blank": "", 39 | "android-checkbox-outline": "", 40 | "android-checkbox-outline-blank": "", 41 | "android-checkmark-circle": "", 42 | "android-clipboard": "", 43 | "android-close": "", 44 | "android-cloud": "", 45 | "android-cloud-circle": "", 46 | "android-cloud-done": "", 47 | "android-cloud-outline": "", 48 | "android-color-palette": "", 49 | "android-compass": "", 50 | "android-contact": "", 51 | "android-contacts": "", 52 | "android-contract": "", 53 | "android-create": "", 54 | "android-delete": "", 55 | "android-desktop": "", 56 | "android-document": "", 57 | "android-done": "", 58 | "android-done-all": "", 59 | "android-download": "", 60 | "android-drafts": "", 61 | "android-exit": "", 62 | "android-expand": "", 63 | "android-favorite": "", 64 | "android-favorite-outline": "", 65 | "android-film": "", 66 | "android-folder": "", 67 | "android-folder-open": "", 68 | "android-funnel": "", 69 | "android-globe": "", 70 | "android-hand": "", 71 | "android-hangout": "", 72 | "android-happy": "", 73 | "android-home": "", 74 | "android-image": "", 75 | "android-laptop": "", 76 | "android-list": "", 77 | "android-locate": "", 78 | "android-lock": "", 79 | "android-mail": "", 80 | "android-map": "", 81 | "android-menu": "", 82 | "android-microphone": "", 83 | "android-microphone-off": "", 84 | "android-more-horizontal": "", 85 | "android-more-vertical": "", 86 | "android-navigate": "", 87 | "android-notifications": "", 88 | "android-notifications-none": "", 89 | "android-notifications-off": "", 90 | "android-open": "", 91 | "android-options": "", 92 | "android-people": "", 93 | "android-person": "", 94 | "android-person-add": "", 95 | "android-phone-landscape": "", 96 | "android-phone-portrait": "", 97 | "android-pin": "", 98 | "android-plane": "", 99 | "android-playstore": "", 100 | "android-print": "", 101 | "android-radio-button-off": "", 102 | "android-radio-button-on": "", 103 | "android-refresh": "", 104 | "android-remove": "", 105 | "android-remove-circle": "", 106 | "android-restaurant": "", 107 | "android-sad": "", 108 | "android-search": "", 109 | "android-send": "", 110 | "android-settings": "", 111 | "android-share": "", 112 | "android-share-alt": "", 113 | "android-star": "", 114 | "android-star-half": "", 115 | "android-star-outline": "", 116 | "android-stopwatch": "", 117 | "android-subway": "", 118 | "android-sunny": "", 119 | "android-sync": "", 120 | "android-textsms": "", 121 | "android-time": "", 122 | "android-train": "", 123 | "android-unlock": "", 124 | "android-upload": "", 125 | "android-volume-down": "", 126 | "android-volume-mute": "", 127 | "android-volume-off": "", 128 | "android-volume-up": "", 129 | "android-walk": "", 130 | "android-warning": "", 131 | "android-watch": "", 132 | "android-wifi": "", 133 | "aperture": "", 134 | "archive": "", 135 | "arrow-down-a": "", 136 | "arrow-down-b": "", 137 | "arrow-down-c": "", 138 | "arrow-expand": "", 139 | "arrow-graph-down-left": "", 140 | "arrow-graph-down-right": "", 141 | "arrow-graph-up-left": "", 142 | "arrow-graph-up-right": "", 143 | "arrow-left-a": "", 144 | "arrow-left-b": "", 145 | "arrow-left-c": "", 146 | "arrow-move": "", 147 | "arrow-resize": "", 148 | "arrow-return-left": "", 149 | "arrow-return-right": "", 150 | "arrow-right-a": "", 151 | "arrow-right-b": "", 152 | "arrow-right-c": "", 153 | "arrow-shrink": "", 154 | "arrow-swap": "", 155 | "arrow-up-a": "", 156 | "arrow-up-b": "", 157 | "arrow-up-c": "", 158 | "asterisk": "", 159 | "at": "", 160 | "backspace": "", 161 | "backspace-outline": "", 162 | "bag": "", 163 | "battery-charging": "", 164 | "battery-empty": "", 165 | "battery-full": "", 166 | "battery-half": "", 167 | "battery-low": "", 168 | "beaker": "", 169 | "beer": "", 170 | "bluetooth": "", 171 | "bonfire": "", 172 | "bookmark": "", 173 | "bowtie": "", 174 | "briefcase": "", 175 | "bug": "", 176 | "calculator": "", 177 | "calendar": "", 178 | "camera": "", 179 | "card": "", 180 | "cash": "", 181 | "chatbox": "", 182 | "chatbox-working": "", 183 | "chatboxes": "", 184 | "chatbubble": "", 185 | "chatbubble-working": "", 186 | "chatbubbles": "", 187 | "checkmark": "", 188 | "checkmark-circled": "", 189 | "checkmark-round": "", 190 | "chevron-down": "", 191 | "chevron-left": "", 192 | "chevron-right": "", 193 | "chevron-up": "", 194 | "clipboard": "", 195 | "clock": "", 196 | "close": "", 197 | "close-circled": "", 198 | "close-round": "", 199 | "closed-captioning": "", 200 | "cloud": "", 201 | "code": "", 202 | "code-download": "", 203 | "code-working": "", 204 | "coffee": "", 205 | "compass": "", 206 | "compose": "", 207 | "connection-bars": "", 208 | "contrast": "", 209 | "crop": "", 210 | "cube": "", 211 | "disc": "", 212 | "document": "", 213 | "document-text": "", 214 | "drag": "", 215 | "earth": "", 216 | "easel": "", 217 | "edit": "", 218 | "egg": "", 219 | "eject": "", 220 | "email": "", 221 | "email-unread": "", 222 | "erlenmeyer-flask": "", 223 | "erlenmeyer-flask-bubbles": "", 224 | "eye": "", 225 | "eye-disabled": "", 226 | "female": "", 227 | "filing": "", 228 | "film-marker": "", 229 | "fireball": "", 230 | "flag": "", 231 | "flame": "", 232 | "flash": "", 233 | "flash-off": "", 234 | "folder": "", 235 | "fork": "", 236 | "fork-repo": "", 237 | "forward": "", 238 | "funnel": "", 239 | "gear-a": "", 240 | "gear-b": "", 241 | "grid": "", 242 | "hammer": "", 243 | "happy": "", 244 | "happy-outline": "", 245 | "headphone": "", 246 | "heart": "", 247 | "heart-broken": "", 248 | "help": "", 249 | "help-buoy": "", 250 | "help-circled": "", 251 | "home": "", 252 | "icecream": "", 253 | "image": "", 254 | "images": "", 255 | "information": "", 256 | "information-circled": "", 257 | "ionic": "", 258 | "ios-alarm": "", 259 | "ios-alarm-outline": "", 260 | "ios-albums": "", 261 | "ios-albums-outline": "", 262 | "ios-americanfootball": "", 263 | "ios-americanfootball-outline": "", 264 | "ios-analytics": "", 265 | "ios-analytics-outline": "", 266 | "ios-arrow-back": "", 267 | "ios-arrow-down": "", 268 | "ios-arrow-forward": "", 269 | "ios-arrow-left": "", 270 | "ios-arrow-right": "", 271 | "ios-arrow-thin-down": "", 272 | "ios-arrow-thin-left": "", 273 | "ios-arrow-thin-right": "", 274 | "ios-arrow-thin-up": "", 275 | "ios-arrow-up": "", 276 | "ios-at": "", 277 | "ios-at-outline": "", 278 | "ios-barcode": "", 279 | "ios-barcode-outline": "", 280 | "ios-baseball": "", 281 | "ios-baseball-outline": "", 282 | "ios-basketball": "", 283 | "ios-basketball-outline": "", 284 | "ios-bell": "", 285 | "ios-bell-outline": "", 286 | "ios-body": "", 287 | "ios-body-outline": "", 288 | "ios-bolt": "", 289 | "ios-bolt-outline": "", 290 | "ios-book": "", 291 | "ios-book-outline": "", 292 | "ios-bookmarks": "", 293 | "ios-bookmarks-outline": "", 294 | "ios-box": "", 295 | "ios-box-outline": "", 296 | "ios-briefcase": "", 297 | "ios-briefcase-outline": "", 298 | "ios-browsers": "", 299 | "ios-browsers-outline": "", 300 | "ios-calculator": "", 301 | "ios-calculator-outline": "", 302 | "ios-calendar": "", 303 | "ios-calendar-outline": "", 304 | "ios-camera": "", 305 | "ios-camera-outline": "", 306 | "ios-cart": "", 307 | "ios-cart-outline": "", 308 | "ios-chatboxes": "", 309 | "ios-chatboxes-outline": "", 310 | "ios-chatbubble": "", 311 | "ios-chatbubble-outline": "", 312 | "ios-checkmark": "", 313 | "ios-checkmark-empty": "", 314 | "ios-checkmark-outline": "", 315 | "ios-circle-filled": "", 316 | "ios-circle-outline": "", 317 | "ios-clock": "", 318 | "ios-clock-outline": "", 319 | "ios-close": "", 320 | "ios-close-empty": "", 321 | "ios-close-outline": "", 322 | "ios-cloud": "", 323 | "ios-cloud-download": "", 324 | "ios-cloud-download-outline": "", 325 | "ios-cloud-outline": "", 326 | "ios-cloud-upload": "", 327 | "ios-cloud-upload-outline": "", 328 | "ios-cloudy": "", 329 | "ios-cloudy-night": "", 330 | "ios-cloudy-night-outline": "", 331 | "ios-cloudy-outline": "", 332 | "ios-cog": "", 333 | "ios-cog-outline": "", 334 | "ios-color-filter": "", 335 | "ios-color-filter-outline": "", 336 | "ios-color-wand": "", 337 | "ios-color-wand-outline": "", 338 | "ios-compose": "", 339 | "ios-compose-outline": "", 340 | "ios-contact": "", 341 | "ios-contact-outline": "", 342 | "ios-copy": "", 343 | "ios-copy-outline": "", 344 | "ios-crop": "", 345 | "ios-crop-strong": "", 346 | "ios-download": "", 347 | "ios-download-outline": "", 348 | "ios-drag": "", 349 | "ios-email": "", 350 | "ios-email-outline": "", 351 | "ios-eye": "", 352 | "ios-eye-outline": "", 353 | "ios-fastforward": "", 354 | "ios-fastforward-outline": "", 355 | "ios-filing": "", 356 | "ios-filing-outline": "", 357 | "ios-film": "", 358 | "ios-film-outline": "", 359 | "ios-flag": "", 360 | "ios-flag-outline": "", 361 | "ios-flame": "", 362 | "ios-flame-outline": "", 363 | "ios-flask": "", 364 | "ios-flask-outline": "", 365 | "ios-flower": "", 366 | "ios-flower-outline": "", 367 | "ios-folder": "", 368 | "ios-folder-outline": "", 369 | "ios-football": "", 370 | "ios-football-outline": "", 371 | "ios-game-controller-a": "", 372 | "ios-game-controller-a-outline": "", 373 | "ios-game-controller-b": "", 374 | "ios-game-controller-b-outline": "", 375 | "ios-gear": "", 376 | "ios-gear-outline": "", 377 | "ios-glasses": "", 378 | "ios-glasses-outline": "", 379 | "ios-grid-view": "", 380 | "ios-grid-view-outline": "", 381 | "ios-heart": "", 382 | "ios-heart-outline": "", 383 | "ios-help": "", 384 | "ios-help-empty": "", 385 | "ios-help-outline": "", 386 | "ios-home": "", 387 | "ios-home-outline": "", 388 | "ios-infinite": "", 389 | "ios-infinite-outline": "", 390 | "ios-information": "", 391 | "ios-information-empty": "", 392 | "ios-information-outline": "", 393 | "ios-ionic-outline": "", 394 | "ios-keypad": "", 395 | "ios-keypad-outline": "", 396 | "ios-lightbulb": "", 397 | "ios-lightbulb-outline": "", 398 | "ios-list": "", 399 | "ios-list-outline": "", 400 | "ios-location": "", 401 | "ios-location-outline": "", 402 | "ios-locked": "", 403 | "ios-locked-outline": "", 404 | "ios-loop": "", 405 | "ios-loop-strong": "", 406 | "ios-medical": "", 407 | "ios-medical-outline": "", 408 | "ios-medkit": "", 409 | "ios-medkit-outline": "", 410 | "ios-mic": "", 411 | "ios-mic-off": "", 412 | "ios-mic-outline": "", 413 | "ios-minus": "", 414 | "ios-minus-empty": "", 415 | "ios-minus-outline": "", 416 | "ios-monitor": "", 417 | "ios-monitor-outline": "", 418 | "ios-moon": "", 419 | "ios-moon-outline": "", 420 | "ios-more": "", 421 | "ios-more-outline": "", 422 | "ios-musical-note": "", 423 | "ios-musical-notes": "", 424 | "ios-navigate": "", 425 | "ios-navigate-outline": "", 426 | "ios-nutrition": "", 427 | "ios-nutrition-outline": "", 428 | "ios-paper": "", 429 | "ios-paper-outline": "", 430 | "ios-paperplane": "", 431 | "ios-paperplane-outline": "", 432 | "ios-partlysunny": "", 433 | "ios-partlysunny-outline": "", 434 | "ios-pause": "", 435 | "ios-pause-outline": "", 436 | "ios-paw": "", 437 | "ios-paw-outline": "", 438 | "ios-people": "", 439 | "ios-people-outline": "", 440 | "ios-person": "", 441 | "ios-person-outline": "", 442 | "ios-personadd": "", 443 | "ios-personadd-outline": "", 444 | "ios-photos": "", 445 | "ios-photos-outline": "", 446 | "ios-pie": "", 447 | "ios-pie-outline": "", 448 | "ios-pint": "", 449 | "ios-pint-outline": "", 450 | "ios-play": "", 451 | "ios-play-outline": "", 452 | "ios-plus": "", 453 | "ios-plus-empty": "", 454 | "ios-plus-outline": "", 455 | "ios-pricetag": "", 456 | "ios-pricetag-outline": "", 457 | "ios-pricetags": "", 458 | "ios-pricetags-outline": "", 459 | "ios-printer": "", 460 | "ios-printer-outline": "", 461 | "ios-pulse": "", 462 | "ios-pulse-strong": "", 463 | "ios-rainy": "", 464 | "ios-rainy-outline": "", 465 | "ios-recording": "", 466 | "ios-recording-outline": "", 467 | "ios-redo": "", 468 | "ios-redo-outline": "", 469 | "ios-refresh": "", 470 | "ios-refresh-empty": "", 471 | "ios-refresh-outline": "", 472 | "ios-reload": "", 473 | "ios-reverse-camera": "", 474 | "ios-reverse-camera-outline": "", 475 | "ios-rewind": "", 476 | "ios-rewind-outline": "", 477 | "ios-rose": "", 478 | "ios-rose-outline": "", 479 | "ios-search": "", 480 | "ios-search-strong": "", 481 | "ios-settings": "", 482 | "ios-settings-strong": "", 483 | "ios-shuffle": "", 484 | "ios-shuffle-strong": "", 485 | "ios-skipbackward": "", 486 | "ios-skipbackward-outline": "", 487 | "ios-skipforward": "", 488 | "ios-skipforward-outline": "", 489 | "ios-snowy": "", 490 | "ios-speedometer": "", 491 | "ios-speedometer-outline": "", 492 | "ios-star": "", 493 | "ios-star-half": "", 494 | "ios-star-outline": "", 495 | "ios-stopwatch": "", 496 | "ios-stopwatch-outline": "", 497 | "ios-sunny": "", 498 | "ios-sunny-outline": "", 499 | "ios-telephone": "", 500 | "ios-telephone-outline": "", 501 | "ios-tennisball": "", 502 | "ios-tennisball-outline": "", 503 | "ios-thunderstorm": "", 504 | "ios-thunderstorm-outline": "", 505 | "ios-time": "", 506 | "ios-time-outline": "", 507 | "ios-timer": "", 508 | "ios-timer-outline": "", 509 | "ios-toggle": "", 510 | "ios-toggle-outline": "", 511 | "ios-trash": "", 512 | "ios-trash-outline": "", 513 | "ios-undo": "", 514 | "ios-undo-outline": "", 515 | "ios-unlocked": "", 516 | "ios-unlocked-outline": "", 517 | "ios-upload": "", 518 | "ios-upload-outline": "", 519 | "ios-videocam": "", 520 | "ios-videocam-outline": "", 521 | "ios-volume-high": "", 522 | "ios-volume-low": "", 523 | "ios-wineglass": "", 524 | "ios-wineglass-outline": "", 525 | "ios-world": "", 526 | "ios-world-outline": "", 527 | "ipad": "", 528 | "iphone": "", 529 | "ipod": "", 530 | "jet": "", 531 | "key": "", 532 | "knife": "", 533 | "laptop": "", 534 | "leaf": "", 535 | "levels": "", 536 | "lightbulb": "", 537 | "link": "", 538 | "load-a": "", 539 | "load-b": "", 540 | "load-c": "", 541 | "load-d": "", 542 | "location": "", 543 | "lock-combination": "", 544 | "locked": "", 545 | "log-in": "", 546 | "log-out": "", 547 | "loop": "", 548 | "magnet": "", 549 | "male": "", 550 | "man": "", 551 | "map": "", 552 | "medkit": "", 553 | "merge": "", 554 | "mic-a": "", 555 | "mic-b": "", 556 | "mic-c": "", 557 | "minus": "", 558 | "minus-circled": "", 559 | "minus-round": "", 560 | "model-s": "", 561 | "monitor": "", 562 | "more": "", 563 | "mouse": "", 564 | "music-note": "", 565 | "navicon": "", 566 | "navicon-round": "", 567 | "navigate": "", 568 | "network": "", 569 | "no-smoking": "", 570 | "nuclear": "", 571 | "outlet": "", 572 | "paintbrush": "", 573 | "paintbucket": "", 574 | "paper-airplane": "", 575 | "paperclip": "", 576 | "pause": "", 577 | "person": "", 578 | "person-add": "", 579 | "person-stalker": "", 580 | "pie-graph": "", 581 | "pin": "", 582 | "pinpoint": "", 583 | "pizza": "", 584 | "plane": "", 585 | "planet": "", 586 | "play": "", 587 | "playstation": "", 588 | "plus": "", 589 | "plus-circled": "", 590 | "plus-round": "", 591 | "podium": "", 592 | "pound": "", 593 | "power": "", 594 | "pricetag": "", 595 | "pricetags": "", 596 | "printer": "", 597 | "pull-request": "", 598 | "qr-scanner": "", 599 | "quote": "", 600 | "radio-waves": "", 601 | "record": "", 602 | "refresh": "", 603 | "reply": "", 604 | "reply-all": "", 605 | "ribbon-a": "", 606 | "ribbon-b": "", 607 | "sad": "", 608 | "sad-outline": "", 609 | "scissors": "", 610 | "search": "", 611 | "settings": "", 612 | "share": "", 613 | "shuffle": "", 614 | "skip-backward": "", 615 | "skip-forward": "", 616 | "social-android": "", 617 | "social-android-outline": "", 618 | "social-angular": "", 619 | "social-angular-outline": "", 620 | "social-apple": "", 621 | "social-apple-outline": "", 622 | "social-bitcoin": "", 623 | "social-bitcoin-outline": "", 624 | "social-buffer": "", 625 | "social-buffer-outline": "", 626 | "social-chrome": "", 627 | "social-chrome-outline": "", 628 | "social-codepen": "", 629 | "social-codepen-outline": "", 630 | "social-css3": "", 631 | "social-css3-outline": "", 632 | "social-designernews": "", 633 | "social-designernews-outline": "", 634 | "social-dribbble": "", 635 | "social-dribbble-outline": "", 636 | "social-dropbox": "", 637 | "social-dropbox-outline": "", 638 | "social-euro": "", 639 | "social-euro-outline": "", 640 | "social-facebook": "", 641 | "social-facebook-outline": "", 642 | "social-foursquare": "", 643 | "social-foursquare-outline": "", 644 | "social-freebsd-devil": "", 645 | "social-github": "", 646 | "social-github-outline": "", 647 | "social-google": "", 648 | "social-google-outline": "", 649 | "social-googleplus": "", 650 | "social-googleplus-outline": "", 651 | "social-hackernews": "", 652 | "social-hackernews-outline": "", 653 | "social-html5": "", 654 | "social-html5-outline": "", 655 | "social-instagram": "", 656 | "social-instagram-outline": "", 657 | "social-javascript": "", 658 | "social-javascript-outline": "", 659 | "social-linkedin": "", 660 | "social-linkedin-outline": "", 661 | "social-markdown": "", 662 | "social-nodejs": "", 663 | "social-octocat": "", 664 | "social-pinterest": "", 665 | "social-pinterest-outline": "", 666 | "social-python": "", 667 | "social-reddit": "", 668 | "social-reddit-outline": "", 669 | "social-rss": "", 670 | "social-rss-outline": "", 671 | "social-sass": "", 672 | "social-skype": "", 673 | "social-skype-outline": "", 674 | "social-snapchat": "", 675 | "social-snapchat-outline": "", 676 | "social-tumblr": "", 677 | "social-tumblr-outline": "", 678 | "social-tux": "", 679 | "social-twitch": "", 680 | "social-twitch-outline": "", 681 | "social-twitter": "", 682 | "social-twitter-outline": "", 683 | "social-usd": "", 684 | "social-usd-outline": "", 685 | "social-vimeo": "", 686 | "social-vimeo-outline": "", 687 | "social-whatsapp": "", 688 | "social-whatsapp-outline": "", 689 | "social-windows": "", 690 | "social-windows-outline": "", 691 | "social-wordpress": "", 692 | "social-wordpress-outline": "", 693 | "social-yahoo": "", 694 | "social-yahoo-outline": "", 695 | "social-yen": "", 696 | "social-yen-outline": "", 697 | "social-youtube": "", 698 | "social-youtube-outline": "", 699 | "soup-can": "", 700 | "soup-can-outline": "", 701 | "speakerphone": "", 702 | "speedometer": "", 703 | "spoon": "", 704 | "star": "", 705 | "stats-bars": "", 706 | "steam": "", 707 | "stop": "", 708 | "thermometer": "", 709 | "thumbsdown": "", 710 | "thumbsup": "", 711 | "toggle": "", 712 | "toggle-filled": "", 713 | "transgender": "", 714 | "trash-a": "", 715 | "trash-b": "", 716 | "trophy": "", 717 | "tshirt": "", 718 | "tshirt-outline": "", 719 | "umbrella": "", 720 | "university": "", 721 | "unlocked": "", 722 | "upload": "", 723 | "usb": "", 724 | "videocamera": "", 725 | "volume-high": "", 726 | "volume-low": "", 727 | "volume-medium": "", 728 | "volume-mute": "", 729 | "wand": "", 730 | "waterdrop": "", 731 | "wifi": "", 732 | "wineglass": "", 733 | "woman": "", 734 | "wrench": "", 735 | "xbox": "" 736 | } 737 | 738 | -------------------------------------------------------------------------------- /examples/FacebookTabsExample/ios/FacebookTabsExample.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 0072C28C06AD4385B8545C52 /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8C7B27CA13004D829A02EED4 /* Zocial.ttf */; }; 11 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 12 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 13 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 14 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 15 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 16 | 00E356F31AD99517003FC87E /* FacebookTabsExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* FacebookTabsExampleTests.m */; }; 17 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 18 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 19 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 20 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 21 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 22 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 23 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 15E2FA6F70584CA3AFFC34BA /* libRNVectorIcons.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 53F988795C924AB086C173BA /* libRNVectorIcons.a */; }; 26 | 2DD13640B9F941C2AB0553C4 /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 66B1EB06E1544244914D1667 /* Entypo.ttf */; }; 27 | 4B3AB35132FD4E329B375E1F /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 152B28F2CD3842ABAFD7DBEC /* Foundation.ttf */; }; 28 | 501E60A99B03482D9004BFA8 /* Ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 393B1CE5BE424C72999159A1 /* Ionicons.ttf */; }; 29 | 7F9E1DC1A1F9480FAE7A6023 /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B5FC6AF4B2544906973A6797 /* Octicons.ttf */; }; 30 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 31 | 8B587FF436A44E63975002D6 /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 31FA208C05114D07B7E0E75F /* FontAwesome.ttf */; }; 32 | C5248C07B8834BE88EEF35C2 /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 84BF5D594C8545BDBAFCA5AE /* MaterialIcons.ttf */; }; 33 | E035F43D95084C1596B68D18 /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 50BADBC38CFD4216A1EEE591 /* EvilIcons.ttf */; }; 34 | /* End PBXBuildFile section */ 35 | 36 | /* Begin PBXContainerItemProxy section */ 37 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 38 | isa = PBXContainerItemProxy; 39 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 40 | proxyType = 2; 41 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 42 | remoteInfo = RCTActionSheet; 43 | }; 44 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 45 | isa = PBXContainerItemProxy; 46 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 47 | proxyType = 2; 48 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 49 | remoteInfo = RCTGeolocation; 50 | }; 51 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 52 | isa = PBXContainerItemProxy; 53 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 54 | proxyType = 2; 55 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 56 | remoteInfo = RCTImage; 57 | }; 58 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 59 | isa = PBXContainerItemProxy; 60 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 61 | proxyType = 2; 62 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 63 | remoteInfo = RCTNetwork; 64 | }; 65 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 66 | isa = PBXContainerItemProxy; 67 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 68 | proxyType = 2; 69 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 70 | remoteInfo = RCTVibration; 71 | }; 72 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 73 | isa = PBXContainerItemProxy; 74 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 75 | proxyType = 1; 76 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 77 | remoteInfo = FacebookTabsExample; 78 | }; 79 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 80 | isa = PBXContainerItemProxy; 81 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 82 | proxyType = 2; 83 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 84 | remoteInfo = RCTSettings; 85 | }; 86 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 87 | isa = PBXContainerItemProxy; 88 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 89 | proxyType = 2; 90 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 91 | remoteInfo = RCTWebSocket; 92 | }; 93 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 94 | isa = PBXContainerItemProxy; 95 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 96 | proxyType = 2; 97 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 98 | remoteInfo = React; 99 | }; 100 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 101 | isa = PBXContainerItemProxy; 102 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 103 | proxyType = 2; 104 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 105 | remoteInfo = RCTLinking; 106 | }; 107 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 108 | isa = PBXContainerItemProxy; 109 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 110 | proxyType = 2; 111 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 112 | remoteInfo = RCTText; 113 | }; 114 | AA4BDAA11D08944800DC9CBA /* PBXContainerItemProxy */ = { 115 | isa = PBXContainerItemProxy; 116 | containerPortal = F9E48E5893D64CD3887C68E9 /* RNVectorIcons.xcodeproj */; 117 | proxyType = 2; 118 | remoteGlobalIDString = 5DBEB1501B18CEA900B34395; 119 | remoteInfo = RNVectorIcons; 120 | }; 121 | /* End PBXContainerItemProxy section */ 122 | 123 | /* Begin PBXFileReference section */ 124 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 125 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 126 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 127 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 128 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 129 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 130 | 00E356EE1AD99517003FC87E /* FacebookTabsExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = FacebookTabsExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 131 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 132 | 00E356F21AD99517003FC87E /* FacebookTabsExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = FacebookTabsExampleTests.m; sourceTree = ""; }; 133 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 134 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 135 | 13B07F961A680F5B00A75B9A /* FacebookTabsExample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = FacebookTabsExample.app; sourceTree = BUILT_PRODUCTS_DIR; }; 136 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = FacebookTabsExample/AppDelegate.h; sourceTree = ""; }; 137 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = FacebookTabsExample/AppDelegate.m; sourceTree = ""; }; 138 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 139 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = FacebookTabsExample/Images.xcassets; sourceTree = ""; }; 140 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = FacebookTabsExample/Info.plist; sourceTree = ""; }; 141 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = FacebookTabsExample/main.m; sourceTree = ""; }; 142 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 143 | 152B28F2CD3842ABAFD7DBEC /* Foundation.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Foundation.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = ""; }; 144 | 31FA208C05114D07B7E0E75F /* FontAwesome.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = FontAwesome.ttf; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf"; sourceTree = ""; }; 145 | 393B1CE5BE424C72999159A1 /* Ionicons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Ionicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf"; sourceTree = ""; }; 146 | 50BADBC38CFD4216A1EEE591 /* EvilIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = EvilIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = ""; }; 147 | 53F988795C924AB086C173BA /* libRNVectorIcons.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNVectorIcons.a; sourceTree = ""; }; 148 | 66B1EB06E1544244914D1667 /* Entypo.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Entypo.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = ""; }; 149 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 150 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 151 | 84BF5D594C8545BDBAFCA5AE /* MaterialIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = MaterialIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = ""; }; 152 | 8C7B27CA13004D829A02EED4 /* Zocial.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Zocial.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Zocial.ttf"; sourceTree = ""; }; 153 | B5FC6AF4B2544906973A6797 /* Octicons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Octicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = ""; }; 154 | F9E48E5893D64CD3887C68E9 /* RNVectorIcons.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNVectorIcons.xcodeproj; path = "../node_modules/react-native-vector-icons/RNVectorIcons.xcodeproj"; sourceTree = ""; }; 155 | /* End PBXFileReference section */ 156 | 157 | /* Begin PBXFrameworksBuildPhase section */ 158 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 159 | isa = PBXFrameworksBuildPhase; 160 | buildActionMask = 2147483647; 161 | files = ( 162 | ); 163 | runOnlyForDeploymentPostprocessing = 0; 164 | }; 165 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 166 | isa = PBXFrameworksBuildPhase; 167 | buildActionMask = 2147483647; 168 | files = ( 169 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 170 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 171 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 172 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 173 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 174 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 175 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 176 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 177 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 178 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 179 | 15E2FA6F70584CA3AFFC34BA /* libRNVectorIcons.a in Frameworks */, 180 | ); 181 | runOnlyForDeploymentPostprocessing = 0; 182 | }; 183 | /* End PBXFrameworksBuildPhase section */ 184 | 185 | /* Begin PBXGroup section */ 186 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 187 | isa = PBXGroup; 188 | children = ( 189 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 190 | ); 191 | name = Products; 192 | sourceTree = ""; 193 | }; 194 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 195 | isa = PBXGroup; 196 | children = ( 197 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 198 | ); 199 | name = Products; 200 | sourceTree = ""; 201 | }; 202 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 203 | isa = PBXGroup; 204 | children = ( 205 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 206 | ); 207 | name = Products; 208 | sourceTree = ""; 209 | }; 210 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 211 | isa = PBXGroup; 212 | children = ( 213 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 214 | ); 215 | name = Products; 216 | sourceTree = ""; 217 | }; 218 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 219 | isa = PBXGroup; 220 | children = ( 221 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 222 | ); 223 | name = Products; 224 | sourceTree = ""; 225 | }; 226 | 00E356EF1AD99517003FC87E /* FacebookTabsExampleTests */ = { 227 | isa = PBXGroup; 228 | children = ( 229 | 00E356F21AD99517003FC87E /* FacebookTabsExampleTests.m */, 230 | 00E356F01AD99517003FC87E /* Supporting Files */, 231 | ); 232 | path = FacebookTabsExampleTests; 233 | sourceTree = ""; 234 | }; 235 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 236 | isa = PBXGroup; 237 | children = ( 238 | 00E356F11AD99517003FC87E /* Info.plist */, 239 | ); 240 | name = "Supporting Files"; 241 | sourceTree = ""; 242 | }; 243 | 139105B71AF99BAD00B5F7CC /* Products */ = { 244 | isa = PBXGroup; 245 | children = ( 246 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 247 | ); 248 | name = Products; 249 | sourceTree = ""; 250 | }; 251 | 139FDEE71B06529A00C62182 /* Products */ = { 252 | isa = PBXGroup; 253 | children = ( 254 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 255 | ); 256 | name = Products; 257 | sourceTree = ""; 258 | }; 259 | 13B07FAE1A68108700A75B9A /* FacebookTabsExample */ = { 260 | isa = PBXGroup; 261 | children = ( 262 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 263 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 264 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 265 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 266 | 13B07FB61A68108700A75B9A /* Info.plist */, 267 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 268 | 13B07FB71A68108700A75B9A /* main.m */, 269 | ); 270 | name = FacebookTabsExample; 271 | sourceTree = ""; 272 | }; 273 | 146834001AC3E56700842450 /* Products */ = { 274 | isa = PBXGroup; 275 | children = ( 276 | 146834041AC3E56700842450 /* libReact.a */, 277 | ); 278 | name = Products; 279 | sourceTree = ""; 280 | }; 281 | 78C398B11ACF4ADC00677621 /* Products */ = { 282 | isa = PBXGroup; 283 | children = ( 284 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 285 | ); 286 | name = Products; 287 | sourceTree = ""; 288 | }; 289 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 290 | isa = PBXGroup; 291 | children = ( 292 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 293 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 294 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 295 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 296 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 297 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 298 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 299 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 300 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 301 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 302 | F9E48E5893D64CD3887C68E9 /* RNVectorIcons.xcodeproj */, 303 | ); 304 | name = Libraries; 305 | sourceTree = ""; 306 | }; 307 | 832341B11AAA6A8300B99B32 /* Products */ = { 308 | isa = PBXGroup; 309 | children = ( 310 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 311 | ); 312 | name = Products; 313 | sourceTree = ""; 314 | }; 315 | 83CBB9F61A601CBA00E9B192 = { 316 | isa = PBXGroup; 317 | children = ( 318 | 13B07FAE1A68108700A75B9A /* FacebookTabsExample */, 319 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 320 | 00E356EF1AD99517003FC87E /* FacebookTabsExampleTests */, 321 | 83CBBA001A601CBA00E9B192 /* Products */, 322 | AA745EA3C74F4763BE537186 /* Resources */, 323 | ); 324 | indentWidth = 2; 325 | sourceTree = ""; 326 | tabWidth = 2; 327 | }; 328 | 83CBBA001A601CBA00E9B192 /* Products */ = { 329 | isa = PBXGroup; 330 | children = ( 331 | 13B07F961A680F5B00A75B9A /* FacebookTabsExample.app */, 332 | 00E356EE1AD99517003FC87E /* FacebookTabsExampleTests.xctest */, 333 | ); 334 | name = Products; 335 | sourceTree = ""; 336 | }; 337 | AA4BDA941D08944800DC9CBA /* Products */ = { 338 | isa = PBXGroup; 339 | children = ( 340 | AA4BDAA21D08944800DC9CBA /* libRNVectorIcons.a */, 341 | ); 342 | name = Products; 343 | sourceTree = ""; 344 | }; 345 | AA745EA3C74F4763BE537186 /* Resources */ = { 346 | isa = PBXGroup; 347 | children = ( 348 | 66B1EB06E1544244914D1667 /* Entypo.ttf */, 349 | 50BADBC38CFD4216A1EEE591 /* EvilIcons.ttf */, 350 | 31FA208C05114D07B7E0E75F /* FontAwesome.ttf */, 351 | 152B28F2CD3842ABAFD7DBEC /* Foundation.ttf */, 352 | 393B1CE5BE424C72999159A1 /* Ionicons.ttf */, 353 | 84BF5D594C8545BDBAFCA5AE /* MaterialIcons.ttf */, 354 | B5FC6AF4B2544906973A6797 /* Octicons.ttf */, 355 | 8C7B27CA13004D829A02EED4 /* Zocial.ttf */, 356 | ); 357 | name = Resources; 358 | sourceTree = ""; 359 | }; 360 | /* End PBXGroup section */ 361 | 362 | /* Begin PBXNativeTarget section */ 363 | 00E356ED1AD99517003FC87E /* FacebookTabsExampleTests */ = { 364 | isa = PBXNativeTarget; 365 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "FacebookTabsExampleTests" */; 366 | buildPhases = ( 367 | 00E356EA1AD99517003FC87E /* Sources */, 368 | 00E356EB1AD99517003FC87E /* Frameworks */, 369 | 00E356EC1AD99517003FC87E /* Resources */, 370 | ); 371 | buildRules = ( 372 | ); 373 | dependencies = ( 374 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 375 | ); 376 | name = FacebookTabsExampleTests; 377 | productName = FacebookTabsExampleTests; 378 | productReference = 00E356EE1AD99517003FC87E /* FacebookTabsExampleTests.xctest */; 379 | productType = "com.apple.product-type.bundle.unit-test"; 380 | }; 381 | 13B07F861A680F5B00A75B9A /* FacebookTabsExample */ = { 382 | isa = PBXNativeTarget; 383 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "FacebookTabsExample" */; 384 | buildPhases = ( 385 | 13B07F871A680F5B00A75B9A /* Sources */, 386 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 387 | 13B07F8E1A680F5B00A75B9A /* Resources */, 388 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 389 | ); 390 | buildRules = ( 391 | ); 392 | dependencies = ( 393 | ); 394 | name = FacebookTabsExample; 395 | productName = "Hello World"; 396 | productReference = 13B07F961A680F5B00A75B9A /* FacebookTabsExample.app */; 397 | productType = "com.apple.product-type.application"; 398 | }; 399 | /* End PBXNativeTarget section */ 400 | 401 | /* Begin PBXProject section */ 402 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 403 | isa = PBXProject; 404 | attributes = { 405 | LastUpgradeCheck = 610; 406 | ORGANIZATIONNAME = Facebook; 407 | TargetAttributes = { 408 | 00E356ED1AD99517003FC87E = { 409 | CreatedOnToolsVersion = 6.2; 410 | TestTargetID = 13B07F861A680F5B00A75B9A; 411 | }; 412 | }; 413 | }; 414 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "FacebookTabsExample" */; 415 | compatibilityVersion = "Xcode 3.2"; 416 | developmentRegion = English; 417 | hasScannedForEncodings = 0; 418 | knownRegions = ( 419 | en, 420 | Base, 421 | ); 422 | mainGroup = 83CBB9F61A601CBA00E9B192; 423 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 424 | projectDirPath = ""; 425 | projectReferences = ( 426 | { 427 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 428 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 429 | }, 430 | { 431 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 432 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 433 | }, 434 | { 435 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 436 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 437 | }, 438 | { 439 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 440 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 441 | }, 442 | { 443 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 444 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 445 | }, 446 | { 447 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 448 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 449 | }, 450 | { 451 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 452 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 453 | }, 454 | { 455 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 456 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 457 | }, 458 | { 459 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 460 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 461 | }, 462 | { 463 | ProductGroup = 146834001AC3E56700842450 /* Products */; 464 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 465 | }, 466 | { 467 | ProductGroup = AA4BDA941D08944800DC9CBA /* Products */; 468 | ProjectRef = F9E48E5893D64CD3887C68E9 /* RNVectorIcons.xcodeproj */; 469 | }, 470 | ); 471 | projectRoot = ""; 472 | targets = ( 473 | 13B07F861A680F5B00A75B9A /* FacebookTabsExample */, 474 | 00E356ED1AD99517003FC87E /* FacebookTabsExampleTests */, 475 | ); 476 | }; 477 | /* End PBXProject section */ 478 | 479 | /* Begin PBXReferenceProxy section */ 480 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 481 | isa = PBXReferenceProxy; 482 | fileType = archive.ar; 483 | path = libRCTActionSheet.a; 484 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 485 | sourceTree = BUILT_PRODUCTS_DIR; 486 | }; 487 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 488 | isa = PBXReferenceProxy; 489 | fileType = archive.ar; 490 | path = libRCTGeolocation.a; 491 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 492 | sourceTree = BUILT_PRODUCTS_DIR; 493 | }; 494 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 495 | isa = PBXReferenceProxy; 496 | fileType = archive.ar; 497 | path = libRCTImage.a; 498 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 499 | sourceTree = BUILT_PRODUCTS_DIR; 500 | }; 501 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 502 | isa = PBXReferenceProxy; 503 | fileType = archive.ar; 504 | path = libRCTNetwork.a; 505 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 506 | sourceTree = BUILT_PRODUCTS_DIR; 507 | }; 508 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 509 | isa = PBXReferenceProxy; 510 | fileType = archive.ar; 511 | path = libRCTVibration.a; 512 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 513 | sourceTree = BUILT_PRODUCTS_DIR; 514 | }; 515 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 516 | isa = PBXReferenceProxy; 517 | fileType = archive.ar; 518 | path = libRCTSettings.a; 519 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 520 | sourceTree = BUILT_PRODUCTS_DIR; 521 | }; 522 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 523 | isa = PBXReferenceProxy; 524 | fileType = archive.ar; 525 | path = libRCTWebSocket.a; 526 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 527 | sourceTree = BUILT_PRODUCTS_DIR; 528 | }; 529 | 146834041AC3E56700842450 /* libReact.a */ = { 530 | isa = PBXReferenceProxy; 531 | fileType = archive.ar; 532 | path = libReact.a; 533 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 534 | sourceTree = BUILT_PRODUCTS_DIR; 535 | }; 536 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 537 | isa = PBXReferenceProxy; 538 | fileType = archive.ar; 539 | path = libRCTLinking.a; 540 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 541 | sourceTree = BUILT_PRODUCTS_DIR; 542 | }; 543 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 544 | isa = PBXReferenceProxy; 545 | fileType = archive.ar; 546 | path = libRCTText.a; 547 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 548 | sourceTree = BUILT_PRODUCTS_DIR; 549 | }; 550 | AA4BDAA21D08944800DC9CBA /* libRNVectorIcons.a */ = { 551 | isa = PBXReferenceProxy; 552 | fileType = archive.ar; 553 | path = libRNVectorIcons.a; 554 | remoteRef = AA4BDAA11D08944800DC9CBA /* PBXContainerItemProxy */; 555 | sourceTree = BUILT_PRODUCTS_DIR; 556 | }; 557 | /* End PBXReferenceProxy section */ 558 | 559 | /* Begin PBXResourcesBuildPhase section */ 560 | 00E356EC1AD99517003FC87E /* Resources */ = { 561 | isa = PBXResourcesBuildPhase; 562 | buildActionMask = 2147483647; 563 | files = ( 564 | ); 565 | runOnlyForDeploymentPostprocessing = 0; 566 | }; 567 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 568 | isa = PBXResourcesBuildPhase; 569 | buildActionMask = 2147483647; 570 | files = ( 571 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 572 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 573 | 2DD13640B9F941C2AB0553C4 /* Entypo.ttf in Resources */, 574 | E035F43D95084C1596B68D18 /* EvilIcons.ttf in Resources */, 575 | 8B587FF436A44E63975002D6 /* FontAwesome.ttf in Resources */, 576 | 4B3AB35132FD4E329B375E1F /* Foundation.ttf in Resources */, 577 | 501E60A99B03482D9004BFA8 /* Ionicons.ttf in Resources */, 578 | C5248C07B8834BE88EEF35C2 /* MaterialIcons.ttf in Resources */, 579 | 7F9E1DC1A1F9480FAE7A6023 /* Octicons.ttf in Resources */, 580 | 0072C28C06AD4385B8545C52 /* Zocial.ttf in Resources */, 581 | ); 582 | runOnlyForDeploymentPostprocessing = 0; 583 | }; 584 | /* End PBXResourcesBuildPhase section */ 585 | 586 | /* Begin PBXShellScriptBuildPhase section */ 587 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 588 | isa = PBXShellScriptBuildPhase; 589 | buildActionMask = 2147483647; 590 | files = ( 591 | ); 592 | inputPaths = ( 593 | ); 594 | name = "Bundle React Native code and images"; 595 | outputPaths = ( 596 | ); 597 | runOnlyForDeploymentPostprocessing = 0; 598 | shellPath = /bin/sh; 599 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 600 | }; 601 | /* End PBXShellScriptBuildPhase section */ 602 | 603 | /* Begin PBXSourcesBuildPhase section */ 604 | 00E356EA1AD99517003FC87E /* Sources */ = { 605 | isa = PBXSourcesBuildPhase; 606 | buildActionMask = 2147483647; 607 | files = ( 608 | 00E356F31AD99517003FC87E /* FacebookTabsExampleTests.m in Sources */, 609 | ); 610 | runOnlyForDeploymentPostprocessing = 0; 611 | }; 612 | 13B07F871A680F5B00A75B9A /* Sources */ = { 613 | isa = PBXSourcesBuildPhase; 614 | buildActionMask = 2147483647; 615 | files = ( 616 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 617 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 618 | ); 619 | runOnlyForDeploymentPostprocessing = 0; 620 | }; 621 | /* End PBXSourcesBuildPhase section */ 622 | 623 | /* Begin PBXTargetDependency section */ 624 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 625 | isa = PBXTargetDependency; 626 | target = 13B07F861A680F5B00A75B9A /* FacebookTabsExample */; 627 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 628 | }; 629 | /* End PBXTargetDependency section */ 630 | 631 | /* Begin PBXVariantGroup section */ 632 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 633 | isa = PBXVariantGroup; 634 | children = ( 635 | 13B07FB21A68108700A75B9A /* Base */, 636 | ); 637 | name = LaunchScreen.xib; 638 | path = FacebookTabsExample; 639 | sourceTree = ""; 640 | }; 641 | /* End PBXVariantGroup section */ 642 | 643 | /* Begin XCBuildConfiguration section */ 644 | 00E356F61AD99517003FC87E /* Debug */ = { 645 | isa = XCBuildConfiguration; 646 | buildSettings = { 647 | BUNDLE_LOADER = "$(TEST_HOST)"; 648 | GCC_PREPROCESSOR_DEFINITIONS = ( 649 | "DEBUG=1", 650 | "$(inherited)", 651 | ); 652 | INFOPLIST_FILE = FacebookTabsExampleTests/Info.plist; 653 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 654 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 655 | LIBRARY_SEARCH_PATHS = ( 656 | "$(inherited)", 657 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 658 | ); 659 | PRODUCT_NAME = "$(TARGET_NAME)"; 660 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FacebookTabsExample.app/FacebookTabsExample"; 661 | }; 662 | name = Debug; 663 | }; 664 | 00E356F71AD99517003FC87E /* Release */ = { 665 | isa = XCBuildConfiguration; 666 | buildSettings = { 667 | BUNDLE_LOADER = "$(TEST_HOST)"; 668 | COPY_PHASE_STRIP = NO; 669 | INFOPLIST_FILE = FacebookTabsExampleTests/Info.plist; 670 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 671 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 672 | LIBRARY_SEARCH_PATHS = ( 673 | "$(inherited)", 674 | "\"$(SRCROOT)/$(TARGET_NAME)\"", 675 | ); 676 | PRODUCT_NAME = "$(TARGET_NAME)"; 677 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FacebookTabsExample.app/FacebookTabsExample"; 678 | }; 679 | name = Release; 680 | }; 681 | 13B07F941A680F5B00A75B9A /* Debug */ = { 682 | isa = XCBuildConfiguration; 683 | buildSettings = { 684 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 685 | DEAD_CODE_STRIPPING = NO; 686 | HEADER_SEARCH_PATHS = ( 687 | "$(inherited)", 688 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 689 | "$(SRCROOT)/../node_modules/react-native/React/**", 690 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 691 | ); 692 | INFOPLIST_FILE = FacebookTabsExample/Info.plist; 693 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 694 | OTHER_LDFLAGS = ( 695 | "-ObjC", 696 | "-lc++", 697 | ); 698 | PRODUCT_NAME = FacebookTabsExample; 699 | }; 700 | name = Debug; 701 | }; 702 | 13B07F951A680F5B00A75B9A /* Release */ = { 703 | isa = XCBuildConfiguration; 704 | buildSettings = { 705 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 706 | HEADER_SEARCH_PATHS = ( 707 | "$(inherited)", 708 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 709 | "$(SRCROOT)/../node_modules/react-native/React/**", 710 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 711 | ); 712 | INFOPLIST_FILE = FacebookTabsExample/Info.plist; 713 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 714 | OTHER_LDFLAGS = ( 715 | "-ObjC", 716 | "-lc++", 717 | ); 718 | PRODUCT_NAME = FacebookTabsExample; 719 | }; 720 | name = Release; 721 | }; 722 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 723 | isa = XCBuildConfiguration; 724 | buildSettings = { 725 | ALWAYS_SEARCH_USER_PATHS = NO; 726 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 727 | CLANG_CXX_LIBRARY = "libc++"; 728 | CLANG_ENABLE_MODULES = YES; 729 | CLANG_ENABLE_OBJC_ARC = YES; 730 | CLANG_WARN_BOOL_CONVERSION = YES; 731 | CLANG_WARN_CONSTANT_CONVERSION = YES; 732 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 733 | CLANG_WARN_EMPTY_BODY = YES; 734 | CLANG_WARN_ENUM_CONVERSION = YES; 735 | CLANG_WARN_INT_CONVERSION = YES; 736 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 737 | CLANG_WARN_UNREACHABLE_CODE = YES; 738 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 739 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 740 | COPY_PHASE_STRIP = NO; 741 | ENABLE_STRICT_OBJC_MSGSEND = YES; 742 | GCC_C_LANGUAGE_STANDARD = gnu99; 743 | GCC_DYNAMIC_NO_PIC = NO; 744 | GCC_OPTIMIZATION_LEVEL = 0; 745 | GCC_PREPROCESSOR_DEFINITIONS = ( 746 | "DEBUG=1", 747 | "$(inherited)", 748 | ); 749 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 750 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 751 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 752 | GCC_WARN_UNDECLARED_SELECTOR = YES; 753 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 754 | GCC_WARN_UNUSED_FUNCTION = YES; 755 | GCC_WARN_UNUSED_VARIABLE = YES; 756 | HEADER_SEARCH_PATHS = ( 757 | "$(inherited)", 758 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 759 | "$(SRCROOT)/../node_modules/react-native/React/**", 760 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 761 | ); 762 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 763 | MTL_ENABLE_DEBUG_INFO = YES; 764 | ONLY_ACTIVE_ARCH = YES; 765 | SDKROOT = iphoneos; 766 | }; 767 | name = Debug; 768 | }; 769 | 83CBBA211A601CBA00E9B192 /* Release */ = { 770 | isa = XCBuildConfiguration; 771 | buildSettings = { 772 | ALWAYS_SEARCH_USER_PATHS = NO; 773 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 774 | CLANG_CXX_LIBRARY = "libc++"; 775 | CLANG_ENABLE_MODULES = YES; 776 | CLANG_ENABLE_OBJC_ARC = YES; 777 | CLANG_WARN_BOOL_CONVERSION = YES; 778 | CLANG_WARN_CONSTANT_CONVERSION = YES; 779 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 780 | CLANG_WARN_EMPTY_BODY = YES; 781 | CLANG_WARN_ENUM_CONVERSION = YES; 782 | CLANG_WARN_INT_CONVERSION = YES; 783 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 784 | CLANG_WARN_UNREACHABLE_CODE = YES; 785 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 786 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 787 | COPY_PHASE_STRIP = YES; 788 | ENABLE_NS_ASSERTIONS = NO; 789 | ENABLE_STRICT_OBJC_MSGSEND = YES; 790 | GCC_C_LANGUAGE_STANDARD = gnu99; 791 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 792 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 793 | GCC_WARN_UNDECLARED_SELECTOR = YES; 794 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 795 | GCC_WARN_UNUSED_FUNCTION = YES; 796 | GCC_WARN_UNUSED_VARIABLE = YES; 797 | HEADER_SEARCH_PATHS = ( 798 | "$(inherited)", 799 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 800 | "$(SRCROOT)/../node_modules/react-native/React/**", 801 | "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager", 802 | ); 803 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 804 | MTL_ENABLE_DEBUG_INFO = NO; 805 | SDKROOT = iphoneos; 806 | VALIDATE_PRODUCT = YES; 807 | }; 808 | name = Release; 809 | }; 810 | /* End XCBuildConfiguration section */ 811 | 812 | /* Begin XCConfigurationList section */ 813 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "FacebookTabsExampleTests" */ = { 814 | isa = XCConfigurationList; 815 | buildConfigurations = ( 816 | 00E356F61AD99517003FC87E /* Debug */, 817 | 00E356F71AD99517003FC87E /* Release */, 818 | ); 819 | defaultConfigurationIsVisible = 0; 820 | defaultConfigurationName = Release; 821 | }; 822 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "FacebookTabsExample" */ = { 823 | isa = XCConfigurationList; 824 | buildConfigurations = ( 825 | 13B07F941A680F5B00A75B9A /* Debug */, 826 | 13B07F951A680F5B00A75B9A /* Release */, 827 | ); 828 | defaultConfigurationIsVisible = 0; 829 | defaultConfigurationName = Release; 830 | }; 831 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "FacebookTabsExample" */ = { 832 | isa = XCConfigurationList; 833 | buildConfigurations = ( 834 | 83CBBA201A601CBA00E9B192 /* Debug */, 835 | 83CBBA211A601CBA00E9B192 /* Release */, 836 | ); 837 | defaultConfigurationIsVisible = 0; 838 | defaultConfigurationName = Release; 839 | }; 840 | /* End XCConfigurationList section */ 841 | }; 842 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 843 | } 844 | --------------------------------------------------------------------------------