/* @flow */
'use strict';

import React from 'react';
import NativeBaseComponent from '../Base/NativeBaseComponent';
import computeProps from '../../Utils/computeProps';
import ScrollableTabView from './../vendor/react-native-scrollable-tab-view';

export default class TabNB extends NativeBaseComponent {

    propTypes: {
        style : React.PropTypes.object
    }

    getInitialStyle() {
        return {
            tab: {
                flex: 1
            }
        }
    }

    prepareRootProps() {

        var defaultProps = {
            style: this.getInitialStyle().tab
        };

        return computeProps(this.props, defaultProps);

    }

    render() {
        return(
            <ScrollableTabView {...this.prepareRootProps()} >
            {this.props.children}
            </ScrollableTabView>
        );
    }

}

/* @flow */
'use strict';

import React from 'react';
import NativeBaseComponent from '../Base/NativeBaseComponent';
import computeProps from '../../Utils/computeProps';
import ScrollableTabView from './../vendor/react-native-scrollable-tab-view';

export default class TabNB extends NativeBaseComponent {

    propTypes: {
        style : React.PropTypes.object
    }

    getInitialStyle() {
        return {
            tab: {
                flex: 1
            }
        }
    }

    prepareRootProps() {

        var defaultProps = {
            style: this.getInitialStyle().tab
        };

        return computeProps(this.props, defaultProps);

    }

    render() {
        return(
            <ScrollableTabView {...this.prepareRootProps()} >
            {this.props.children.filter(child => child)}
            </ScrollableTabView>
        );
    }

}

Add .filter() call on this.props.children
Add .filter() call on this.props.children

I was encountering a problem, where if a null value was passed as a child to Component, it threw a few errors.
This .filter() removes all falsey values from this.props.children, preventing the errors, and returning the correct result.