Não estou conseguindo importar as imagens utilizando a API Online, gera o erro acima. Aqui está o código atual do App.js:
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow
*/
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View,AppRegistry,FlatList, Dimensions, Image} from 'react-native';
const width = Dimensions.get('screen').width;
const instructions = Platform.select({
ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
android:
'Double tap R on your keyboard to reload,\n' +
'Shake or press menu button for dev menu',
});
type Props = {};
export default class App extends Component<Props> {
constructor() {
super();
this.state = {
fotos: []
}
}
componentDidMount() {
fetch('https://instalura-api.herokuapp.com/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}) =>
<View>
<View style={styles.cabecalho}>
<Image source={{uri: this.props.foto.urlPerfil}}
style={styles.fotoDePerfil}/>
<Text>{this.props.foto.loginUsuario}</Text>
</View>
<Image source={{uri: this.props.foto.urlFoto}}
style={styles.foto}/>
</View>
}
/>
);
}
}
const styles = StyleSheet.create({
cabecalho: {
margin: 10,
flexDirection: 'row',
alignItems: 'center'
},
fotoDePerfil: {
marginRight: 10,
borderRadius: 20,
width: 40,
height: 40
},
foto: {
width: width,
height: width
}
});
E também não consigo rodar a API Local pois dá erro o seguinte erro:
ERROR 3836 --- [ main] o.a.tomcat.jdbc.pool.ConnectionPool : Unable to create initial connections of pool.
com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failure
The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received any packets from the server.
...
Caused by: java.net.ConnectException: Connection refused: connect
...Seguido de várias linhas de waning e erro (mas não cabem todas no post).
Alguém poderia me ajudar? Não estou conseguindo dar continuidade ao curso.
