safeaAreaBar

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

safeaAreaBar
 
 
Q