Check the render method of 'Flatlistdemo' #25741
Labels
Bug
Component: FlatList
Ran Commands
One of our bots successfully processed a command.
Stale
There has been a lack of activity on this issue and it may be closed soon.
app.js
/**
*/
import React, { Component } from "react";
import { List, ListItem } from "react-native-elements";
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
FlatList ,
StatusBar,
} from 'react-native'
class FlatListDemo extends Component {
constructor(props) {
super(props);
}
componentDidMount() {
this.makeRemoteRequest();
}
makeRemoteRequest = () => {
const { page, seed } = this.state;
const url =
https://randomuser.me/api/?seed=${seed}&page=${page}&results=20
;this.setState({ loading: true });
fetch(url)
.then(res => res.json())
.then(res => {
this.setState({
data: page === 1 ? res.results : [...this.state.data, ...res.results],
error: res.error || null,
loading: false,
refreshing: false
});
})
.catch(error => {
this.setState({ error, loading: false });
});
};
render() {
return (
<FlatList
data={this.state.data}
renderItem={({ item }) => (
<ListItem
roundAvatar
title={
${item.name.first} ${item.name.last}
}subtitle={item.email}
avatar={{ uri: item.picture.thumbnail }}
/>
)}
/>
}
}
const styles = StyleSheet.create({
scrollView: {
backgroundColor: Colors.lighter,
}
});
export default FlatListDemo;
//export default App;
please help...............................................................
The text was updated successfully, but these errors were encountered: