customize card in flutter, import 'package:flutter/material.dart'; final Color darkBlue = Color.fromARGB(255, 18, 32, 47); void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue), debugShowCheckedModeBanner: false, home: Scaffold( body: Center(child: Row(children: [ // image row (leading) Container(height:120.0,width:120.0, decoration: BoxDecoration( borderRadius: BorderRadius.only( topLeft: Radius.circular(16), bottomLeft: Radius.circular(16)), image: DecorationImage(image: NetworkImage( 'https://picsum.photos/250?image=9', )), )), // text row (middle) Container(height:120,width:200, decoration: BoxDecoration( color: Colors.white, ),//boxdecor padding: EdgeInsets.all(8), child: _buildContent(), ),//container // chip row wrap this in gesture detector (end) Container(height:120,width:80, decoration: BoxDecoration( borderRadius: BorderRadius.horizontal(right:Radius.circular(16)), color: Colors.white, ),//boxdecor padding: EdgeInsets.all(8), child: Chip(backgroundColor: Colors.black,label:Text('add')), ),//container ],), ), ), ); } Widget _buildContent() { return Column( children: [ SizedBox(height: 8), Row( children: [ Text( '1 ticket', style: TextStyle( fontWeight: FontWeight.w500, fontSize: 12, color: Colors.grey.shade600, ), ), SizedBox(width: 8), Text( 'goodbye', style: TextStyle( fontWeight: FontWeight.w300, fontSize: 12, color: Colors.grey, ), ), ]), //SizedBox(height:8), Text('--another line ',style:TextStyle(color:Colors.black)), ],);//row }