simple_list_tile
A fully customisable Flutter simple list tile with gradients.
Usage without gradient:
SimpleListTile(
onTap: () {
print('test');
},
title: Text(
'Title',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 20,
),
),
subtitle: Text(
'Subtitle',
style: TextStyle(
color: Colors.white,
),
),
trailing: Icon(
Icons.arrow_forward_ios,
color: Colors.white,
),
leading: Icon(
Icons.phone_android,
color: Colors.blue,
),
borderRadius: BorderRadius.circular(20),
tileColor: Colors.grey[300]!,
circleColor: Colors.grey[100]!,
circleDiameter: 200,
gradient: LinearGradient(
colors: [Colors.red, Colors.yellow],
),
),
SizedBox(
height: 20,
),
SimpleListTile(
onTap: () {
print('test');
},
title: Text(
'Title',
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 20,
),
),
subtitle: Text(
'Subtitle',
style: TextStyle(
color: Colors.black,
),
),
trailing: Icon(Icons.arrow_forward_ios),
leading: Image.asset(
'assets/guided_faq.png',
),
borderRadius: BorderRadius.circular(20),
tileColor: Colors.white,
circleColor: Colors.blue[800]!,
circleDiameter: 200,
),
Usage with gradient :
SimpleListTile(
onTap: () {
print('test');
},
title: Text(
'Title',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 20,
),
),
subtitle: Text(
'Subtitle',
style: TextStyle(
color: Colors.white,
),
),
trailing: Icon(
Icons.arrow_forward_ios,
color: Colors.white,
),
leading: Icon(
Icons.phone_android,
color: Colors.blue,
),
borderRadius: BorderRadius.circular(20),
tileColor: Colors.grey[300]!,
circleColor: Colors.grey[100]!,
circleDiameter: 200,
gradient: LinearGradient(
colors: [Colors.blue, Colors.green],
),
),