Fix example screens of Typography and TextField

Author: ethanshar

demo/src/screens/componentScreens/TextFieldScreen/index.js

@@ -35,11 +35,8 @@ class TextFieldScreen extends Component {
 
   render() {
     return (
-      <TabController>
-        <TabController.TabBar
-          items={SCREENS.map(item => ({label: item.title}))}
-          activeBackgroundColor={Colors.blue70}
-        />
+      <TabController items={SCREENS.map(item => ({label: item.title}))}>
+        <TabController.TabBar activeBackgroundColor={Colors.blue70}/>
         {this.renderPages()}
       </TabController>
     );

demo/src/screens/foundationScreens/TypographyScreen.js

@@ -4,7 +4,6 @@ import React, {Component} from 'react';
 import {ScrollView} from 'react-native';
 import {TabController, Colors, Typography, View, Text} from 'react-native-ui-lib';
 
-
 const WEIGHTS = ['Thin', 'Light', 'Default', 'Regular', 'Medium', 'Bold', 'Heavy', 'Black'];
 
 export default class TypographyScreen extends Component {
@@ -74,11 +73,8 @@ export default class TypographyScreen extends Component {
 
   render() {
     return (
-      <TabController>
-        <TabController.TabBar
-          items={WEIGHTS.map(item => ({label: item, key: item}))}
-          activeBackgroundColor={Colors.blue70}
-        />
+      <TabController items={WEIGHTS.map(item => ({label: item, key: item}))}>
+        <TabController.TabBar activeBackgroundColor={Colors.blue70}/>
         {this.renderPages()}
       </TabController>
     );