Tengo una lista con varios elementos de campo de texto y controles deslizantes.
Para pantallas más pequeñas, quiero que sea desplazable porque el contenido no cabe en la pantalla. (que es el comportamiento predeterminado).
Para pantallas más grandes, quiero deshabilitar el comportamiento de desplazamiento, porque puede caber en la pantalla. El desplazamiento hará que el control deslizante sea un poco difícil de usar.
Si la Lista es desplazable, quiero que el teclado descarte el modo .onDrag . De lo contrario, quiero que sea .interactive .
¿Como puedo hacer eso?
Mi implementación es simplemente una lista estándar, que se encuentra bajo un NavigationView
// under Navigation View List { Section { TextField(..) Slider(..) } Section { // More Stuff } } .onAppear { // Need to be .onDrag if scrollable, and .interactive if not UIScrollView.appearance().keyboardDismissMode = .onDrag }No me gusta la interfaz de usuario de VStack porque List tiene una buena interfaz de usuario de sección lista para usar.
He visto esta pregunta SwfitUI List Make Scrolling disabled pero no es útil.
Código mínimo reproducible:
// This should not be scrollable struct HomeView { var body: some View { List { Text("foo") Text("foo") Text("foo") Text("foo") } } } // This should be scrollable struct HomeView2 { var body: some View { List { Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") Text("foo") } } }