flutter - 我可以通过在文本小部件（如 Html）中传递字符串来使用图标吗？扑

Question

我正在尝试制作包含图标的文本。我发现 Icon 里面有一种代码。是否可以通过在文本中传递代码来获取图标？就像 HTML 一样。或者我应该使用 textspan 和 Richtext 吗？

 static const IconData logout = IconData(0xe848, fontFamily: 'MaterialIcons');

这是flutter中的icons.dart

<input type="submit" class="search-submit" value="&#xf002;" />

在 HTML 中。

我想通过使用 icons.dart 中的代码来获得一个材质图标。我想是否有办法在文本小部件中实现图标。它会比使用富文本更简单。

Iconbutton 可能有效，但我的文本已经在墨水瓶小部件中（容器小部件用墨水瓶包裹）。我有一些包含标签的备忘录。我想在进入内容屏幕之前显示带有图标的标签。所以像这样Text(icon + memo.tags.join(icon)) 我试图在列中添加文本。

Container(
                width: MediaQuery.of(context).size.width,
                height: 120,
                child: Row(
                  children: [
                    setImage(memo.imageByte),
                    Expanded(
                      child: Padding(
                        padding: EdgeInsets.all(8.0),
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Text(
                              memo.title == null ? "" : memo.title,
                              maxLines: 1,
                              overflow: TextOverflow.ellipsis,
                              style: TextStyle(
                                  fontSize: 32, fontWeight: FontWeight.bold),
                            ),
                            Text(
                              memo.content == null ? "" : memo.content,
                              maxLines: 4,
                              overflow: TextOverflow.ellipsis,
                            ),
                            Text(
                              memo.editTime.split('.')[0],
                              maxLines: 1,
                              overflow: TextOverflow.ellipsis,
                            ),
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              ),

标签： flutter

Answer 1

您可以简单地使用命名构造函数来创建不同类型的带有图标的按钮。例如

    FlatButton.icon(
     onPressed: null, 
     icon:  icon: Icon(Icons.add), 
      label: Text("Submit")
);