Блог

У меня есть цветное NavigationLink контекстное меню. Его содержимое не читается при открытии контекстного меню. Я отказался от использования контекстного меню в непосредственном NavigationLink подпросмотре, но это все та же проблема.

 NavigationLink(destination: Text("View")) {
    VStack(alignment: .leading) {
        Text("Context Menu")

            .font(.system(size: 24, weight: .bold))
    }
    .frame(minWidth: 0, maxWidth: .infinity, idealHeight: 70)
    .foregroundColor(.white)
    .padding()
    .cornerRadius(3.0)
}
.background(Color.red)
.contextMenu {
    Section {
        Button(action: {
        }) {
            Label("Edit", systemImage: "square.and.pencil")
        }
    }
    
    Section(header: Text("Secondary actions")) {
        Button(action: {}) {
            Label("Delete", systemImage: "trash")
        }
    }
}
 

NavigatoinLinks выглядят как в исходном состоянии.

При представлении контекстного меню. Проблема становится еще хуже, если я использую текст небольшого размера.

Я тестировал ios 14.2 как на симуляторе, так и на физическом устройстве.

Информация

Иерархия представлений.

 ScrollView {
  LazyVStack {
      ForEach(data) { item in
        // NavigationLink
      }
  }
}
 

Обновить

Это аналогичный проект с той же проблемой.

 struct ContentView: View {
    var body: some View {
        NavigationView {
            ScrollView {
                LazyVStack {
                    ForEach(0..<10) { item in
                        NavigationLink(destination: Text("View")) {
                            VStack(alignment: .leading) {
                                Text("Context Menu")
                                    .font(.system(size: 24, weight: .bold))
                            }
                            .frame(minWidth: 0, maxWidth: .infinity, idealHeight: 70)
                            .foregroundColor(.white)
                            .padding()
                            .cornerRadius(3.0)
                        }
                        .background(Color.red)
                        .contextMenu {
                            Section {
                                Button(action: {
                                }) {
                                    Label("Edit", systemImage: "square.and.pencil")
                                }
                            }
                            
                            Section(header: Text("Secondary actions")) {
                                Button(action: {}) {
                                    Label("Delete", systemImage: "trash")
                                }
                            }
                        }
                        
                    }
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}