Skip to content

headerBlurEffect with headerLargeTitle #10339

@Gregoirevda

Description

@Gregoirevda

Current behavior

When headerBlurEffect is used with headerLargeTitle, both the large title area and the header are blurred

Expected behavior

Only the header bar should be blurred

Reproduction

https://snack.expo.dev/

Platform

  • Android
  • iOS
  • Web
  • Windows
  • MacOS

Packages

  • @react-navigation/bottom-tabs
  • @react-navigation/drawer
  • @react-navigation/material-bottom-tabs
  • @react-navigation/material-top-tabs
  • @react-navigation/stack
  • @react-navigation/native-stack

Environment

  • [] I've removed the packages that I don't use
package version
@react-navigation/native 6.0.6
react-native-screens 3.10.1
react-native 0.66.4

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions