小编pet*_*ros的帖子

实现pull刷新FlatList

请帮我实现拉动刷新我的应用程序,我有点新的反应原生,谢谢.我不知道如何处理onRefresh和刷新.

class HomeScreen extends Component {
  state = { refreshing: false }

  _renderItem = ({ item }) => <ImageGrid item={item} />

  _handleRefresh = () => {

  };

  render() {
    const { data } = this.props;
    if (data.loading) {
      return (
        <Root>
          <Loading size="large" />
        </Root>
      )
    }
 return (
   <Root>
     <HomeHeader />
     <FlatList
       contentContainerStyle={{ alignSelf: 'stretch' }}
       data={data.getPosts}
       keyExtractor={item => item._id}
       renderItem={this._renderItem}
       numColumns={3}
       refreshing={this.state.refreshing}
       onRefresh={this._handleRefresh}
     />
   </Root>
  );
 }
}

export default graphql(GET_POSTS_QUERY)(HomeScreen);
Run Code Online (Sandbox Code Playgroud)

javascript react-native expo

19
推荐指数
6
解决办法
2万
查看次数

标签 统计

expo ×1

javascript ×1

react-native ×1