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 vote150 views1 answer
Elevated Button Theme background color in flutter
Dart
0 vote150 views1 answer
Future as a parameter with async in flutter
Dart
0 vote145 views1 answer
Next row column in flutter
Dart
0 vote141 views1 answer
How to create random gradient in flutter
Dart
6 votes149 views3 answers
Get random color in flutter
Dart
0 vote149 views2 answers
English_words.dart
Dart
4 votes148 views2 answers
Kubectl get pod events
Dart
7 votes149 views1 answer
Check exception type flutter
Dart
0 vote146 views1 answer
How can i deep copy in dart
Dart
4 votes140 views1 answer
Flutter Insecure HTTP is not allowed by platform
Dart