Repository: flutter
Issue: ListTile ripple effect does not show when certain background color are applied
Labels: framework,f: material design,has reproducible steps,P2,workaround available,team-design,triaged-design,found in release: 3.19,found in release: 3.21

### Steps to reproduce

1.  Make a default Flutter project
2. Inside Scaffold widget body insert a Column/ListView widget
3. Place a ListTile widget with an empty onTap method, tap it and ripple effect will show
4. Place a ListTile widget with an empty onTap method inside a Container widget with any color except any black variant colors, tap it and ripple effect will not show

### Expected results

Ripple effect should show when using any background color.

### Actual results

Ripple effect is not showing when applying certain background colors

### Code sample

<details open><summary>Base code</summary>

```dart
import 'package:flutter/material.dart';


//Components
import './test.dart';


void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});


  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'ListTile Widget ripple effect issue',
      home: Test(),
    );
  }
}
```

</details>

<details open><summary>Code sample</summary>

```dart
import 'package:flutter/material.dart';


class Test extends StatelessWidget {
  const Test({ super.key });

  @override
  Widget build( BuildContext context ) {
    return Scaffold(
      body: ListView(
        children: <Widget>[
          const Text('Reference'),
          ListTile(
            onTap: () {},
            title: const Text('Without background'),
          ),
          const Divider(),
          const Text('ColoredBox widget'),
          ColoredBox(
            color: Colors.white,
            child: ListTile(
              onTap: () {},
              title: const Text('White background'),
            ),
          ),
          ColoredBox(
            color: Colors.black12,
            child: ListTile(
              onTap: () {},
              title: const Text('Black12 background'),
            ),
          ),
          ColoredBox(
            color: Colors.red,
            child: ListTile(
              onTap: () {},
              title: const Text('Red background'),
            ),
          ),
          ColoredBox(
            color: Colors.blue,
            child: ListTile(
              onTap: () {},
              title: const Text('Blue background'),
            ),
          ),
          const Divider(),
          const Text('Container widget'),
          Container(
            color: Colors.white,
            child: ListTile(
              onTap: () {},
              title: const Text('White background'),
            ),
          ),
          Container(
            color: Colors.black12,
            child: ListTile(
              onTap: () {},
              title: const Text('Black12 background'),
            ),
          ),
          Container(
            color: Colors.red,
            child: ListTile(
              onTap: () {},
              title: const Text('Red background'),
            ),
          ),
          Container(
            color: Colors.blue,
            child: ListTile(
              onTap: () {},
              title: const Text('Blue background'),
            ),
          ),
        ],
      ),
    );
  }
}
```

</details>

### Screenshots or Video

Pressing twice each ListTile widget
<details open>
<summary>Screenshots / Video demonstration</summary>

[ripple_webm.webm](https://github.com/flutter/flutter/assets/54295964/469df6c2-9a55-4c46-b8ee-b4c498cf3dae)


</details>


### Logs

<details open><summary>Logs</summary>

```console
[Paste your logs here]
```

</details>


### Flutter Doctor output

<details open><summary>Doctor output</summary>

```console
Doctor summary (to see all details, run flutter doctor -v):
[Γ£ô] Flutter (Channel stable, 3.19.3, on Microsoft Windows [Version 10.0.22631.3296], locale es-MX)
[Γ£ô] Windows Version (Installed version of Windows is version 10 or higher)
[Γ£ô] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[Γ£ô] Chrome - develop for the web
[Γ£ô] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.8.6)
[Γ£ô] Android Studio (version 2023.1)
[Γ£ô] VS Code (version 1.87.2)
[Γ£ô] Connected device (4 available)
[Γ£ô] Network resources

ΓÇó No issues found!

```

</details>