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

0 vote260 views1 answer
Drawer Header set text positon
Dart
2 votes230 views1 answer
Flutter tooltip padding
Dart
0 vote245 views1 answer
Desing patters para Flutter
Dart
1 vote253 views1 answer
Flutter switch color
Dart
16 votes228 views4 answers
How to give width based on screen size flutter
Dart
34 votes312 views6 answers
Flutter text color
Dart
15 votes267 views4 answers
Flutter text
Dart
1 vote235 views1 answer
Flutter performance timer
Dart
1 vote262 views1 answer
Round button with text and icon in flutter
Dart
1 vote269 views2 answers
Flutter force soft keyboard on widget
Dart