Fix screen and some errors

Author: M-i-k-e-l

demo/src/screens/componentScreens/TabControllerScreen/index.tsx

@@ -32,7 +32,7 @@ class TabControllerScreen extends Component<{}, State> {
       items: []
     };
 
-    this.setState({items: this.generateTabItems()});
+    this.state.items = this.generateTabItems();
   }
 
   generateTabItems = (fewItems = this.state.fewItems, centerSelected = this.state.centerSelected): TabBarItemProps[] => {

generatedTypes/components/tabController/TabBarItem.d.ts

@@ -79,7 +79,7 @@ export interface TabBarItemProps {
 }
 interface Props extends TabBarItemProps {
     index: number;
-    targetPage: number;
+    targetPage: any;
     state: State;
     currentPage: Animated.Adaptable<number>;
     onLayout: (layout: Partial<LayoutRectangle>, index: number) => void;

generatedTypes/incubator/TouchableOpacity.d.ts

@@ -39,7 +39,6 @@ export declare type TouchableOpacityProps = {
      * Pass custom style
      */
     style?: ViewProps['style'];
-    ref?: any;
     onLayout?: (event: LayoutChangeEvent) => void;
     testID?: string;
 };

src/components/tabController/TabBar.tsx

@@ -125,7 +125,7 @@ export interface TabBarProps {
 type ChildProps = React.ReactElement<TabBarItemProps>;
 
 interface Props extends TabBarProps, BaseComponentInjectedProps, ForwardRefInjectedProps {
-  children: ChildProps[] | ChildProps;
+  children?: ChildProps[] | ChildProps;
 }
 
 interface State {
@@ -402,6 +402,10 @@ class TabBar extends PureComponent<Props, State> {
         return this.tabBarItems;
       }
 
+      if (!this.children) {
+        return;
+      }
+
       this.tabBarItems = React.Children.map(this.children, (child: Partial<ChildProps>, index: number) => {
         // @ts-ignore TODO: typescript - not sure if this can be easily solved
         return React.cloneElement(child, {
@@ -427,7 +431,6 @@ class TabBar extends PureComponent<Props, State> {
   renderCodeBlock = () => {
     const {currentPage, targetPage} = this.context;
     const {itemsWidths, itemsOffsets} = this.state;
-
     const nodes = [];
 
     nodes.push(
@@ -476,7 +479,7 @@ class TabBar extends PureComponent<Props, State> {
           <View
             style={[
               styles.tabBar,
-              _.isUndefined(height) && {height},
+              !_.isUndefined(height) && {height},
               {paddingHorizontal: this.centerOffset, backgroundColor}
             ]}
           >

src/components/tabController/TabBarItem.tsx

@@ -104,7 +104,7 @@ export interface TabBarItemProps {
 
 interface Props extends TabBarItemProps {
   index: number;
-  targetPage: number;
+  targetPage: any; // TODO: typescript?
   state: State;
   currentPage: Animated.Adaptable<number>;
   onLayout: (layout: Partial<LayoutRectangle>, index: number) => void;

src/incubator/TouchableOpacity.tsx

@@ -64,8 +64,6 @@ export type TouchableOpacityProps = {
    * Pass custom style
    */
   style?: ViewProps['style'];
-  // TODO: get these from somewhere
-  ref?: any;
   onLayout?: (event: LayoutChangeEvent) => void;
   testID?: string;
 };