Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FlatList onRefresh does not work if FlatList is nested inside SafeAreaView #21009

Closed
3 tasks done
srameshr opened this issue Sep 7, 2018 · 3 comments
Closed
3 tasks done
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot.

Comments

@srameshr
Copy link

srameshr commented Sep 7, 2018

Environment

Run react-native info in your terminal and paste its contents here.

Environment:
  OS: macOS High Sierra 10.13.2
  Node: 8.9.4
  Yarn: Not Found
  npm: 5.6.0
  Watchman: 4.9.0
  Xcode: Xcode 9.2 Build version 9C40b
  Android Studio: Not Found

Packages: (wanted => installed)
  react: ^16.4.1 => 16.4.1
  react-native: ^0.55.4 => 0.55.4

Description

onRefresh does not fire with the above code. Replace SafeAreaView with View and it works fine.

Reproducible Demo

<SafeAreaView style={{ flex: 1 }}>
  <FlatList
    data={[1,2,3,4,5]}
    onRefresh={() => someFunction()}
    refreshing={props.refreshing}
  />
</SafeAreView>
@react-native-bot
Copy link
Collaborator

Can you run react-native info and edit your issue to include these results under the Environment section?

If you believe this information is irrelevant to the reported issue, you may write [skip envinfo] under Environment to let us know.

@react-native-bot
Copy link
Collaborator

It looks like you are using an older version of React Native. Please update to the latest release, v0.56 and verify if the issue still exists.

The ":rewind:Old Version" label will be removed automatically once you edit your original post with the results of running react-native info on a project using the latest release.

@react-native-bot
Copy link
Collaborator

I am closing this issue because it does not appear to have been verified on the latest release, and there has been no followup in a while.

If you found this thread after encountering the same issue in the latest release, please feel free to create a new issue with up-to-date information by clicking here.

@react-native-bot react-native-bot added the Ran Commands One of our bots successfully processed a command. label Oct 6, 2018
@facebook facebook locked as resolved and limited conversation to collaborators Oct 6, 2019
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Oct 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

3 participants