simple_list_tile

A fully customisable Flutter simple list tile with gradients.

alert2

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],
          ),
        ),

Libraries

simple_list_tile