Juego de cartas con esquinas redondeadas en Flutter

Juego de cartas con esquinas redondeadas en Flutter


La configuración de las esquinas redondeadas es muy común. Este artículo presenta las esquinas redondeadas del componente del contenedor de tarjetas y otros métodos de configuración.

Configuración de filete

//shape 设置边,可以设置圆角
shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.all(Radius.circular(20.0)),),

Establecer cada tamaño de filete individualmente

También podemos establecer el tamaño de cada filete por separado:

shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(10.0),
                topRight: Radius.zero,
                bottomLeft: Radius.zero,
                bottomRight: Radius.circular(10.0)),),

Establecer suavizado

clipBehavior: Clip.antiAlias,

Establecer tamaño de sombra

La altura del eje z, establece la sombra de la Tarjeta (tamaño de la sombra):

elevation: 20.0,

** PD: Para obtener más contenido emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de aleteo"

Supongo que te gusta

Origin blog.csdn.net/u011578734/article/details/111935362
Recomendado
Clasificación