我可以通过在文本小部件中传递字符串来使用图标吗?颤振

Question

我试图使一个包含图标的文本。我发现图标里面有一种密码。是否有可能通过传递文本中的代码来获得图标?就像Html一样。或者我应该使用textspan和richtext?

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

这是图标。扑动中的飞镖

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

在Html。

我想通过使用icon .dart中的代码获得一个材料图标。我想如果有一种方法来实现一个图标在文本小部件。这将是一个比使用richtext更简单的方法。

图标按钮可能会工作，但我的文本是在已经inkwell小部件(容器小部件被一个墨水瓶包裹)。我有一些带有标签的备忘录。我想在进入内容屏幕之前显示带有图标的标签。比如这个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,
),
],
),
),
),
],
),
),

Answer 1

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

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