Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

RefreshControl does not work properly with NativeStackNavigator and headerLargeTitle=true

See original GitHub issue

“@react-navigation/native”: “5.0.8” “react-native-screens”: “2.1.0”

screenOptions={{
  headerLargeTitle: true,
}}

Current behavior: RefreshControl partially hidden under header ijoa4BqQHS

Expected behavior (screenshot from iOS Mail app): RefreshControl is displayed on top of the header IMG_40F0EC6E32A2-1

Issue Analytics

State:
Created 4 years ago
Reactions:10
Comments:28 (15 by maintainers)

Top GitHub Comments

2reactions

rppldcommented, Nov 16, 2020

@WoLewicki ah, you’re absolutely right, was checking in master. Should be in the next release then. Thx for the hint.

2reactions

WoLewickicommented, Aug 14, 2020

I tested it and it looks like applying this commit: https://github.com/facebook/react-native/commit/1b0fb9bead4d158d14df5a994423d06716b5e377 and setting the translucent header and contentInsetAdjustmentBehavior=“automatic” on your ScrollView (which are recommended options) makes the RefreshControl work correctly. Can someone check it too?

Top Results From Across the Web

React Native ListView with refresh control doesnot work on ...

I am trying to test Listview with refresh control on Android. The pull to refresh works when the Listview contains only one row...

RefreshControl - React Native

This component is used inside a ScrollView or ListView to add pull to refresh functionality. When the ScrollView is at scrollY: 0 ,...

React Native Pull-to-Refresh: Make Refreshing Easy for Users

In this article, I'll first discuss what the pull-to-refresh function is before covering how you can implement it in a React Native app....

react-native-web-refresh-control | Yarn - Package Manager

An implementation of React Native's RefreshControl for web, since react-native-web currently does not provide one. react-native, react-native-web, ...