Skip to content

Conversation

@e-younan
Copy link
Member

Description

This PR introduces two new props to all scroll containers: absoluteHeader and initialAbsoluteHeaderHeight. These props allow you to position the header absolutely, so that the scroll container content can scroll behind the header.

Motivation and Context

iOS native headers allow for a blurred header above a scroll container. As the user scrolls, the content below can be seen through the blurred surface. These changes were made to introduce that functionality to the scroll containers exported in this library.

How Has This Been Tested?

These changes have been tested via the example application, and all other examples are working as expected.

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • I have followed the guidelines in the README.md file.
  • I have updated the documentation as necessary.
  • My changes generate no new warnings.

Screenshots

Screen.Recording.2023-06-28.at.8.38.13.PM.mov

Additional Notes

The reason for the changes in API for this feature is because a BlurView specifically requires itself to be defined after the scroll container to work properly.

@e-younan e-younan added the enhancement New feature or request label Jun 29, 2023
@e-younan e-younan self-assigned this Jun 29, 2023
@e-younan e-younan merged commit 1816333 into main Jun 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants