qq_43652136的博客

constructor(props) { super(props); this.state = { arr: [] }; } componentDidMount() { //使用fetch用于网络加载数据 fetch( "http://api.shujuzhihui.cn/api/news/list?appKey=3e50f800ce7f4cdd9eda8d1c1ca71792&category;=娱乐" ) .then(response => response.json()) .then(responseJson => { this.setState({ arr: responseJson.RESULT.newsList }); }) .catch(error => { console.warn(error); }); } render() { return ( <View> <FlatList data={this.state.arr} renderItem={({ item }) => ( <View> <Text <Image width: 50, height: 50 }} source={{ uri: "http:" + item.newsImg }} /> </View> )} /> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: "center", alignItems: "center", backgroundColor: "#F5FCFF" }, welcome: { fontSize: 20, textAlign: "center", margin: 10 }, instructions: { textAlign: "center", color: "#333333", marginBottom: 5 } });