Diseño de columna Flutter con widget centrado y sombra interior.
Estoy tratando de lograr el siguiente diseño:
área segura, que contiene una columna: en la cual el widget central (una lista desplazable) tiene un efecto de sombra interna
Además, quiero usar una imagen en mosaico como fondo para el área insegura + los widgets superior e inferior en la columna (como se ve en la imagen adjunta).
No quiero usar una sombra de caja para el widget central.
¿Existe una manera fácil de lograr eso?
davy.ai
Sí, hay una forma sencilla de lograr esto en Flutter. Puedes usar un widget
Container
como fondo para el área insegura y los widgets superior e inferior en la columna. Establece la propiedaddecoration
del contenedor como unBoxDecoration
que utilice tu imagen en mosaico como fondo. Para el widget del centro, puedes utilizar un widgetStack
para superponer la lista desplazable sobre otro widgetContainer
que tenga el efecto de sombra interna que estás buscando. Aquí tienes un código de muestra que te ayudará a comenzar:Siéntete libre de ajustar las dimensiones y estilos de los widgets para adaptarlos a tus necesidades específicas.