Las aplicaciones móbiles utilizan formularios para interactuar con los usuarios y solicitar datos. Cada día cuando estás usando tu iPhone seguro que has estado en un formulario. Por ejemplo, la aplicación ajustes de un iPhone es un formulario.
Como desarrolladores, estos formularios nos ayudan a interactuar con el usuario y preguntar por información para completar ciertas operaciones.
En el framework SwiftUI hay un componente especial en la UI llamado Form. Con este nuevo control, puedes facilmente crear un formulario.
El componente Form sirve como contenidor para organizar y agrupar varios controles para la entrada de datos como toggles o pickers.
El componente Form tiene un único inicializador con un ViewBuilder donde se deben incluir todos los elementos que queramos mostrar en el formulario. Cada vista que se incluya en el formulario corresponderá a una nueva row en el listado, pudiendo incluir el componente Section para crear secciones dentro de Form.
En el siguiente código podemos ver como crear un formulario en SwiftUI con el componente Form:
struct ContentView: View {
var body: some View {
Form {
// App content
}
}
}Como añadir secciones a un formulario
Normalmente los formularios que crearás seran más complejos que el simple formulario mostrado en el parráfo anterior.
Con el container view Section podremos crear contenido y agruparlo visualmente. El objetivo de las Sections es agrupar contenidos en fragmentos significativos.
Las sections proporcionan contenidos separados visualmente.
El código para mostrar un ejemplo sería el siguiente:
struct SettingView: View {
var body: some View {
NavigationStack {
Form {
Section(header: Text("SORT PREFERENCE")) {
Text("Display Order")
}
Section(header: Text("FILTER PREFERENCE")) {
Text("Filters")
}
}
.navigationBarTitle("Settings")
}
}
}En XCode daría el siguiente resultado:
