react native练习

import React, { Component } from 'react'

import { Platform, StyleSheet, Text, View,Image ,FlatList} from 'react-native'

// import { createBottomTabNavigator,createStackNavigator, createAppContainer } from 'react-navigation'

// import HomeScreen from './HomeScreen'

// import ProfileScreen from './SecondScreen'

// const navigator = createStackNavigator({

// Home: { screen: HomeScreen },

// Profile: { screen: ProfileScreen },

// },

// {

// initialRouteName: 'Home',

// /* The header config from HomeScreen is now here */

// defaultNavigationOptions: {

// headerStyle: {

// backgroundColor: '#f4511e',

// },

// headerTintColor: '#fff',

// headerTitleStyle: {

// fontWeight: 'bold',

// },

// },

// navigationOptions: {

// tabBarLabel: 'Home!',

// },

// }

// );

// const TabNavigator = createBottomTabNavigator({

// Home: HomeScreen,

// Profile: ProfileScreen,

// });

class Item extends Component{

render(){

let imguri='http://blog.zangzhihong.com/'+this.props.content.thumbnail;

return(

{this.props.content.title}

时间:{this.props.content.time}分类:{this.props.content.column}热度：{this.props.content.visitnumber}

{this.props.content.article}

 

阅读全文

)

}

}

// const App = createAppContainer(TabNavigator)

export default class App extends Component{

constructor(props){

super(props);

this.state={list:[]}

// this.getList=this.getList.bind(this)

}

componentDidMount(){

 

this.getList()

}

getList(){

let content ={currentPage:1,pageSize:15}

fetch('http://blog.zangzhihong.com/api/getarticle',{method:'post',body:JSON.stringify(content)}).then(response => response.json()).

then(responseJson=>{

 

this.setState({list:responseJson.data});

 

})

}

render(){

return(

} renderItem={({item}) =>

 

}

>

 

 

)

}

}

// 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

// }

// })

转载于:https://www.cnblogs.com/zzh965390267/p/10212015.html