Listtile shape flutter

Flutter listtile shape

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

Listtile shape flutter

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'),
      ),
    );

Flutter alignment listtile elements

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',
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    ],
  ),

-2

Source: stackoverflow.com

Similar codes

3 votes291 views1 answer
How to create a small circular dot in FLutter code example
Dart
1 vote286 views1 answer
Disable flutter listtile
Dart
2 votes297 views1 answer
Flutter snackbar circular shape rounded circle
Dart
1 vote304 views1 answer
Repeating action every x seconds flutter
Dart
7 votes298 views3 answers
Dart The argument type 'String' can't be assigned to the parameter type 'Uri'
Dart
0 vote293 views1 answer
Flutter encode
Dart
0 vote305 views1 answer
How to disable float stack in flutter
Dart
3 votes284 views1 answer
Dart print item # of a list
Dart
7 votes282 views1 answer
How can I add shadow to the widget in flutter?
Dart
3 votes274 views2 answers
Flutter appbar text color
Dart