在Flutter中垂直对齐卡片小部件中的文本
在Flutter中，可以使用Align和FractionallySizedBox小部件来实现垂直对齐卡片小部件中的文本。
Align小部件可以将其子项垂直和水平对齐到指定的位置。通过设置Alignment属性，可以控制子项在容器中的位置。在这种情况下，我们可以将Align小部件用作卡片小部件的包装器，并将其子项设置为文本小部件。
示例代码如下所示：
Card(
child: Padding(
padding: EdgeInsets.all(10.0),
child: Align(
alignment: Alignment.topLeft,
child: Text(
'垂直对齐文本',
style: TextStyle(fontSize: 16.0),
),
),
),
);另一种方法是使用FractionallySizedBox小部件。FractionallySizedBox可以根据父容器的大小调整其子项的尺寸。通过设置alignment属性，可以控制子项在父容器中的位置。在这种情况下，我们可以将FractionallySizedBox用作卡片小部件的包装器，并将其子项设置为文本小部件。
示例代码如下所示：
Card(
child: Padding(
padding: EdgeInsets.all(10.0),
child: FractionallySizedBox(
alignment: Alignment.topLeft,
widthFactor: 1.0,
child: Text(
'垂直对齐文本',
style: TextStyle(fontSize: 16.0),
),
),
),
);以上是在Flutter中实现垂直对齐卡片小部件中的文本的两种方法。这些方法可以用于各种情况，例如创建卡片列表、导航栏等。
腾讯云提供的相关产品和产品介绍链接地址如下：
相关·内容
由于某些原因，卡片中的文本显示在比每张卡片的垂直中心略低的位置。随着更多卡片的添加，它变得更加明显。 ? ? 我尝试过将文本小部件包装在一个Center小部件中。我已经尝试将mainAxisAlignment和crossAxisAlignment放在我认为合适的位置，但仍然没有区别。值得一提的是:我使用
浏览 21提问于2019-02-24得票数 1
4回答
我正在尝试垂直对齐这些文本小部件，以便它们在两行之间完全居中。但是，flutter会看到文本小工具的大小与文本后面的红色矩形一样大(文本的背景色仅用于说明)，因为有一条下斜线。然而，这会导致文本看起来有点偏离中心。有没有一种方法可以使用基线而不是十进制对齐文本？
浏览 15提问于2021-05-11得票数 1
我希望条目小部件中的文本开始出现在顶部，好像它是正确的。使用tkinter.Entry的合理性选项，您可以将文本调整到左侧、右侧或中间，而不是顶部或底部。具体来说，我希望有一个选项来执行google下面突出显示的按钮的功能。
浏览 0提问于2019-01-08得票数 1
回答已采纳
3回答
我需要帮助，因为我的应用程序，因为我是新的颤振。所以我有一个按钮，它里面有一个文本，但是当我运行我的应用程序时，它不在按钮里面，我不知道如何修复它。这是我的应用程序，当我运行它：我使用MyButton作为按钮和文本，下面是我的botton代码 return Container(Reminder", onTap: ()=>Get.to(AddReminderPage()))
],
浏览 9提问于2022-12-02得票数 0
我在这里有点困惑，但我试图在Flutter中将两个文本小部件在垂直起始处对齐，但无论我尝试做什么，文本都在文本小部件中居中，文本较少。我试图让“地址”标题和实际地址都垂直地从行的顶部开始，但因为实际地址更长，所以它总是以地址标题为中心(在下面的图像中，地址位于列表中的第一个工作的</e
浏览 27提问于2019-11-07得票数 1
回答已采纳
2回答
我在卡片上有一个小的文本，我能够垂直对齐中心。但是如果你把这篇文章写得很大，那么一切都会恶化。 padding: 0px 40px 0px 40px;
浏览 8提问于2017-09-13得票数 1
回答已采纳
我正在使用Windows上的PyGTK开发一个小应用程序。
在样机中，小部件位于不同的框架中，但我希望保持垂直对齐，就好像它们位于相同的gtk.Table中一样。如果我将它们放在同一个表中，那么我就不能在小部件组周围放置一个gtk.Frame。
浏览 7提问于2014-08-27得票数 0
我在google和s.o中到处寻找答案，却找不到与我相似的答案。
我使用Stack小部件作为页面布局。在该堆栈中，我将所有子部件定位为对齐小部件。我已经尝试在我的ListView子部件下创建一个ListView小部件，但是它的卡片(子)忽略了在我设置为要开始的列表的对齐值上的
浏览 1提问于2020-03-10得票数 0
6回答
我想在一个固定高度的容器内垂直地对一个文本Widget。但是，我希望保持容器动态的宽度，这将根据文本的长度而变化。我尝试使用Center并在文本小部件和父容器小部件上对齐，但是它沿着整个宽度扩展。要注意的是，容器位于另一列中。import 'package:flutter/material.dart';
class CustomIc
浏览 21提问于2022-05-19得票数 0
我正在使用Shawn Lin的Numberpicker库。它在Github上的链接是： https://github.com/ShawnLin013/NumberPicker 此小部件中的数字显示为： ? 如你所见，数字不是垂直居中的。我一直在尝试将数字垂直居中对齐，但没有实现。该库允许文本向左、向右或居中对齐(center_horizo
浏览 42提问于2020-10-16得票数 0
2回答
我想知道，如何在文本小部件中垂直对齐文本。有一个名为textAlign的属性。它将垂直和水平对齐文本的中心。所以我只需要在垂直方向上对文本进行海藻处理。
浏览 0提问于2019-09-20得票数 0
1回答
我需要用几个小部件填充一张卡片，其中一些小部件需要填充整个高度，而不是全部宽度。卡片包含一个行，可以对齐相邻的两个小部件，第一个小部件需要垂直填充父部件(另一个小部件是ExpansionTile，因此可以增长)。现在要显示容器的唯一方法是将其包装在SizedBox中，并将高度设置为特定的值。当然，这不允许容器随着卡的高度增长或缩
浏览 6提问于2020-05-13得票数 1
在这个应用程序中，当用户单击FAB时，它返回一个封装在Card中的GestureDetector。当用户单击显示的卡片时，GestureDetector将导航到其他页面。因此，我将child: of Card定义为带有尾随Icon的ListTile，该Icon应该删除特定的Card。但是当我添加一个Card时，它只显示title:，而不显示尾随的Icon。Cards显示在带有crossAxisCount = 2的SliverGrid<
浏览 2提问于2019-09-13得票数 0
回答已采纳
我要把一个简单的导航栏放在一起。最初，我只想让所有的链接垂直地居中，所以我使用了下面的CSS，它完成了我所需要的工作： display: inline-block;}
然后，我希望我的一些链接在一个更大的字体大小。，我注意到在元素上面和下面有一些小的带，这些元素被垂直地稍微偏移。我怀疑我可以用一个浮动:左和一个清晰解决这个问题，但我想听到‘正确’的</
浏览 3提问于2014-10-07得票数 2
回答已采纳
1回答
如何对齐行的子项？我尝试过crossAxisAlignment: CrossAxisAlignment.end,，但我不想要CrossAxisAlignment我的所有行小部件的子项。此外，我还尝试为指定的小部件使用Align小部件(+1和圆圈) padding: EdgeInsets.only(top: 5.0), ],
浏览 0提问于2019-08-01得票数 2
我在flutter中使用一个Card小部件来显示文本。我希望使用资源图像作为卡片的背景/纹理，并在顶部显示文本。我很难弄清楚如何正确地对小部件进行分层。任何洞察力都是非常值得欣赏的。
浏览 11提问于2019-01-29得票数 10
回答已采纳
1回答
容器内的行和容器内的行
、、、、
在flutter应用中，Row内的Container和Container内的Row有什么区别？每当我想做一个应用程序的时候，我都会花几分钟问自己我应该选择哪一个？
浏览 14提问于2021-04-25得票数 1
3回答
第一个是短一行文本，第二个是小矩形，最后一个是多行文本，占用剩余的宽度。小矩形必须在文本的第一行内垂直居中。我试图使用“垂直对齐”属性，如果第三列只有一行文本，它可以正常工作，但是是否有多行文本不再工作。编辑：，我想我没有很清楚地描述需求。我不想垂直对齐所有3列。第一列中的</e
浏览 1提问于2015-11-02得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
