轻按时如何更改 ListTile 背景颜色？

Question

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

有没有人对看似常见的用例有解决方案？

Answer 1

要更改ListTile的背景颜色，您只需将其包装在Container 中并更改其color属性即可。之后，你可以改变颜色，当onTap的ListTile被触发。

演示：

演示来源：

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;
          });
        },
      ),
    );
  }
}