java如何在文字旁边加图标_如何制作一个有图标和文字的行?

我有两个问题:

我有嵌套函数 BuildButtonColumn ,它下面有一个图标和文本,我想让它可以点击 . 我知道 GestureDetector 有 onTap 属性,但是如何在函数 BuildButtonColumn 中使用它?

Column buildButtonColumn(IconData icon, String label) {

Color color = Theme

.of(context)

.primaryColor;

return Column(

mainAxisSize: MainAxisSize.min,

mainAxisAlignment: MainAxisAlignment.center,

children: [

Padding(

padding: EdgeInsets.all(10.0),

),

Icon(icon, color: color),

Container(

margin: const EdgeInsets.only(top: 8.0),

child: Text(

label,

style: TextStyle(

fontSize: 14.0,

fontWeight: FontWeight.bold,

color: Colors.black,

)

),

)

],

);

}

Widget buttonSection = Container(

child: Row(

mainAxisAlignment: MainAxisAlignment.spaceEvenly,

children: [

buildButtonColumn(Icons.message, 'Message'),

buildButtonColumn(Icons.videocam, 'Request Video')

],

),

);

我从here获取了按钮布局参考 .

这就是我需要在每个图标或文本点击上打开特定屏幕的UI .

ab01a0a0-fe04-404c-9228-c12af9debac9.png

我还想在它们之间显示一个垂直分隔线 . 我跟着this SO帖子,但它对我来说没有用,或者我可能错过了那里实现它的东西 .

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值