pagina em branco apos chamar API

Depois de buscar o endereço da api o app ficou em branco e retornou um aviso: possible unhandled promise rejection (id:0): TypeError: Network request failed ..."

meus códigos estão assim: App.js

    class InstaluraMobile extends Component {

        constructor() {
            super();
            this.state = {
                fotos: []
            }
        }

        componentDidMount() {
            fetch('http://localhost:8080/api/public/fotos/rafael')
                .then(resposta => resposta.json())
                .then(json => this.setState({fotos: json}));
        }

        render() {
            return (
                <FlatList style={styles.container}
                    keyExtractor={item => item.id}
                    data={this.state.fotos}
                    renderItem={ ({item}) =>
                        <Post foto={item}/>
                    }
                />
            );
        }
    }

Post.js:

'import React, {Component} from 'react';
import {Image, Text, View, Dimensions, StyleSheet} from 'react-native';

const width = Dimensions.get('screen').width;


export default class Post extends Component {
  render() {

    return ( 
        <View>
            <View style={style.cabecalho}>
              <Image source={require('../../resources/user_app.jpg')}
                style={style.fotoDePerfil}
              />
              <Text>{this.props.foto.nome}</Text>
            </View>
            <Image source={require('../../resources/teste_app.jpg')}
              style={style.foto}
            />
        </View>
    );
  }
}

const style = StyleSheet.create({
  cabecalho: {
    margin: 10,
    flexDirection: 'row',
    alignItems: 'center',
  },
  fotoDePerfil:{
    marginRight: 10,
    borderRadius:20,
    width: 40,
    height: 40,
  },
  foto: {
    width: width,
    height: width,
  },
});

Podem me ajudar pf!