flutter – ListTile border

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      theme: ThemeData(primarySwatch: Colors.amber),
      home: Scaffold(
          appBar: AppBar(
              title: const Text("Flutter - ListTile Border")
          ),
          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.upload)
              ),
              decoration: BoxDecoration(
                  border: Border.all(
                      color: Colors.black38, width: 1
                  )
              ),
              margin: const EdgeInsets.all(8)
          );
        },
      )
  );
}

More flutter tutorials

• flutter – ListTile border bottom
• flutter – ListTile border radius
• flutter – ListTile padding
• flutter – ListTile content padding
• flutter – ListTile background color
• flutter – ListTile divider
• flutter – ListTile divide tiles
• flutter – Random double in range
• flutter – Double 2 decimal
• flutter – How to generate random color
• flutter – Get random element from a list
• flutter – How to generate random string
• flutter – How to generate random bool
• flutter – Google fonts text theme
• flutter – Function default value