SwiftUI Series 14 ｜ Creación de páginas de configuración con SwiftUI: desde el diseño estructural hasta la reutilización de componentes

La página de configuración a menudo se subestima porque no parece una página “técnica”.

Pero precisamente porque es bastante típico, en realidad es muy adecuado para probar la comprensión de la organización de páginas de SwiftUI:

• La jerarquía de la estructura de la página no está clara.
• La propiedad del estado es estable o no.
• ¿Es natural la abstracción de componentes?
• ¿Son consistentes el espaciamiento y el ritmo visual?

Entonces la página de configuración es una buena pregunta básica.

1. La verdadera dificultad al configurar una página es cómo mantener una estructura estable entre una gran cantidad de elementos similares.

Los elementos comunes de la página de configuración son muy similares:

• título
• Texto explicativo
• cambiar
• Ingrese a la página de nivel inferior
• operaciones riesgosas

Si no piensa en los niveles de antemano, es fácil escribir:

• Cada línea es un poco diferente.
• Pero no existe una estructura unificada.

Con el tiempo, este tipo de página será cada vez más difícil de mantener.

2. La página de configuración es muy adecuada para aclarar primero los “componentes de nivel de fila” y la “estructura de agrupación”.

Si escribo la página de configuración de manera constante, generalmente pienso primero en dos niveles:

• ¿Cómo se ve una fila de elementos de configuración?
• Cómo se organiza un grupo de elementos de configuración.

Una vez que estos dos niveles estén claros, la complejidad de la página disminuirá mucho. Porque no tendrá que repensar el diseño cada vez que se agregue un nuevo elemento de configuración.

3. La página de configuración puede exponer especialmente problemas de propiedad del estado.

Por ejemplo:

• ¿Quién posee un determinado valor de cambio?
• ¿Debería surtir efecto inmediatamente después de hacer clic o confirmar primero?
• Algunas configuraciones son estados de UI locales o estados comerciales

Si se mezclan, la página desarrollará rápidamente todo tipo de lógica temporal. Por lo tanto, la página de configuración parece simple, pero en realidad es muy adecuada para practicar “qué estados pertenecen a la página y qué estados pertenecen al objeto comercial”.

4. Conclusión: La razón por la que la página de configuración es adecuada para SwiftUI es que parece simple en la superficie, pero en realidad está más cerca de ella, lo que pone a prueba especialmente el sentido de jerarquía.

Para decirlo en forma más breve, diría:

El valor real de usar SwiftUI para escribir páginas de configuración es usarlo para aprender tres cosas: capas estructurales, reutilización de componentes y atribución de estado.

Una vez que se establezcan estas tres cosas, muchas páginas comerciales también se estabilizarán.