flutter - 点击时如何更改 ListTile 背景颜色？

Question

我到处搜索，但找不到改变 ListTile 背景颜色的方法，例如当它被用户点击时。

对于看似常见的用例，有人有解决方案吗？

Answer 1

更改 ListTile 的背景颜色, 你可以简单地将它包装在 Container 中并更改其 color 属性。之后，当 ListTile 的 onTap 被触发时，您可以更改颜色。

演示:

演示源:

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: CustomTile()
        ),
      ),
    );
  }
}

class CustomTile extends StatefulWidget {
  @override
  CustomTileState createState() => CustomTileState();
}

class CustomTileState extends State<CustomTile> {
  Color color;

  @override
  void initState() {
    super.initState();

    color = Colors.transparent;
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      color: color,
      child: ListTile(
        title: Text('Title'),
        subtitle: Text('Subtitle'),
        onTap: () {
          setState(() {
            color = Colors.lightBlueAccent;
          });
        },
      ),
    );
  }
}