pankod/react-native-picker-modal-view

// Global Imports
import * as React from 'react';
import { View, Text, TouchableOpacity, Image } from 'react-native';

// Local Imports
import { ISelectBoxProps } from '@Interfaces';
import { SelectBoxStyle } from '@Styles';

export class SelectBoxComponent extends React.PureComponent<ISelectBoxProps, {}> {
    public render(): JSX.Element {
        const { openModal, selectedObject, chooseText, disabled, renderSelectView, items } = this.props;
        const selectViewIsDisabled = (disabled || !items || items.length === 0);
        if (renderSelectView) {
            return (renderSelectView(selectViewIsDisabled, selectedObject, openModal.bind(this)))
        }
        return (
            <TouchableOpacity
                activeOpacity={0.7}
                onPress={() => openModal()}
                style={[SelectBoxStyle.pressBtn, selectViewIsDisabled && SelectBoxStyle.disabledBtn]}
            >
                <View style={SelectBoxStyle.container}>
                    <Text style={[selectViewIsDisabled ? SelectBoxStyle.disabledTxt : SelectBoxStyle.chooseText]}>{
                        (selectedObject && selectedObject.Name) ? selectedObject.Name : chooseText
                    }</Text>
                    <Image source={require('../Assets/Images/down.png')}
                        style={[SelectBoxStyle.downBtn, selectViewIsDisabled && SelectBoxStyle.disabledImage]}
                    />
                </View>
            </TouchableOpacity>
        );
    }
}