Разрыв SwiftUI TextField при анимации клавиатуры

Я создаю интерфейс в стиле чата с помощью SwiftUI с TextField внизу и List элементов над ним. Когда текстовое поле получает фокус и появляется клавиатура, поле и его фон не остаются прикрепленными к клавиатуре, а перемещаются немного вперед или назад. Вот пример:

Это было сделано с помощью safeAreaInset:

struct ContentView: View {
  @State private var message = ""
  
  var body: some View {
    List([Color.red, .orange, .yellow, .green, .blue, .indigo, .purple], id: \.self) { color in
      color
        .frame(height: 150)
        .listRowInsets(EdgeInsets())
    }
    .scrollContentBackground(.hidden)
    .safeAreaInset(edge: .bottom) {
      TextField("Chat", text: $message)
        .textFieldStyle(.roundedBorder)
        .padding()
        .background(.thinMaterial)
    }
  }
}

Я получаю аналогичные результаты, располагая их в VStack:

  var body: some View {
    VStack(spacing: 0) {
      List([Color.red, .orange, .yellow, .green, .blue, .indigo, .purple], id: \.self) { color in
        color
          .frame(height: 150)
          .listRowInsets(EdgeInsets())
      }
      .scrollContentBackground(.hidden)

      TextField("Chat", text: $message)
        .textFieldStyle(.roundedBorder)
        .padding()
        .background(.thinMaterial)
    }
  }

Время анимации не было бы большой проблемой, если бы фон за текстовым полем во время анимации распространялся на клавиатуру. Пробовал сделать это с помощью ignoresSafeArea(.all, edges: .bottom), но видимого эффекта это не дало.

Я обнаружил, что превосходный Callsheet Кейси Лисса нашел способ сделать это (он упомянул, что использовал SwiftUI для приложения), но я не уверен, как это сделать. Вот как выглядит Callsheet при наличии клавиатуры:

Кто-нибудь знает, как добиться такого поведения?