ListTile.tileColor ignores Colors.white* about flutter HOT 5 CLOSED

@frrahat
I think it is occuring because the app background is white and then you are trying to add variants of white color which won't be noticeable, as white on white will be indistinguishable.
I added backgroundColor to Scaffold which then seems to render the white variant as shown below:

home: Scaffold(
        backgroundColor: Colors.yellow,
        body: Column(
          children: [
            ListTile(

See if above helps in your case or not.

from flutter.

@frrahat, according to fluter docs : tileColor - defines the background color of ListTile when [selected] is false.
If you want see changes you should set enabled: false. By default enabled is true;
To see changes, add this line for every ListTile widget, and don’t forget hot restart:

          ListTile(
              title: Text('ListTile with white12 background'),
              tileColor: Colors.white12,
              // add this
              enabled: false,
            ),

from flutter.

@frrahat
Check above and see if it helps in your case further or not.

from flutter.

Hi @storm265 @darshankawar this doesn't solve the issue. I set ListTile.enabled: false for all the ListTile items and just makes the LitTile items looks disabled as per the documentation: https://api.flutter.dev/flutter/material/ListTile/enabled.html

bool enabled
final
Whether this list tile is interactive.

If false, this list tile is styled with the disabled color from the current Theme and the onTap and onLongPress callbacks are inoperative.

Sharing the output in the screenshot below:

Did I understand the suggestion correclty?
Also, FYI, I found this issue for variations for Colors.white so far. Other colors like Colors.black* works fine without setting any extra attribute.

Tried with Colors.black* and that works as expected:

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            SizedBox(height: 50),
            ListTile(
              textColor: Colors.white,
              title: const Text('ListTile with black87 background'),
              tileColor: Colors.black87,
            ),
            ListTile(
              textColor: Colors.white,
              title: const Text('ListTile with black45 background'),
              tileColor: Colors.black45,
            ),
            ListTile(
              textColor: Colors.white,
              title: const Text('ListTile with black26 background'),
              tileColor: Colors.black26,
            ),
            ListTile(
              textColor: Colors.white,
              title: const Text('ListTile with black background'),
              tileColor: Colors.black,
            ),
          ],
        ),
      ),
    ),
  );
}

Screenshot:

from flutter.

That kind of makes sense. Thank you @darshankawar . We can close the issue.

from flutter.