UIExplorerList.android.js

/**
 * The examples provided by Facebook are for non-commercial testing and
 * evaluation purposes only.
 *
 * Facebook reserves all rights not expressly granted.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
 * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
 * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
 * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 * @flow
 */
'use strict';

var React = require('react-native');
var {
    StyleSheet,
    View,
    } = React;
var UIExplorerListBase = require('./UIExplorerListBase');

var COMPONENTS = [
    /*
     * added by marsprince
     * @author facebook
     * */
    /*require('./AssetScaledImageExample'),*/
   /* require('./AsyncStorageExample'),*/
    /* require('./GeolocationExample'),*/
    /* require('./ImageCapInsetsExample'),*/
    /*require('./ImageEditingExample'),*/
    require('./ListViewExample'),
    require('./ListViewGridLayoutExample'),
    require('./ListViewPagingExample'),
    /* require('./MapViewExample'),*/
   /*  require('./ModalExample.android'),*/
    /*require('./TransformExample'),*/
    /* require('./WebViewExample'),*/

    require('./ImageExample'),
    require('./ProgressBarAndroidExample'),
    require('./ScrollViewSimpleExample'),
    require('./SwitchAndroidExample'),
    require('./TextExample.android'),
    require('./TextInputExample.android'),
    require('./ToolbarAndroidExample'),
    require('./TouchableExample'),
    require('./ViewExample'),
    require('./ViewPagerAndroidExample.android'),

    require('./CustomTabBarExample'),/*dependencies:components/CustomTabBar*/
    require('./ScrollableTabViewExample'),/*dependencies:react-native-scrollable-tab-view*/

];

var APIS = [
    /*
     * added by marsprince
     * @author facebook
     * */
    require('./AnimatedExample'),
    /* require('./NetInfoExample'),*/
    /*  require('./ResponderExample'),*/

    require('./AccessibilityAndroidExample.android'),
    require('./BorderExample'),
    require('./LayoutEventsExample'),
    require('./LayoutExample'),
    require('./PanResponderExample'),
    require('./PointerEventsExample'),
    require('./TimerExample'),/*dependencies:react-timer-mixin*/
    require('./ToastAndroidExample.android'),
    require('./XHRExample'),

];

type
Props = {
    onSelectExample: Function,
    isInDrawer: bool,
};

class UIExplorerList extends React.Component {
    props:Props;

    render() {
        return (
            <UIExplorerListBase
                components={COMPONENTS}
                apis={APIS}
                searchText=""
                renderAdditionalView={this.renderAdditionalView.bind(this)}
                onPressRow={this.onPressRow.bind(this)}
                />
        );
    }

    renderAdditionalView(renderRow, renderTextInput):React.Component {
        if (this.props.isInDrawer) {
            var homePage = renderRow({
                title: 'UIExplorer',
                description: 'List of examples',
            }, -1);
            return (
                <View>
                    {homePage}
                </View>
            );
        }
        return renderTextInput(styles.searchTextInput);
    }

    onPressRow(example:any) {
        var Component = UIExplorerListBase.makeRenderable(example);
        this.props.onSelectExample({
            title: Component.title,
            component: Component,
        });
    }
}

var styles = StyleSheet.create({
    searchTextInput: {
        padding: 2,
    },
});

module.exports = UIExplorerList;