Javascript 无法获取Flatlist pull以刷新工作

Javascript 无法获取Flatlist pull以刷新工作,javascript,react-native,Javascript,React Native,这些文档非常直截了当,但不知何故,我无法获得刷新工作的动力。数据在componentDidMount处正确加载,但在尝试下拉列表时未调用_refresh。我在iPhone和Android设备上试用过。在Android上,我甚至无法下拉列表,没有橡胶效果 这是我的密码: export default class HomeScreen extends Component { static navigationOptions = { header: null }; state = { data

这些文档非常直截了当,但不知何故,我无法获得刷新工作的动力。数据在componentDidMount处正确加载,但在尝试下拉列表时未调用_refresh。我在iPhone和Android设备上试用过。在Android上,我甚至无法下拉列表,没有橡胶效果

这是我的密码:

export default class HomeScreen extends Component {
  static navigationOptions = { header: null };
  state = { data: [], isLoading: true };

  _fetchData = async () => {
    const data = [];
    try {
      const response = await fetch('https://randomuser.me/api/?results=10');
      const responseJSON = await response.json();
      this.setState({ data: responseJSON.results, isLoading: false });
    } catch (error) {
      alert('some error');
      this.setState({ isLoading: false });
    }
  };

  _refresh = () => {
    alert('this is never be shown');
    this.setState({ isLoading: true });
    this._fetchData();
  };
  componentDidMount() {
    this._fetchData();
  }

  render() {
    if (this.state.isLoading)
      return (
        <View style={styles.container}>
          <ActivityIndicator size="large" color="darkorange" />
        </View>
      );

    return (
      <View style={styles.container}>
        <FlatList
          data={this.state.data}
          keyExtractor={item => item.email}
          renderItem={({ item }) => (
            <FriendListItem
              friend={item}
              onPress={() =>
                this.props.navigation.navigate('FriendsScreen', {
                  friend: item,
                })
              }
            />
          )}
          ItemSeparatorComponent={() => <View style={styles.listSeparator} />}
          ListEmptyComponent={() => <Text>empty</Text>}
          onRefresh={this._refresh}
          refreshing={this.state.isLoading}
        />
      </View>
    );
  }
}

仔细检查您的平面列表导入。我很确定您从react native手势处理程序导入了FlatList。如果是,则将其移除

FlatList应该从react native导入,如下所示

从“react native”导入{FlatList}

如果以上不是这样,那么与我分享你的样式表


如果有帮助,请告诉我。

再次检查您的平面列表导入。我很确定您从react native手势处理程序导入了FlatList。如果是,则将其移除

FlatList应该从react native导入,如下所示

从“react native”导入{FlatList}

如果以上不是这样,那么与我分享你的样式表

如果有帮助,请告诉我