如何在 Flutter 中编辑重构图标？

Question

我在编辑我在 flutter 中重构的图标小部件时遇到问题。这是我的代码：

class DetailsInput extends StatelessWidget {
      DetailsInput({
        this.label,
        this.keyboard,
        this.icon,
      });

      final String label;
      final TextInputType keyboard;
      final IconData icon;

      @override
      Widget build(BuildContext context) {
        return Padding(
          padding: const EdgeInsets.only(left: 25.0, right: 25.0),
          child: TextField(
            keyboardType: keyboard,
            cursorColor: Colors.deepPurpleAccent,
            decoration: InputDecoration(
              enabledBorder: UnderlineInputBorder(
                borderSide: BorderSide(color: Colors.black54),
              ),
              focusedBorder: UnderlineInputBorder(
                borderSide: BorderSide(color: Colors.deepPurpleAccent),
              ),
              fillColor: Colors.black54,
              focusColor: Colors.black54,
              hintText: label,
              hoverColor: Colors.black54,
              hintStyle: kBasicLabelStyle,
            ),
          ),
        );

这是我放置代码并尝试修改其样式的区域：

DetailsInput(
    icon: Icons.contact_phone,
    keyboard: TextInputType.number,
),

我正在尝试更改上面图标的颜色，但目前正在阻止这样做。

Answer 1

在InputDecoration中添加：

suffixIcon: const Icon(icon, color: Colors.red),

如何在 Flutter 中编辑重构图标？

How to edit refactored icon in Flutter?

flutter

flutter-dependencies

flutter-layout