gpt4 book ai didi

flutter - 如何为按钮右侧添加图像/图标?

转载 作者:IT王子 更新时间:2023-10-29 07:07:51 38 4
gpt4 key购买 nike

最近我正在为Android 平台开发flutter 移动应用程序。我想添加一个带有文本图标/图像的按钮。该图像必须位于按钮文本的右侧。

我已经把图片附在这里了。

enter image description here

这是我的代码。

child: FlatButton.icon(
icon: Image.asset("images/notesicon.png", width: 20.0,height: 20.0,),
label: Text("Add Note",
style: TextStyle(
fontSize: 11.0,
fontFamily: "Raleway"
),
),
textColor: Colors.white,
color: Color(0xFF226597),
shape: OutlineInputBorder(borderSide: BorderSide(
style: BorderStyle.solid,
width: 1.0,
color: Colors.black),
borderRadius: new BorderRadius.circular(20.0)
),
),

最佳答案

只需翻转它们。 (标签<->图标)因为它们都接受任何小部件。

child: FlatButton.icon(
icon: Text("Add Note",
style: TextStyle(
fontSize: 11.0,
fontFamily: "Raleway"
),
),
label: Image.asset("images/notesicon.png", width: 20.0,height: 20.0,),
textColor: Colors.white,
color: Color(0xFF226597),
shape: OutlineInputBorder(borderSide: BorderSide(
style: BorderStyle.solid,
width: 1.0,
color: Colors.black),
borderRadius: new BorderRadius.circular(20.0)
),
),

关于flutter - 如何为按钮右侧添加图像/图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56389403/

38 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com