在Flutter中,可以使用TextButton.icon小部件将文本放在图标下方。TextButton.icon小部件接受一个icon参数和一个label参数,分别用于设置图标和文本。
以下是在Flutter中将文本放在TextButton.icon中图标下方的步骤:
import 'package:flutter/material.dart';
TextButton.icon(
icon: Icon(Icons.add), // 设置图标
label: Text('Add'), // 设置文本
onPressed: () {
// 点击按钮后的操作
},
)
Column(
children: [
TextButton.icon(
icon: Icon(Icons.add),
label: Text('Add'),
onPressed: () {
// 点击按钮后的操作
},
),
// 其他小部件
],
)
通过以上步骤,你可以在Flutter中将文本放在TextButton.icon中的图标下方。你可以根据需要自定义图标和文本的样式,以及添加点击事件的操作。
推荐的腾讯云相关产品:腾讯云移动开发平台(https://cloud.tencent.com/product/mpp)提供了丰富的移动开发解决方案,包括移动应用开发、移动应用测试、移动应用分发等。
领取专属 10元无门槛券
手把手带您无忧上云