“Flutter de forma de lista de listil” Código de respuesta

Forma de Listtil de Flutter

ListTile(
              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)),
              selected: true,
              selectedTileColor: Colors.grey[300],
              leading: FlutterLogo(),
              title: Text('ListTile'),
            ),
Sore Serval

Flutter de forma de lista de listil

Container(
      margin: const EdgeInsets.symmetric(vertical: 7.0, horizontal: 2.0),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(12.0),
        color: white,
        border: Border.all(
          color: blackTrans,
        ),
        boxShadow: [
          BoxShadow(
            color: Colors.purple[100]!,
            offset: const Offset(
              5.0,
              5.0,
            ),
            blurRadius: 10.0,
            spreadRadius: 2.0,
          ), //BoxShadow
          const BoxShadow(
            color: Colors.white,
            offset: Offset(0.0, 0.0),
            blurRadius: 0.0,
            spreadRadius: 0.0,
          ), //BoxShadow
        ],
      ),
      child: ListTile(
        onTap: () {
          print('${articles[index].titreArticle}');
        },
        title: Text('${articles[index].titreArticle}'),
        subtitle: Text(
          '${articles[index].description}',
          overflow: TextOverflow.ellipsis,
        ),
        isThreeLine: true,
        leading: CircleAvatar(
          radius: 22.sp,
          foregroundImage: NetworkImage('${articles[index].photo}'),
        ),
        trailing: Text('${articles[index].price} FCFA'),
      ),
    );
Dead Dormouse

Elementos de Listile de alineación de alineación de Flutter

Row(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
      CircleAvatar(
        radius: 20,
        backgroundImage: AssetImage('assets/avatar1.jpg'),
      ),
      Expanded(
        child: Container(
          padding: EdgeInsets.only(left: 5),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              RichText(
                text: TextSpan(
                  style: DefaultTextStyle.of(context).style,
                  children: [
                    TextSpan(
                      text: 'hello :  ',
                      style: TextStyle(fontWeight: FontWeight.bold),
                    ),
                    TextSpan(
                      text:
                          'the comment comment the comment comment the comment comment comment comment the comment comment the comment comment',
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    ],
  ),
Depressed Deer

Respuestas similares a “Flutter de forma de lista de listil”

Preguntas similares a “Flutter de forma de lista de listil”

Más respuestas relacionadas con “Flutter de forma de lista de listil” en Dart

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código