当字段有内容和没有内容时，主题中的Flutter Form标签样式需要具有相同的大小
。
在Flutter中，可以使用Form组件来创建表单，而FormField则是Form中的一个字段。当FormField中有内容时，比如输入框中有文字，我们希望其样式保持与没有内容时相同的大小。实现这个需求可以通过使用Container和Align组件来包装FormField，然后根据是否有内容来动态设置Container的大小。
以下是一个示例代码：
Form(
child: Column(
children: [
TextFormField(
decoration: InputDecoration(
labelText: 'Username',
),
),
TextFormField(
decoration: InputDecoration(
labelText: 'Password',
),
),
],
),
),在这个示例中，我们创建了一个简单的Form，其中包含两个TextFormField，分别用于输入用户名和密码。现在我们想要实现的是，无论输入框中是否有内容，其样式都保持相同的大小。
我们可以将TextFormField包装在一个Container中，然后使用Align组件来将其内容对齐到中心。代码示例如下：
Form(
child: Column(
children: [
Container(
height: 50, // 设置Container的高度
child: Align(
alignment: Alignment.centerLeft,
child: TextFormField(
decoration: InputDecoration(
labelText: 'Username',
),
),
),
),
Container(
height: 50, // 设置Container的高度
child: Align(
alignment: Alignment.centerLeft,
child: TextFormField(
decoration: InputDecoration(
labelText: 'Password',
),
),
),
),
],
),
),在这个示例中，我们通过设置Container的高度来确定字段的大小。Align组件使得内容在Container中垂直居中对齐，并且我们设置了alignment为Alignment.centerLeft，使得文字在输入框中左对齐。
需要注意的是，示例中的高度值是一个固定值，可以根据实际需要进行调整。另外，还可以使用其他方式来动态计算字段的大小，比如使用LayoutBuilder来获取父容器的尺寸。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我正在尝试解决以下问题： 标签太大了： ? 当字段有内容时-标签大小可以，但需要在底部填充一些内容： ? 我需要在主题级别上解决问题，因为它适用于整个应用程序。我希望两个标签文本状态都有相同的fontSize，并添加一些填充(contentPadding不能做到这一点) 对此有解决方案吗？
浏览 28提问于2021-11-11得票数 0
1回答
SASS中的博客样式
、、、
我经常收到这样的请求：网站的样式是容易定制的HTML和SASS编写的。除了Bones，Sage & _s这样的入门主题(它们都是非样式的)，我还没有找到任何将博客样式作为单独组件的</em
浏览 0提问于2015-05-22得票数 0
1回答
在我的表单中，我有带有标签的字段和没有标签的字段(即大文本区域)。我给了我的标签和输入字段一个背景色。目前，标签的左边距与输入字段的左边距不同。说：
内容应该放在列中，而且只有列可以是行的直接子列。inputPassword3"
浏览 2提问于2014-11-18得票数 2
回答已采纳
问题是我有一个水平导航栏，一个主标签和一个页脚。当我调整屏幕大小时，导航栏的主页和页脚不对齐，导航栏比主要内容宽，而页脚更靠内。为了部分修复这个问题，我修改了每个元素的样式，但是当导航栏自我调整时，它会变得比HTML中的其他元素更宽。有没有一种全局的方法让所有的事情都对齐？
浏览 3提问于2017-08-26得票数 0
当我将按钮的内容作为普通字符串时，例如<Button Content="Ok" />，按钮的行为就会正常。但是，如果我将内容更改为具有键盘加速器，例如<Button Content="_Ok" />，则按钮的样式会改变为具有不同的边距和大小。我有一个没有键
浏览 2提问于2010-10-06得票数 1
2回答
我有一个html表单，其中包含一个文本输入表，最终将用于生成SQL INSERT查询。我的问题是我的手动输入表有5个文本输入，然后我给了用户添加更多的选项。这些额外的输入域被创建得很好，当我在添加它们之后检查页面上的元素时，它们具有正确的名称、id、类型等。(我试图发布一个屏幕截图来提供更好的想法，但我是一个新用户，所以不能-有什么办法可以绕过这个吗？！)
问题是，当我单击表单<e
浏览 0提问于2014-04-01得票数 1
我最近发现我可以利用用户控件来减小我的主应用程序的.xaml文件的大小。我是WPF的新手，我意识到我的应用程序的XAML变得非常长，非常快，滚动起来很麻烦。用户控件是解决这个问题的最好方法吗(例如，在一个单独的控件库中有许多用户控件及其模板)？提前感谢！
浏览 1提问于2009-06-04得票数 10
回答已采纳
1回答
将字符串转换为字体
、、、、
我一直在努力为我的问题找到正确的答案。已经花了很多天在网上和文档中搜索，但什么也没有找到。Tahoma,12.5，常规
请注意，字体信息并不总是具有相同的字体名称、大小或样式，因此我不能手动设置它。当这个文件打开到我的应用程序中时，它将解析内容</em
浏览 0提问于2009-10-06得票数 1
我有两个标签(labelOne和labelTwo)，我希望它们具有相同的文本大小。使用自动布局的labelTwo往往比labelOne更大，因此具有更大的字体。pointSize)
正如这个问题中所建议的：，但这对我不起作用。
浏览 14提问于2017-03-04得票数 1
当我使用一个AutoLayout时，我遇到了一个奇怪的与UIScrollView相关的问题(如果没有它，这个问题就不会发生)。我有一个UIScrollView，它被限制在UIView的边界上(包含在UIViewController中)，在这个范围内，我试图将UILabel和UITextField并排放置。我已经将UILabel限制在左边和上面的边界上，限制了它的宽度和高度(参见下面的截图)：在这个UILa
浏览 6提问于2014-12-06得票数 4
回答已采纳
1回答
我在做一个项目，在这个项目中，我必须改变元素的字体大小，并且它的工作方式不同。例如，我有一个代码 <h2>We are <span class="span1">Newbie</span></h2>在CSS中我设置了 font-size:60px;}
字体大
浏览 6提问于2020-06-12得票数 1
回答已采纳
我有一个表格，上面出现了一些错误，看起来就像和一个<form>内部的表单，在divs中有一串输入.没有什么是不寻常的。但是我的字段中有javascript验
浏览 1提问于2012-09-07得票数 0
回答已采纳
2回答
我有一个要求，创建一个按钮在Windows8.1应用程序，其中有一个图标和文字标签。图标将是来自Segoe符号的符号，文本标签将在较小的文本大小下为Segoe半粗体。我希望能够重用按钮在应用程序的不同地方，使用不同的图标和文字标签。
我怎么表现出来的？我可以创建一个按钮，然后编辑ContentPresenter，使其具有一个带有两个TextBlocks的面向水平的
浏览 5提问于2013-11-18得票数 2
回答已采纳
1回答
Web窗体和引导窗体问题
、、、
我正在使用一个简化版本的Admin引导主题在一个ASP.NET网络表单项目上。在web窗体项目中，每个页面只能使用1个表单标记。 <Si
浏览 3提问于2014-07-03得票数 0
我使用的是Drupal7.34，Profile2模块，字段组7.x-1.4。📷📷
生成的HTML中也没有任何内容，即没有隐藏的div或其他内容<
浏览 0提问于2014-12-16得票数 1
有没有办法从文档富文本字段中调整xPage生成的HTML？我有一个Q文档，其中的富文本字段内容使用计算文本控件显示在xPage上。除了xPages引擎从富文本字段生成奇怪的HTML外，解决方案运行得很好。当使用标准表单在web上显示页面时，所有使用默认字体和默认大小编写的文本都不包含周围的标记，因此可以使用CSS来设置样
浏览 4提问于2013-02-19得票数 1
我正在尝试调用一个远程方法来通过ajax/js更新页面内容。要么是我太累了，要么是haml没有正确解析以下代码，无法通过prototype发送查询字段的值。有什么想法吗？- form_remote_tag(:url => {:controller => "search", :action => "line"},:with => "'query=' + $('query
浏览 0提问于2010-02-22得票数 2
背景：是否值得将所有样式表信息放在一个样式表中？我认为这将使网站不那么模块化。每次添加/删除新页面或内容时，都必须更新css (给定内容需要不同的样式</em
浏览 8提问于2011-03-04得票数 9
回答已采纳
php $form = ActiveForm::begin(); ?> <?= $form->field($model, 'name')->label('Your Name'); ?> <div class="form<
浏览 3提问于2014-12-15得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
