flutter - 如何更改卡片 Flutter 中文本的颜色

Question

我从 Flutter 开始，我正在尝试改进 Todo 应用程序，我需要更改卡片孩子中文本的颜色，以便它可以阅读。没有找到我成功放入我的代码的任何解决方案。这是实现带有文本的卡片的部分。

 Widget _buildTodoList() {
return new ListView.builder(
  itemBuilder: (context, index) {
    if (index < _todoItems.length) {
      //return  _buildTodoItem(_todoItems[index], index);
      final item = _todoItems[index];
      return Dismissible(
          key: Key(item),
          onDismissed: (direction) {
            setState(() {
              _todoItems.removeAt(index);
            });
            Scaffold.of(context).showSnackBar(
                SnackBar(content: Text("$item  a été supprimé")));
          },
          background: Container(color: Colors.red),
          child: Container(
              margin: const EdgeInsets.all(7.0),
              child: Card(
                  child: ListTile(title: Text("$item")),
                  color: Colors.blueGrey[900],
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10.0),
                  ))));
    }
  },
);

我想让项目的文本变白。先感谢您！

Answer 1

您只需要像这样向 Text 小部件添加样式：

Widget _buildTodoList() {
return new ListView.builder(
 itemBuilder: (context, index) {
   if (index < _todoItems.length) {
     //return  _buildTodoItem(_todoItems[index], index);
     final item = _todoItems[index];
     return Dismissible(
         key: Key(item),
         onDismissed: (direction) {
           setState(() {
             _todoItems.removeAt(index);
           });
           Scaffold.of(context).showSnackBar(
               SnackBar(content: Text("$item  a été supprimé")));
         },
         background: Container(color: Colors.red),
         child: Container(
             margin: const EdgeInsets.all(7.0),
             child: Card(
                 child: ListTile(title: Text("$item", style:TextStyle(color: Colors.red))),
                 color: Colors.blueGrey[900],
                 shape: RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(10.0),
                 ))));
   }
 },
);

Answer 2

您可以通过在 Text 小部件中为样式指定 color 属性来设置文本的颜色。请看代码

Card(
                  child: ListTile(title: Text("$item", style:TextStyle(color: Colors.white)),
                  color: Colors.blueGrey[900],
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10.0),
                  ))));