我如何在React Native中使用FlatList实现无限滚动?

时间:2018-11-21 12:19:40

标签: reactjs react-native

我想将无限滚动与FlatList一起使用,我是本机新手,所以我不知道如何实现它。

我的代码:

export default class Posts extends Component {
constructor(props) {
super(props);
this.state = {
  isLoading: true,};}

componentDidMount() {
   return fetch(ConfigApp.URL+'json/data_posts.php')
     .then((response) => response.json())
     .then((responseJson) => {
       this.setState({
         isLoading: false,
         dataPosts: responseJson
       }, function() {
       });
     })

render() {
return (
    <FlatList
      data={ this.state.dataPosts }
      renderItem={({item}) => 
            <Image source={{ uri: ConfigApp.URL+'images/'+item.post_image }}/>
          <Text>{item.post_title}</Text> 
}
    keyExtractor={(item, index) => index}

    />
);}}

0 个答案:

没有答案