movieDetail.js

import React from 'react';
import { StyleSheet, Text, View, Image, Modal, Button, ScrollView } from 'react-native';

const MovieDetail = props => {
    const { MovieTitle, MovieDetailViewStyle } = styles;

    let modalContent = null;

    //console.log('moviedetail ', props.selectedMovieTrending.movieTrending.title);

    if(props.selectedMovieTrending){
        modalContent = (
            <View>
                <Text style={MovieTitle}>{props.selectedMovieTrending.movieT.title}</Text>
            </View>
        );
    }

    return(
        <Modal animationTyp='slide' visible={props.selectedMovieTrending !== null}>
            <View style={MovieDetailViewStyle}>
                {modalContent}
            </View>
            <View>
                <Button title='Close' onPress={props.closeModal}/>
            </View>
        </Modal>
    );

};

const styles = {
    MovieDetailViewStyle:{
        flex:1,
        backgroundColor: '#000'
    },  
    MovieTitle: {
        fontSize: 20,
        color: '#fff'
    }
};

export default MovieDetail;