safeaAreaBar

Question

Created 3w

Replies 1

Boosts 0

Participants 2

Having custom view inside safeAreaBar(edge: .top) breaking title.

NavigationStack {
  VStack {
    List {
       CustomView()
        .listRowBackground(.customBackground)
    }
    .listStyle(.insetGrouped)
    .scrollContentBackground(.hidden)
  }
  .frame(maxWidth: .infinity, maxHeight: .infinity)
  .background(LinearGradient(...))
  .toolbar {
     ToolbarItem(placement: .title) {
        Text("Test")
  }
  .safeAreaBar(edge: top) {
    Picker()
     .pickerStyle(.segmented)
     .padding([.horizontal, .bottom])
  }
  .navigationTitle("Favorites")
 }
}

I have tried to replace .safeAreaBar with .safeAreaInset and then bug of large title is not anymore, but you are loosing blurry background when you scrolling.

https://ibb.co/938zXbPV

Its also affected in iOS 26, not just iOS 27

Answer 1

DTS Engineer OP

Apple

1w

Hello @Patresko,

I want to make sure when following the steps to reproduce the issue, we are using the same codebase.

This snippet you shared does not run without additional code, and the link you sent is no longer valid.

To help us verify that we are seeing the same result as you, can you attach a sample project that runs and demonstrates the issue without any third party code or not-needed frameworks?

Upload the screenshot/screenrecording and sample project to a report filed through Feedback Assistant. Reply with the FB number once filed.

I will take a look at the report for any known workarounds, and the report will be shared with the relevant engineering team directly.

Thank you,

 Travis