Javascript 无法获取Flatlist pull以刷新工作
这些文档非常直截了当,但不知何故,我无法获得刷新工作的动力。数据在componentDidMount处正确加载,但在尝试下拉列表时未调用_refresh。我在iPhone和Android设备上试用过。在Android上,我甚至无法下拉列表,没有橡胶效果 这是我的密码: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
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} 如果以上不是这样,那么与我分享你的样式表 如果有帮助,请告诉我