React-Native:上拉时未调用 FlatList onRefresh。

Question

当前行为:

我正在尝试通过拉起 View 来更新从服务器获取的列表。当我做 onRefresh 不会触发。

我已经在 setState 函数的回调中设置了 GET 请求，但这似乎没有任何作用。

预期行为:

拉起 View 调用 onRefresh 函数。

代码:

...
  constructor(props) {
    super(props);
    this.state = {
      stories: [],
      isFetching: false,
    };
  }
  componentDidMount() { this.fetchData() }
  onRefresh() {
    this.setState({ isFetching: true }, function() { this.fetchData() });
  }
  fetchData() {
    var that = this;
    axios.get('http://192.168.0.13:3000/api/story/get/by/geo')
      .then((res) => {
        that.setState({ stories: res.data, isFetching: false });
        that.props.dispatch(StoryActions.setStories(res.data))
      })
  }
  render() {
    return (
      <ScrollView>
        <FlatList
          onRefresh={() => this.onRefresh()}
          refreshing={this.state.isFetching}
          data={this.state.stories}
          keyExtractor={(item, index) => item.id}
          renderItem={({item}) => (<StoryFeed story={item} id={item.id} /> )}
          />
      </ScrollView>
    )
  }

版本信息

react 原生:0.45.0

节点:7.4.0

Answer 1

评论，因为这在我的搜索中在 google bing 上排名靠前。

在我的情况下，自动导入了另一个 FlatList，它的行为与我想要的不完全一样(它似乎没有“onRefresh”):

import { FlatList } from 'react-native-gesture-handler';

我真正想要的是:

import { FlatList } from 'react-native';

现在调查为什么我们有这种依赖性。 ;)