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 votes136 views1 answer
How to add a circular dot as an indicator in Flutter Tabs?
Dart
2 votes138 views2 answers
Flutter lock orientation for page
Dart
4 votes132 views1 answer
Flutter capture image from camera
Dart
0 vote152 views1 answer
Flutter float right
Dart
10 votes152 views1 answer
Listview.separated flutter
Dart
2 votes136 views1 answer
Dart isempty
Dart
0 vote131 views1 answer
Get user country automatically flutter
Dart
19 votes179 views6 answers
Textfield border radius flutter
Dart
1 vote140 views1 answer
Size of of text flutter syntax
Dart
6 votes142 views2 answers
Make listview not scrollable flutter
Dart