flutter – ListTile border bottom

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      theme: ThemeData(primarySwatch: Colors.green),
      home: Scaffold(
          appBar: AppBar(
              title: const Text("Flutter - ListTile Border Bottom")
          ),
          body: bodyContent()
      ),
    ),
  );
}

bodyContent(){
  return Center(
      child: ListView.builder(
        itemCount: 50,
        padding: const EdgeInsets.all(4),
        itemBuilder: (context,index){
          return Container(
            child: ListTile(
                title: Text("${index+1}. I am title"),
                subtitle: const Text("I am subtitle"),
                trailing: const Icon(Icons.share)
            ),
            decoration: BoxDecoration(
                border: Border(
                    bottom: BorderSide(
                        color: Colors.green.shade600, width: 1
                    )
                )
            )
          );
        }
      )
  );
}

More flutter tutorials

• flutter – PopupMenuButton color
• flutter – PopupMenuButton text color
• flutter – How to change PopupMenuButton items icon color
• flutter – How to use PopupMenuItem onTap
• flutter – How to change PopupMenuButton icon
• flutter – ListTile border
• flutter – ListTile border radius
• flutter – ListTile padding
• flutter – ListTile content padding
• flutter – Get random element from a list
• flutter – How to generate random string
• flutter – How to generate random bool
• flutter – How to use Google Fonts
• flutter – Google fonts text theme
• flutter – Function default value