SharePerson

public class ApplicationTypeModel 
{ 
    public int Id { set; get; } 
    public string ApplicationName { set; get; }
}

SharePerson

<select id="ApplicationType" name="ApplicationType">
    <option value=""> - Select Type - </option>
    <option value="0">Forum</option>
    <option value="1">Weblog</option>
    <option value="2">Gallery</option>
    <option value="3">GuestBook</option>
</select>

SharePerson

outsideClick={() => {
    if(closeOnClickOutside) {
        this.setState({ modalVisible: false });
    }
}}

SharePerson

<CustomModal
    animation="slide"
    visible={this.state.modalVisible}
    mode="overFullScreen"
    boxBackgroundColor="lightyellow"
    transparentContainer={transparent}
    bottomHalf={bottomHalf}
    outsideClick={() => {
        if(closeOnClickOutside) {
            this.setState({ modalVisible: false });

SharePerson

const { navigation } = this.props;
const transparent = navigation.getParam('transparent', false);
const bottomHalf = navigation.getParam('bottomHalf', false);
const closeOnClickOutside = navigation.getParam('closeOnClickOutside', false);

SharePerson

class StyleSheetFactory {
    static getSheet({
        boxBgColor, 
        fullscreen,
        bottomHalf,
        modalHeight
    }) {
        const styles = StyleSheet.create({
            mainContainer: { flex: 1 },
            modalWrapper: {

SharePerson

<CustomModal>
  <Text>I'm inside the modal!</Text>
</CustomModal>

SharePerson

render() {
        const modalHeight = this.props.bottomHalf? this.height / 2: this.height;
        const styles = StyleSheetFactory.getSheet({
            boxBgColor: this.props.boxBackgroundColor,
            fullscreen: this.props.fullscreen,
            modalHeight: modalHeight,
            bottomHalf: this.props.bottomHalf
        });
        return (
            <Modal 

SharePerson

import React, { Component } from 'react';
import { 
    View, 
    Modal, 
    StyleSheet, 
    Dimensions, 
    TouchableWithoutFeedback 
} from 'react-native';