refactor: upgrade

BREAKING CHANGE: change activeTintColor -> activeColor

Author: satya164

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 
 defaults: &defaults
   docker:
-    - image: circleci/node:7.10
+    - image: circleci/node:10.9.0
   working_directory: ~/project
 
 jobs:
@@ -21,8 +21,7 @@ jobs:
             - v1-dependencies-example-{{ checksum "example/package.json" }}
             - v1-dependencies-example-
       - run: |
-          yarn install --ignore-engines
-          yarn install --cwd example
+          yarn bootstrap
       - save_cache:
           key: v1-dependencies-{{ checksum "package.json" }}
           paths: node_modules
@@ -32,32 +31,39 @@ jobs:
       - persist_to_workspace:
           root: .
           paths: .
-  lint-and-flow:
+  lint-and-typecheck:
       <<: *defaults
       steps:
         - attach_workspace:
             at: ~/project
         - run: |
             yarn lint
-            yarn flow
+            yarn typescript
   unit-tests:
       <<: *defaults
       steps:
         - attach_workspace:
             at: ~/project
-        - run: yarn test -- --coverage
+        - run: |
+            yarn test --coverage
         - store_artifacts:
             path: coverage
             destination: coverage
+  build:
+      <<: *defaults
+      steps:
+        - attach_workspace:
+            at: ~/project
+        - run: yarn prepare
 
 workflows:
   version: 2
   build-and-test:
     jobs:
       - install-dependencies
-      - lint-and-flow:
+      - lint-and-typecheck:
           requires:
             - install-dependencies
-      - unit-tests:
+      - build:
           requires:
             - install-dependencies

.eslintignore

@@ -1,3 +1,6 @@
 node_modules/
 flow-typed/
 dist/
+
+# generated by bob
+lib/

.eslintrc

@@ -3,8 +3,18 @@
 
   "plugins": ["react-native-globals"],
 
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+
   "env": {
     "es6": true,
     "react-native-globals/all": true,
+  },
+
+  "rules": {
+    "import/named": "off"
   }
 }

.flowconfig

@@ -7,7 +7,6 @@
 
 # VSCode
 .vscode/
-tsconfig.json
 jsconfig.json
 
 # Xcode
@@ -51,3 +50,6 @@ android/keystores/debug.keystore
 
 # Build
 dist/
+
+# generated by bob
+lib/

.gitignore

@@ -1,8 +1,5 @@
 {
-  "increment": "conventional:angular",
-  "changelogCommand": "conventional-changelog -p angular | tail -n +3",
-  "safeBump": false,
-  "src": {
+  "git": {
     "commitMessage": "chore: release %s",
     "tagName": "v%s"
   },
@@ -11,5 +8,10 @@
   },
   "github": {
     "release": true
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": "angular"
+    }
   }
 }

.release-it.json

@@ -45,8 +45,6 @@ export default createMaterialBottomTabNavigator({
 });
 ```
 
-For more info, see: https://github.com/react-navigation/react-navigation-tabs
-
 ## Docs
 
 Documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/material-bottom-tab-navigator.html).

README.md

@@ -0,0 +1,5 @@
+/* eslint-disable import/no-commonjs */
+
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+};

__setup__/enzyme.js

@@ -1,45 +1,54 @@
 import * as React from 'react';
-import Expo from 'expo';
+import { StyleSheet } from 'react-native';
+import { registerRootComponent } from 'expo';
+import { Asset } from 'expo-asset';
 import {
   FlatList,
   createAppContainer,
-  createStackNavigator,
+  NavigationScreenProp,
 } from 'react-navigation';
+import {
+  createStackNavigator,
+  Assets as StackAssets,
+} from 'react-navigation-stack';
 import { List, Divider } from 'react-native-paper';
 
-// eslint-disable-next-line import/no-unresolved
-import { Assets as StackAssets } from 'react-navigation-stack';
-
 import SimpleTabs from './src/SimpleTabs';
 import ShiftingTabs from './src/ShiftingTabs';
 import IconTabs from './src/IconTabs';
 
-Expo.Asset.loadAsync(StackAssets);
+Asset.loadAsync(StackAssets);
 
 const data = [
   { component: ShiftingTabs, title: 'Shifting', routeName: 'ShiftingTabs' },
   { component: SimpleTabs, title: 'Simple', routeName: 'SimpleTabs' },
   { component: IconTabs, title: 'Icons only', routeName: 'IconTabs' },
 ];
 
-class Home extends React.Component {
+type Props = {
+  navigation: NavigationScreenProp<any>;
+};
+
+type Item = { title: string; routeName: string };
+
+class Home extends React.Component<Props> {
   static navigationOptions = {
     title: 'Examples',
   };
 
-  _renderItem = ({ item }) => (
+  _renderItem = ({ item }: { item: Item }) => (
     <List.Item
       title={item.title}
       onPress={() => this.props.navigation.navigate(item.routeName)}
     />
   );
 
-  _keyExtractor = item => item.routeName;
+  _keyExtractor = (item: Item) => item.routeName;
 
   render() {
     return (
       <FlatList
-        style={{ backgroundColor: '#fff' }}
+        style={styles.container}
         ItemSeparatorComponent={Divider}
         renderItem={this._renderItem}
         keyExtractor={this._keyExtractor}
@@ -51,7 +60,12 @@ class Home extends React.Component {
 
 const MainStack = createStackNavigator({
   Home,
-  ...data.reduce((acc, it) => {
+  ...data.reduce<{
+    [key: string]: {
+      screen: React.ComponentType;
+      navigationOptions: { title: string };
+    };
+  }>((acc, it) => {
     acc[it.routeName] = {
       screen: it.component,
       navigationOptions: {
@@ -64,4 +78,12 @@ const MainStack = createStackNavigator({
 });
 
 const App = createAppContainer(MainStack);
-Expo.registerRootComponent(App);
+
+// @ts-ignore
+registerRootComponent(App);
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#fff',
+  },
+});