Flutter技术问题：如何从Icon组件获取codePoint值并构建新Icon？

核心问题原因 #

你调用widget.myIcon.toString()得到的是Widget实例的默认字符串标识，无法直接获取内部的IconData属性。要拿到codePoint，需要直接访问Icon组件公开的icon属性——它就是你需要的IconData实例。

实现代码示例 #

class NewCustomWidget extends StatelessWidget {
  // 接收传入的Icon组件
  final Icon myIcon;

  const NewCustomWidget({super.key, required this.myIcon});

  @override
  Widget build(BuildContext context) {
    // 从传入的Icon中提取原始IconData
    final originalIconData = myIcon.icon;
    
    // 修改codePoint（示例为加1，可根据需求调整逻辑）
    final modifiedIconData = IconData(
      originalIconData.codePoint + 1,
      fontFamily: originalIconData.fontFamily,
      fontPackage: originalIconData.fontPackage,
      matchTextDirection: originalIconData.matchTextDirection,
    );

    // 返回修改后的Icon，同时保留原Icon的样式属性（颜色、大小等）
    return Icon(
      modifiedIconData,
      color: myIcon.color,
      size: myIcon.size,
      textDirection: myIcon.textDirection,
    );
  }
}

使用方式 #

在父组件中直接传入Icon实例即可：

NewCustomWidget(myIcon: Icon(Icons.home))

注意事项 #

• 确保传入的myIcon是Icon类型，而非其他Widget，否则会触发类型错误。
• 修改codePoint时，要保证新的codePoint对应字体中存在有效图标，否则会显示空白或错误符号。

内容的提问来源于stack exchange，提问作者bzg