如何更改卡片 Flutter 中文本的颜色答案

【问题标题】：How to change the color of Text in a card Flutter如何更改卡片 Flutter 中文本的颜色
【发布时间】：2023-03-11 18:10:02
【问题描述】：

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

} 我想将项目的文本设为白色。提前谢谢！

【问题讨论】：

标签： flutter colors card

【解决方案1】：

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

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

【讨论】：

非常感谢@bluenile，但我不知道该放在哪里
请用我更新的代码替换您的卡代码。
请接受任何对您有帮助并解决问题的答案。谢谢。

【解决方案2】：

您只需像这样向 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),
                 ))));
   }
 },
);

【讨论】：