Flutter IconButton删除左侧填充以与标题文本对齐
Flutter IconButton是一个用于创建带有图标的按钮的小部件。它通常用于在应用程序中执行特定操作或导航到其他页面。删除左侧填充以与标题文本对齐是指将IconButton的左侧填充设置为零，以使其与标题文本在水平方向上对齐。
在Flutter中，可以通过设置IconButton的padding属性来控制填充。要删除左侧填充，可以将padding属性设置为EdgeInsets.zero，如下所示：
IconButton(
icon: Icon(Icons.delete),
onPressed: () {
// 执行删除操作
},
padding: EdgeInsets.zero,
)这样设置后，IconButton的图标将与其周围的文本对齐，不会有额外的左侧填充。
优势：
- 提供了一个简单易用的按钮小部件，可以快速创建带有图标的按钮。
- 可以自定义按钮的外观，包括图标、颜色、大小等。
- 支持点击事件处理，可以执行特定的操作或导航到其他页面。
应用场景：
- 在应用程序中添加删除按钮，用于执行删除操作。
- 在工具栏或导航栏中添加图标按钮，用于导航到其他页面或执行特定操作。
- 在表单中添加图标按钮，用于清除输入内容或执行其他相关操作。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云开发者平台：https://cloud.tencent.com/developer
- 腾讯云移动开发服务：https://cloud.tencent.com/product/mws
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/nae
- 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
- 腾讯云音视频处理服务：https://cloud.tencent.com/product/mps
- 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发服务：https://cloud.tencent.com/product/mws
- 腾讯云对象存储服务：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙服务：https://cloud.tencent.com/product/mu
相关·内容
我正在尝试在flutter中构建一个应用程序，我正在使用
Scaffold(
appBar: AppBar(
title: Text("Login"),
),
body: Text("Hello there")
);
我面临的问题是正文文本的填充与appbar文本的填充不同。
那么，我怎样才能找到默认的填充值来使用它，这样我就可以使用相同的填充来对齐文本或小部件呢？
提前谢谢。
浏览 0提问于2021-05-18得票数 0
我是对齐文本在一个固定宽度的<p>.我希望<p>的宽度能够被截断，这样它就变成了最小的宽度，基本上就是实际文本的宽度。
请看这把小提琴:我希望标题与单词“示例”水平对齐。
编辑:为了更清楚:我希望<p>是对齐的。我也想要水平对齐一个标题与左边缘的上述右对齐<p>。
我希望这个解决方案能够处理任何文本，而不仅仅是硬编码一些填充。
<div>
<h4>
PLEASE LINE ME UP
</h4>
<p>
This is some example
</p>
浏览 7提问于2022-10-03得票数 0
"有一个UITextViewiOS应用程序，它显示大量的文本。然后，通过使用偏移页边距参数来分页这个文本UITextView。我的问题是填充的UITextView是混淆我的计算，因为它似乎是不同的，取决于我使用的字体大小和字体。
因此，提出了这样的问题：是否有可能删除周围的填充内容UITextView？"
浏览 285提问于2017-12-26
2回答
在Flutter中，如何让第三列填充宽度？我正在尝试右对齐编辑图标。
Row(
children: [
Column(
children: [ SizedBox(width: 10) ]
),
Column(
children: [ Text("example") ]
),
Column(
children: [ IconButton(icon: Icon(Icons.edit)) ],
),
],
浏览 0提问于2021-03-25得票数 0
如何缩小TextFormField以使其仅适合其中的文本及其关联的前缀/后缀图标？ 我正在尝试在我的数字输入旁边显示一个前缀(美元)图标。我希望字段与屏幕的右侧对齐。我的TextFormField在一行中： Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('TITLE'),
Expanded(
TextFormField(
textAlign: TextAlign.end,
de
浏览 27提问于2019-06-27得票数 0
当我改变了wordpress的主题后，我意识到所有过去的帖子都搞砸了。我认为这是因为新的主题不是用正确的方式来解释“对齐”。我的意思是，当我在新的帖子中插入新的图片时，我必须将“对齐”改为“不对齐”，这样就可以正确地显示图像和文本。如果不这样做，图像是一个接一个的，文本是隐藏的。是否有任何脚本来设置过去的图像来正确显示。下面是一个过去的帖子(主题改变后的帖子格式不好) http://pctechtips.org/installing-windows-xp-ntbackup-on-vista/
下面是使用“对齐”(正确显示) http://pctechtips.org/installing-an
浏览 0提问于2015-06-21得票数 0
1回答
我又需要帮助了。在我的导航菜单“图片库”下的下拉列表在单词图库下面没有对齐--参见live : lofthairstudio.ie。
有人能看到我哪里出错了吗?我想让画廊的下拉内容出现在菜单上的单词库下面，而不是现在的样子。
谢谢，提前盖斯
主导航*/ /*core样式*/.下拉菜单{文本对齐:中心；页边距: 0；填充: 0；列表样式:0；}.下拉菜单li {位置:相对文本对齐:中心；}.下拉菜单ul {位置:绝对；无空格:后缀；新空格：“后属性”；“空白”：
后置属性；顶部: 100%；左: 0；z-索引: 99；不透明度: 0；可见性:隐藏；转换: all .2s轻松退出；边距:10 p
浏览 1提问于2014-05-12得票数 0
3回答
我在行字段中创建了4个图标按钮。我将这些IconButtons与mainAxisAlignment均匀地放在屏幕上。然后我创造了4条短信。我将图标按钮和文本连接到列类中。然而，我无法成功地将文本和按钮放在另一个下面。
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);
@override
_M
浏览 6提问于2022-02-19得票数 1
回答已采纳
我想为我的Flutter应用程序设计一个页面，它可以在所有屏幕设备上以相同的纵横比显示，而不必滚动页面底部。在下面的左图中，您可以看到我的代码的结果： import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
浏览 12提问于2019-01-20得票数 1
根据this SO的答案，我正在尝试将“更多选项”按钮与我的列中的右上角对齐。 How to align single widgets in Flutter? 这是我的代码。 return Card(
color: Colors.blueAccent,
child: Container(
height: 100,
width: 350,
child: Column(
children: <Widget>[
Text(
'Day $
浏览 13提问于2019-03-20得票数 5
回答已采纳
4回答
**change the appbar title dynamically**
从数据库中获取appbar标题，然后我必须设置为appbar。我也是第一次尝试过setState。
我已经尝试过setState()，但仍然无法工作。如何根据服务器响应和数据库值更改appbar文本？
导入‘dart:异步’；导入‘包:flutter/Material.dart’；导入'package:parking_app/data/database_helper.dart'；导入‘package:parking_app/model/user.dart’；类HomeScreen扩展Statefu
浏览 2提问于2018-09-14得票数 14
回答已采纳
1回答
我有这个tsx代码来显示一个文本框和一个图标按钮来添加一些东西：
<TextField id="outlined-basic" label="22Keyword" defaultValue={"test123"} variant="outlined" />
<IconButton aria-label="delete">
<AddCircleOutlineOutlinedIcon />
</Ic
浏览 8提问于2021-12-05得票数 0
回答已采纳
我想要实现操作(编辑和删除)对齐垂直中心的CardHeader。如屏幕截图所示，按钮与CardHeader的标题和化身不对齐。当标题的内容需要两行或更多行来显示时，化身似乎垂直地对齐中心，但是动作停留在右上角。
我非常感谢社会人士的任何帮助。
这是我的代码片段
<CardHeader
avatar={
<Avatar className={classes.avatarNumber}>
<Typography variant={"h5"}>Q</Typography>
浏览 7提问于2020-12-06得票数 3
回答已采纳
有谁知道如何垂直对齐这些文本元素。我想为不受每个图像尺寸影响的文本定义一个绝对的左侧填充。它非常恼人，如下所示：
非常感谢!
浏览 3提问于2011-08-22得票数 0
回答已采纳
1回答
如何防止RaisedButton展开以填充包含它的Expanded？我希望创建三个宽度与可用空间成比例的列，但我希望每个列中的子列都是其自然大小，而不消耗父Expanded的整个宽度。
Widget _controls(BuildContext cx) {
return Row(
children: [
Expanded(
flex: 1,
child: player.isOnFirstItem
? Container()
: IconButton(
浏览 4提问于2019-10-26得票数 9
回答已采纳
，我使用新列的尾随，在购物车中上下放置两个箭头。我在做这件事时遇到了问题。我将发布我的代码.
进口‘包装:颤振/材料.达特’；
类Cart_products扩展了StatefulWidget {@重写_Cart_productsState createState() => _Cart_productsState()；类_Cart_productsState扩展了State<Cart_products> { var products_on_the_carts ={ "name"："Blazer"，“products_on_the_carts”：&
浏览 3提问于2020-12-06得票数 1
1回答
是否可以更改图标和IconButton标题之间的填充或边距？我希望按钮中的文本显示得离图标稍远一点。
谢谢!
浏览 0提问于2012-10-05得票数 0
在嵌套两个Transform小部件时，子小部件(即图片)在某些情况下正在消失。
Animation和AnimatedBuilder也会发生这种情况。
再生产条件：
仅宽屏幕分辨率。
只使用HTML呈现器的颤振网络(不是安卓，也不是CanvasKit)
颤振2.10.2
最小复制量：
创建新文件夹flutter_web_bug
打开文件夹内的终端并执行flutter create .
用以下代码替换./lib/main.dart内容
开放终端并执行flutter run -d chrome --web-renderer html
导入‘
浏览 7提问于2022-02-26得票数 0
我有个问题。是否有可能在VS代码中更改Flutter的AutoComplete顺序？
如果我尝试放置一个IconButton，建议使用IconButton片段，并且自动完成如下所示。
例如
IconButton(onPressed: onPressed, icon: icon),
但我希望命令是这样的。
IconButton(icon: icon, onPressed: onPressed),
我怎么才能改变这个？
浏览 2提问于2022-05-16得票数 0
回答已采纳
2回答
引导标题位置
、、
我这里有一个jsfiddle -
它是一个引导转盘，每张幻灯片上都有标题。
我想改变标题的位置，这样它就会左对齐下面的红色块，这是一个引导容器块。我可以用px或%来定位它，但在大pr小屏幕尺寸时看起来不合适。
我也想有内联的文字和黑色的背景。在这个例子中，我固定了容器的宽度，这不会起作用，因为我不知道会有多少文本。
.block{
background: red;
height: 200px;
}
.carousel-caption{
font-size: 3em;
浏览 0提问于2015-02-17得票数 0
2回答
在下面的中，我使用以下代码禁用了“上下文菜单”：
exporting: { enabled: false }
我希望文本框会自动对齐。但情况并非如此--有填充/空间。我要文本框对齐。
奇怪的是，如果将标题/副标题添加到图表中，文本框就会对齐。
subtitle: { text: 'the subtitle' }
但我不想有标题/副标题。
浏览 5提问于2016-03-30得票数 1
回答已采纳
1回答
我在Flutter中有一个简单的行，其中我显示了一个图标，然后是一些填充，然后是一些包装在展开的小部件中的文本。 当展开的文本换行时，第一个图标向下移动到底部，而不是停留在行的顶部？我已经将图标包装在一个Align小工具中，但它似乎不起作用，我在网上找不到任何可以工作的东西？ 在附加的鸡肉和啤酒截图上，图标应该紧挨着"10%“文本，就像文本没有换行时一样(参见另一个Brotzeit屏幕)。 ? ? Row(
crossAxisAlignment:
浏览 17提问于2019-03-13得票数 0
回答已采纳
有没有办法在WinForms表单中居中对齐文本？也称为标题栏标题或标题栏文本？到目前为止，我能看到的唯一方法就是用空格填充字符串。我正在使用Form.Text属性设置标题栏标题。
我应该补充说，我使用的是第三方功能区表单，所以应用程序看起来像Microsoft Office 2007应用程序。这些应用程序居中对齐文本，大概是因为当文本左对齐时，它会被添加到左上角的杂乱按钮中，看起来很糟糕。
浏览 4提问于2009-06-17得票数 1
回答已采纳
2回答
我正在研究颤振应用中的相机部分。在底部有两个图标。一个用于闪光灯，另一个用于照相机按钮。我希望他们集中在屏幕上。我试图使红色相机按钮出现在中间，黄色闪光灯图标将出现在靠近左边的相机按钮。
Widget controlRow() {
return Ink(
color: Colors.black,
child: Row(
//mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.end,
浏览 8提问于2022-04-01得票数 0
回答已采纳
应用程序背后的功能：
右上角的足球是一个IconButton.Once --足球IconButton被点击，它在屏幕中央创建一个模式弹出，模态框的外部模糊。警告框显示标题为“成功！”然后是“你在足球世界！”。
我已经提供了一个图像示例，说明一旦代码成功，它会是什么样子。
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:material_design_icons_flutter/material_des
浏览 9提问于2020-07-21得票数 0
回答已采纳
我在一个图上显示多个窗格，它使用多个y轴和级数.标题文本显示在右边，垂直对齐。
我想用水平对齐方式在系列面板上显示它。在这张图中，我用蓝色的笔突出了当前的标题。我用红笔来表示我希望它在哪里。
下面是我的情节选项的简短版本：
{
"rangeSelector": {
"enabled": false
},
"title": {
"text": "Index EOD Analysis"
},
"tooltip": {
"split":
浏览 0提问于2019-08-15得票数 0
我很难做一个简单的引号，引号在页面上居中/浮动，引号下面的人名对齐，就像人们经常看到的那样。
我试着将人名段落的文本对齐改为“右”，但这并没有解决这个问题(它把它放得太远了)。所以，我只留下文本对齐(作为“中间”)，然后尝试添加填充-左和页边距-左，但这两个都被忽略了，把人的名字留在中间。，你能告诉我为什么这些(填充和边距)被忽略了，也是一个很好的方法来做对齐，这样的“谁的-it-by”行匹配到右边的引号？
您可以在这里看到页面，在灰色标题区域的顶部有引号：
我想把名字移过去，但我很好奇为什么填充和边距似乎对文本对齐没有影响。
谢谢。
浏览 4提问于2012-02-23得票数 4
回答已采纳
我有一个我想总是放在同一个x，y位置(ASP.NET图像)的Zedgraph textobj。我注意到文本并不总是显示在相同的起始x位置。它会根据文本的长度而变化。我试着用空格填充文本，使其具有相同的长度。这有一点帮助，但结果并不总是一致的。我正在为coordType使用PaneFraction。
让一段文本始终显示在相同的x位置的正确方法是什么？我使用textobj作为标题，因为原生标题属性总是居中显示，并且我需要我的标题与图形左对齐。
浏览 0提问于2010-05-29得票数 2
1回答
在玩了我的标题和主菜单后，似乎链接框实际上与文本不对齐。我试着玩毛边和填充，但我似乎无法让它工作或找到合适的课程。我想保持目前的一切，只需将链接区域向右移动，这样所有的东西都对齐了。如有任何意见，我们将不胜感激。
网址：
浏览 4提问于2014-11-17得票数 0
回答已采纳
在flutter中的页面之间导航时，如果第二个页面具有AppBar，则默认情况下，AppBar附带一个IconButton，用于返回到上一页面。有没有办法为该IconButton设置一个自定义图标，该图标不同于Flutter默认提供的图标，并将应用于每隔一个页面？有点像定制的AppBarTheme
浏览 18提问于2021-09-21得票数 0
是否可以格式化matplotlib.axes.Axes.set_title()中的文本以获得例如：
两行，每一行具有不同的对齐方式: 1.行对左，下一行对中？字体大小，还是每一行的其他字体参数？
例如，在这里的标题文本中，我希望图表标识：‘a’与左边对齐，下一行与中间对齐：
ax[0].set_title("a)\nsecond title row", fontsize = 14, loc='left')
浏览 8提问于2020-09-25得票数 1
回答已采纳
在浏览器中，当我在兼容模式下将标题标记浮动在图像周围时，我遇到了一个问题。
<img src="1.gif" style="float: left; margin-right: 10px"><h1>Some headline</h1>
图片的高度是100px，默认情况下，文本居中居中，这是应该的，但如果在兼容模式上，文本会在顶部对齐。
我如何修复，使其垂直对齐中心？
/Molgan
浏览 2提问于2010-10-25得票数 0
回答已采纳
1回答
在我的网站上，我在我的帖子之间设置了一个横向规则，但我似乎无法让它真正地与帖子保持一致，也就是说:让它的中心与帖子的文本中心排列--它就在页面的中间。
浏览 2提问于2013-05-02得票数 0
4回答
我是新手，我想在按钮下添加一段文字，但我似乎做不到，到目前为止，我的结果是
。。
我用两行作为按钮和文本，因为你们可以看到文本不是很好地对齐，我尝试使用ElevatedButton，但是文本在按钮旁边，而不是在它下面。到目前为止，这是我的代码：
import 'package:flutter/material.dart';
import 'package:get/get_navigation/get_navigation.dart';
import 'package:medreminder/NewsArticle/news_home.dart&
浏览 14提问于2022-12-02得票数 0
回答已采纳
2回答
我在我的颤音应用程序中使用。这是我的密码：
appBar: AppBar(
title: Text("test"),
actions: <Widget>[
IconButton(
icon: Icon(Icons.search),
onPressed: () {},
),
Badge(
position: BadgePosition.topRight(top: 0, right: 2),
animationDuration: Duration(milliseconds: 300),
浏览 1提问于2019-10-09得票数 1
回答已采纳
看看按钮的标题。还有1在底部的位置。你知道是什么原因造成的吗？(我所做的只是拖放并编写了一些简单的计算代码)
浏览 4提问于2012-11-01得票数 0
非常新的颤振。我知道如何在列表中添加一个标题。我想在列表中添加两个或更多的标题。我定义了两个列表作为列表和副标题。我想我在给出指数时犯了个错误。
我无法解决如何在ListView.builder中使用列表。我该怎么做？
main.dart
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:fl
浏览 2提问于2021-01-01得票数 0
回答已采纳
这有点奇怪，但在我的表格单元格中，我有一个项目符号，由于某种奇怪的原因，它导致文本在单元格的中心对齐，即使我没有包含文本对齐中心或任何类似的东西。老实说，顺便说一句，所有其他不包括项目符号的表列都会像往常一样左对齐，但对于包含项目符号的列，它会导致文本居中对齐，我不知道为什么会这样。
我的问题是，默认情况下，<ul>标记会导致表格单元格内的文本居中对齐吗?还是存在某种与<ul>标记相矛盾的东西，从而导致文本居中对齐？
下表(精简代码)：
<table id="tableqanda" cellpadding="0" cells
浏览 2提问于2013-01-22得票数 1
回答已采纳
在matplotlib中，如何调整图例标题的对齐方式？它总是居中的，但我需要它与图例框保持一致。我试图改变标题的文本艺术家的对齐，这是没有效果的。有关详细信息，请参阅以下示例：
from pylab import *
x = linspace(0, 1)
plot(x, x, label="1")
plot(x, x**2, label="2")
plot(x, x**3, label="3")
plot(x, sqrt(x), label="square root")
l = legend(title="Title&
浏览 11提问于2013-03-26得票数 30
如何在MUI Grid项中对元素进行居中？下面是我的React应用程序的一个片段：
<Grid container>
<Grid item xs={4}>
// Unrelated stuff here
</Grid>
<Grid item xs={4}>
// How do I centre these items?
<IconButton className={classes.menuButton} color="inherit">
<EditIcon/>
浏览 0提问于2018-09-16得票数 35
回答已采纳
1回答
我最近学到了“颤栗”和“飞镖”，并试图创建一个包含三个部分的应用程序:页眉、实际内容和页脚。
对于标题，我希望添加一个标题(Text)中心对齐和关闭按钮右对齐。
我有以下代码：
Column(
children: [
Row(
children: [
Expanded(
child: Text(
"Filters",
style: const TextStyle(
浏览 3提问于2022-10-16得票数 1
回答已采纳
2回答
XAML水平对齐
、、
我有一个关于Windows Phone 7 XAML编程的问题。
<StackPanel Orientation="Vertical" Width="110">
<Canvas Margin="0">
<TextBlock Text="{Binding Menesis}" Foreground="{Binding MyColor}"></TextBlock>
</Canvas>
<Canvas Margin=&
浏览 1提问于2011-11-19得票数 0
回答已采纳
ggplot2会自动将文本在geom_text图层中居中。例如：
library(ggplot2)
library(tidyverse)
df <- data_frame(text = c("A short sentence.",
"A slightly longer sentence.",
"This sentence is the longest of the sentences."),
y = row_number(tex
浏览 0提问于2017-09-17得票数 14
回答已采纳
下面是我折叠工具栏的构建方法：-
@override
Widget build(BuildContext context) {
return SafeArea(
child: CustomScrollView(
controller: controller,
slivers: <Widget>[
SliverAppBar(
pinned: true,
expandedHeight: appBarHeight,
leading:
浏览 0提问于2019-12-09得票数 9
我想要建立一个配置文件屏幕与实时变化使用消防局。每当配置文件屏幕打开时，我就会在很短的时间内得到这个错误：
The following _CastError was thrown building StreamBuilder<DocumentSnapshot>(dirty, dependencies: [_LocalizationsScope-[GlobalKey#f10b3], _InheritedTheme], state: _StreamBuilderBaseState<DocumentSnapshot, AsyncSnapshot<DocumentSnapsho
浏览 5提问于2021-04-16得票数 1
回答已采纳
2回答
这可能看起来像一个愚蠢的问题，但我在一个基本页面上添加了一个UL，列表似乎偏离了中心。这份清单没有什么特别之处。没有添加特定的css :只是一个列表。当我加载实况时，它会稍微偏离中心。
左边是否有默认的页边距或填充？
<h3>Title Heading</h3>
<ul id="listItems">
<li>itemOne</li>
<li>itemTwo</li>
<li>itemThree</li>
</u
浏览 1提问于2015-05-24得票数 16
回答已采纳
我想在地图上放置一个标记，当我放置标记时，它将获得该地址并填充到文本框中。 就像我在这张图片中提到的那样，当我放置一个标记，然后点击show address，它将接受该地址并填充到文本框中。希望你能理解这个问题。如果有任何疑问，请让我知道。我需要帮助，请帮帮我。因为我非常纠结于这个问题。 ? 以下是google地图的一些代码。 import 'dart:async';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_f
浏览 17提问于2019-09-13得票数 1
? 我尝试在一行中放置两个UILabel：一个UILable在左侧，文本左对齐，另一个UILabel在右侧，文本右对齐。请看上图。它们有不同的字体大小。 我使用了下面的自动布局约束： let labelHorizontalConstrains = NSLayoutConstraint.constraints(
withVisualFormat: "H:|-20-[nameLabel]-15-[birthDeathDateLabel]-20-|",
metrics: nil,
views: views)
allC
浏览 22提问于2019-01-27得票数 2
回答已采纳
1回答
我试图创建一个简单的容器包含；
向左中间对齐的文本(该文本可以包括50个字符)--网络图像，它对齐右下角，旋转一点，并四舍五入。
我写过这样的代码：
import 'package:flutter/material.dart';
class MyScreen extends StatefulWidget {
static const String idScreen = "myScreen";
@override
_MyScreenState createState() => _MyScreenState();
}
class _MyScr
浏览 4提问于2022-04-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
