如何在Flutter中将TextFormField和文本小工具在一行内对齐？
在Flutter中，可以使用Row或者Wrap来将TextFormField和文本小工具在一行内对齐。
- 使用Row： Row是一个水平排列的容器，可以将多个子组件按照水平方向依次排列。可以将TextFormField和文本小工具作为Row的子组件，通过设置mainAxisAlignment属性来控制对齐方式。
- 示例代码：
- 示例代码：
- 在上述示例代码中，mainAxisAlignment属性被设置为MainAxisAlignment.spaceBetween，表示子组件在水平方向上均匀分布，两个子组件之间的间距最大化。
- 使用Wrap： Wrap是一个自动换行的容器，可以将多个子组件按照水平方向依次排列，并在需要换行时自动换行。可以将TextFormField和文本小工具作为Wrap的子组件，通过设置alignment属性来控制对齐方式。
- 示例代码：
- 示例代码：
- 在上述示例代码中，alignment属性被设置为WrapAlignment.spaceBetween，表示子组件在水平方向上均匀分布，两个子组件之间的间距最大化。
以上是在Flutter中将TextFormField和文本小工具在一行内对齐的两种方法。根据实际需求选择合适的方法即可。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse
相关·内容
我有4个textFormField小工具。一旦用户完成了第一个文本字段，我希望自动关注下一个textField。有没有办法在Flutter中做到这一点？任何人请分享，提前感谢:)
浏览 0提问于2021-06-25得票数 2
我想知道是否有任何Flutter小工具可以接受用户输入，并验证和显示为设备的MAC地址格式。
我尝试使用TextFormField，它接受"keyboardType“，但找不到验证器来验证输入是否为MAC地址，并以”XX:XX“格式显示文本。
浏览 15提问于2019-07-27得票数 0
回答已采纳
如何在下面的文本小工具上更改TextFormField的textScaleFactor？
Text(
'...',
textScaleFactor: 1,
),
浏览 10提问于2019-11-09得票数 0
我想在底部工作表对话框中更改文本小部件中的值，但我找不到方法 showBottomDialog(
context: context,
allowBackNavigation: true,
title: "Modifier la photo de profile",
content: 'Contain TextFormField',
actions: [
Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
浏览 42提问于2021-11-07得票数 0
回答已采纳
如何缩小TextFormField以使其仅适合其中的文本及其关联的前缀/后缀图标？ 我正在尝试在我的数字输入旁边显示一个前缀(美元)图标。我希望字段与屏幕的右侧对齐。我的TextFormField在一行中： Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('TITLE'),
Expanded(
TextFormField(
textAlign: TextAlign.end,
de
浏览 27提问于2019-06-27得票数 0
4回答
我正在尝试垂直对齐这些文本小部件，以便它们在两行之间完全居中。但是，flutter会看到文本小工具的大小与文本后面的红色矩形一样大(文本的背景色仅用于说明)，因为有一条下斜线。然而，这会导致文本看起来有点偏离中心。有没有一种方法可以使用基线而不是十进制对齐文本？
浏览 15提问于2021-05-11得票数 1
假设我的颤振应用程序中有十个文本字段，所以我必须制作十个文本编辑控制器来控制文本字段，比如从它们中获取文本。但是，我的应用程序中可能会有数百个TextField，那么，我是否必须像下面提到的代码那样，使用100个TextEditingControllers呢？如果没有，那么解决这一问题的最佳方法是什么？
import 'package:flutter/material.dart';
class TestScreen extends StatefulWidget {
@override
_TestScreenState createState() => _Test
浏览 1提问于2020-04-23得票数 0
回答已采纳
2回答
当我试图将TextField放在我的应用程序中时，我得到了这个错误：
'package:flutter/src/widgets/binding.dart': Failed assertion: line 858 pos 12: '!debugBuildingDirtyElements': is not true.
这是错误的屏幕截图。我甚至尝试使用TextFormField，但我得到了同样的错误：
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
c
浏览 8提问于2022-09-01得票数 1
回答已采纳
所有人。 我在没有自己的TextEditController的情况下使用表单和TextFieldForm。有3个具有初始值的TextFieldForm (Value_1，Value_2，Total)。当我编辑第一个时，Total文本字段应该包含计算结果。为了更新小部件，我使用的是setState。variable _total和Text小工具总是有正确的计算值，但Total文本字段不想更新的问题。 为什么？有没有可能不使用自己的TextEditController？ import 'package:flutter/material.dart';
void main() =&
浏览 35提问于2019-09-23得票数 26
1回答
我正在尝试将textformfield文本与文本字段的后缀对齐，我尝试了一些属性，比如内容填充和填充(只在底部)，但是没有工作。
浏览 5提问于2022-07-26得票数 0
在下图中，标签文本与输入字段数据对齐。如何将标签文本与前缀图标对齐？ ? 下面是我想要的对齐方式！如何使用TEXTFORMFIELD获得它？ ?
浏览 24提问于2021-07-15得票数 0
回答已采纳
我不明白为什么小部件没有放在屏幕的底部，因为我理解“crossAxisAlignment: CrossAxisAlignment.end”一行应该把它放在那里。有人能提供帮助吗？
import 'package:flutter/material.dart';
class AddButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
padding: EdgeIns
浏览 1提问于2019-11-23得票数 0
回答已采纳
我在Flutter设置中有一个TextFormField，如下所示：
new TextFormField (
decoration: new InputDecoration(
labelText: questionString,
labelStyle: new TextStyle(
fontSize: 18.0,
color: new Color(0xFF18776A),
)
),
这将生成以下屏幕截图：
文本在末尾自动剪切，因为太长了。有没有办法调整字体大小以适应屏幕，或者让labelText扩展到两行？
浏览 0提问于2018-07-04得票数 8
2回答
如何将文本添加到flutter web中的图像如何将go上的文本添加到flutter web上的图像？有用于图像编辑的小工具吗？我们如何才能做到这一点？
浏览 78提问于2019-06-24得票数 0
1回答
在我的Kotlin Android应用程序项目中，我有文本和图标的行。文本的图标权利应与末端边缘对齐。
文本中有一个带有权重(200.0f)的修饰符，但是--我不想使用加权()。当我从文本中删除weight()时，如下面所示，图标直接出现在文本之后。我试着把它与CenterEnd对齐--但没有成功。
Row(modifier = Modifier.fillMaxWidth()) {
Text(modifier = Modifier.weight(200.0f)){
//..
}
Icon() {
//
}
}
但
浏览 12提问于2022-02-18得票数 1
回答已采纳
我正在尝试在flutter中为TextFormField添加数字类型输入中的done按钮，但我无法这样做。
TextFormField(
key: Key(keyValue),
initialValue: valueBuilder,
onSaved: (text) {
fieldsController.text = text.trim();
},
inputFormatters: [inputFormatters],
keyboardType: Tex
浏览 179提问于2018-11-28得票数 29
我建立了一个测试颤振性能的示例应用程序。它有一个文本和一个文本字段。当聚焦到textformfield时，它会触发多次重新生成。视频颤振性能插件：
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
late TextEditingController textE
浏览 3提问于2022-07-02得票数 0
2回答
我正在创建一个小工具，并希望有一个在Flutter的文本字符串之间的下拉菜单。我如何实现像Flutter中显示的图像那样的东西？ ? ?
浏览 8提问于2019-04-26得票数 1
回答已采纳
1回答
我在Flutter中有一个简单的行，其中我显示了一个图标，然后是一些填充，然后是一些包装在展开的小部件中的文本。 当展开的文本换行时，第一个图标向下移动到底部，而不是停留在行的顶部？我已经将图标包装在一个Align小工具中，但它似乎不起作用，我在网上找不到任何可以工作的东西？ 在附加的鸡肉和啤酒截图上，图标应该紧挨着"10%“文本，就像文本没有换行时一样(参见另一个Brotzeit屏幕)。 ? ? Row(
crossAxisAlignment:
浏览 17提问于2019-03-13得票数 0
回答已采纳
我有一个带有一些TextFormField的表单，我想将最后一个TextFormField展开以占据屏幕的其余部分。最后一个TextFormField可以有多行文本。
我没能做到这一点，我尝试过SizedBox.expand()和Expanded小部件，但没有成功。
下面是当前的代码：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root
浏览 0提问于2018-10-28得票数 7
1回答
在Flutter中，我有一个带有文本表单字段的表单。
在textFormField中，我有一个验证器：
validator: (val) => val.length == 0 ? 'description' : null,
TextFormField(
decoration: new InputDecoration(
labelText: 'Description',
border: InputBorder.none,
focusedBo
浏览 1提问于2019-08-14得票数 0
我正在构建一个包含备注字段的表单。我希望用户能够点击enter/return并开始一个新的段落。
我能够创建一个将接受和显示大量文本的字段。但我特别希望用户能够创建段落，否则他们的笔记只是一个没有中断的长字符串，使阅读和编辑变得困难。
我提交了一个问题，但被告知我只需要做一些像这样的事情。
这不是我想要的。我正在尝试做一些像这样的事情。
看起来这应该是可能的()。我不知道我错过了什么。
我是为网络构建的，而不是iOS或安卓系统。
main.dart：
import 'package:flutter/material.dart';
void main() => runAp
浏览 2提问于2019-11-13得票数 2
我想在我的flutter应用程序中使用TextFormField。
文本输入字段与标签一起显示。提示文本不可见。当我选择小部件时，会显示提示文本，同时标签样式也会发生变化。文本会缩小并变为蓝色。
我试着在默认的flutter应用程序中添加代码，这样就很容易重现
TextFormField(装饰: InputDecoration( labelText：“演示标签”，hintText："Foo“)
我可以在哪里改变这种行为？我希望有一个一致的标签，无论小部件是否被选中。
浏览 13提问于2019-08-06得票数 0
我想知道是否有可能在Flutter中的普通文本小工具中模糊我的文本。如果是这样，我该怎么做呢？我知道这在TextField中是可能的，但我也想在Flutter中的普通文本小工具中这样做。
浏览 8提问于2020-03-16得票数 1
我正在创建一个Flutter应用程序，我只想在TextFormField中添加水平填充到labelText，而不是hintText和输入文本。我使用的是contentPadding，但它为TextFormField中的所有内容添加了填充。我试着寻找解决方案，但什么也找不到。
我想在图片中这样做，这样与输入文本相比，labelText在左侧有额外的填充。
浏览 12提问于2021-06-08得票数 0
我想在flutter中限制行数和渲染html标签，现在我正在使用文本小工具和限制行数。问题是我在rest full api中得到了html标签，所以我想呈现这些标签。我尝试过flutter html包，但没有限制行数的选项。谢谢 Container(
padding: EdgeInsets.symmetric(horizontal:10.0),
margin: EdgeInsets.only(bottom:10.0),
child: Text(
widget.description,
style:plpDescriptionTextstyle,
maxL
浏览 84提问于2020-06-22得票数 1
回答已采纳
我正在实现一个TextFormField，将maxLines属性设置为3。一旦用户开始使用他的第四行，如何使TextFormField向下滚动？目前，在用户手动滚动之前，光标是不可见的。有办法自动做到这一点吗？
这种行为实际上出现在“文本字段”示例中的flutter_gallery应用程序中。只需在“实况故事”输入中键入一个长文本，直到到达第四行。
代码的重要部分实际上如下所示：
import 'package:flutter/material.dart';
class TextFormFieldDemo extends StatelessWidget {
@overri
浏览 3提问于2017-04-11得票数 12
回答已采纳
1回答
我使用的是一个从屏幕中心开始的小工具。我希望小工具从中心移动到顶部，反之亦然，因为用户拖动小工具。 我用手势检测器和变换小部件包装了我的小部件，当用户拖动时，变换小部件的Y值会发生变化。 当用户拖动时Y位置发生变化时，我正在使用值通知程序。小部件会像预期的那样拖动。 问题是小部件的滚动并不平滑。我试过使用动画控制器，但我不太确定它是否适合这里。 有没有办法在我的小工具上使用滚动动画，让它变得平滑？ 下面是我想要在拖动时翻译的小部件： Transform(
transform: Matrix4.translationValues(0, widget.verticalOffset, 0),
浏览 16提问于2019-06-02得票数 1
回答已采纳
我有一个TextFormField()，它检查用户输入的当前密码是否与他们的旧密码匹配。检查用户输入的密码是否是异步的方法，TextFormField()的验证器函数不能是异步的。我该如何实现呢？
我想在小工具之外设置TextFormFields()的错误，但我不知道该怎么做。我试着使用TextEditingController()和FocusNode()，但都不起作用。我试着用谷歌搜索，但也找不到答案。
谢谢你的帮助！
浏览 7提问于2021-05-12得票数 0
回答已采纳
Material Design中的文本字段有两种设计: 1.填充2.轮廓。但由于某些原因，在flutter中只有一个设计选项，这是-概述。如何为TextFormField添加填充样式。它看起来像这样 ?
浏览 16提问于2021-03-28得票数 1
回答已采纳
如何从flutter web中的文本小工具中选择和复制文本？ 我使用剪贴板，但它不工作。 child: GestureDetector(
onTap: () {
Clipboard.setData(ClipboardData(text: _data.url))
.catchError((e) {
}).whenComplete(() {
浏览 63提问于2019-08-30得票数 3
我试图根据某些TextFormField的焦点状态更改颤振屏幕的布局。
下面的代码有问题：
当我聚焦触发布局更改的文本字段之一时，键盘正在隐藏。
当聚焦另一个文本字段时，我得到一个错误：
The following assertion was thrown building _ScrollableScope:
'package:flutter/src/rendering/editable.dart': Failed assertion: line 590 pos 14:
'_listenerAttached': is not true.
我在这
浏览 2提问于2018-10-10得票数 0
回答已采纳
2回答
在Flutter中，inputDecoration's反文属性不会随着用户在TextFormField中键入内容而更改。是否可以在用户键入时减少反文本？ TextFormField(
keyboardType: TextInputType.number,
decoration: new InputDecoration(
counterText: "9",
hintText: "Enter exact order number",
),
)
浏览 18提问于2018-12-31得票数 2
回答已采纳
TextFormField有一个hintText和一个HelperText，但是我似乎可以找到一种方法来对齐中心的helperText，这是我的代码：
child: Container(
child: TextFormField(
textAlign: TextAlign.center,
style: TextStyle(fontSize: 21),
decoration: InputDecoration(
浏览 0提问于2021-04-30得票数 0
回答已采纳
我有个初学者的问题。我不明白为什么在本例中TextFormField在按下FloatingActionButton时没有被更新。_counter字段在setState中递增。文本小部件按预期更新。
我看到了这种区别:文本是无状态的，TextFormField状态是小部件。
我应该如何在TextFormField中显示正确的值？
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
cons
浏览 8提问于2022-03-28得票数 1
回答已采纳
在Flutter中，如何利用TextFormField小部件来包装它的文本并根据当前文本自动调整高度作为用户类型？
浏览 0提问于2020-02-19得票数 1
我正在尝试迁移到flutter_hooks，但是我不能让一些简单的textformField验证工作。 我有两个文本字段和一个按钮，我想在某些情况下(或者至少当文本字段为空时)显示一个错误。 我的代码：-controllers： final _emailFieldController =
useTextEditingController.fromValue(TextEditingValue.empty);
final _password =
useTextEditingController.fromValue(TextEditingValue.emp
浏览 9提问于2020-10-01得票数 0
回答已采纳
我是Flutter的新手，我想在Flutter的TextformField中创建一个图标和文本的下拉列表。就像银行图标和它的名字。请看截图，并建议我任何代码。提前谢谢你。请帮帮忙。
浏览 6提问于2021-05-25得票数 0
我正在使用flutter构建一个表单，它有一组动态的输入。因此，我永远不能假设表单将有多少个文本字段，因此我不能手动为每个字段分配一个键，以便以后从其控制器检索数据。 如果我实例化一个包含一些TextFormField的Form，我如何才能简单地提取整个表单的键值数组，例如，当按下按钮时？ Form(
key: _formKey,
child: Column(
children: [
TextFormField(),
TextFormField(),
TextFormField(),
]
)
)
浏览 56提问于2020-07-22得票数 1
回答已采纳
我正在做一个Flutter项目，我已经实现了一个带有TextFormField的表单，我们有一些标签非常长的字段，因为它们太长了，Flutter让我们切断文本并添加...最后，是否可以将溢出设置为使标签文本为2行，而不是将文本截断？
TextFormField(
key: GlobalKey(),
controller: _textEditingController,
focusNode: _focusNode,
obscureText: true,
keyboardType: TextInpu
浏览 2提问于2020-02-17得票数 1
我在flutter页面上有以下组件。
TextFormField(
controller: surveyDateController,
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'Survey Date',
),
),
对于上面的控件，我有下
浏览 15提问于2021-06-09得票数 0
我正在编写一款扫描仪应用程序，该应用程序将安装在运行Android的扫描仪上。在应用程序内部，有一个TextFormField等待输入、扫描或粘贴文本，以便进行其他API调用。 但是，我没有为TextFormField找到任何禁用软键盘但仍然可以接受输入文本的选项 下面是我尝试过的扫描仪TextFormField小部件代码。 import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
class BuildScannerBar extends Stateful
浏览 188提问于2021-01-15得票数 0
1回答
如何检查来自TextFormField的文本是否为空？我有以下示例代码：
TextFormField(
controller: firstNameController,
style: TextStyle(color: Color.fromRGBO(136, 136, 136, 1)),
decoration: InputDecoration(
border: UnderlineInputBorder(borderSi
浏览 0提问于2020-05-05得票数 0
3回答
图像垂直对齐问题
、、
我有一个图像，我希望与一些文本垂直对齐。图像没有边框，没有间距，并且已被正确裁剪。然而，它在IE和Firefox中是不同的，我不知道为什么。
IE中的对齐：
FF中的对齐：
注意在FF中，X框是如何与文本的底部齐平的。我使用的HTML是：
<div id="Header">
<a href="#" onclick="return false;">Close</a>
<a href="#" onclick="return false;"&g
浏览 0提问于2009-12-01得票数 2
我有一个聊天屏幕文本框和一个按钮。我希望用户能够选择由键盘提供的gif，然后插入聊天屏幕。
TextFormField不允许用户选择GIF。守则如下：
视频链接是
Error - testapp不支持在这里插入图像。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Ma
浏览 2提问于2020-01-08得票数 8
我正在用Flutter开发一个社交媒体应用。我正在实现注释功能。当我在评论文本字段中使用"@“输入一个单词时，它会从firebase cloud firestore中搜索用户。现在，我想要的是，当我单击用户磁贴时，用户名将以粗体附加到文本字段，而其他文本保持正常。我有办法在TextFormField或TextField中实现这一点吗？
浏览 11提问于2021-06-06得票数 1
1回答
在Flutter中的Container小工具中，对齐属性是如何工作的？我有以下在容器中没有对齐属性的代码。 return GridTile(
child: Column(children: <Widget>[
Image.network(_workoutCategories[index].imageURL),
Container(
color: const Color(0xffe67
浏览 13提问于2019-05-23得票数 8
回答已采纳
我有一个父级垂直线性布局。
在它的4-5左右水平线性布局。在那些活动的左边对齐的一个textView。和一个在活动右侧对齐的微调器。
与之相对应的文本视图和微调工具也是如此。
我正在根据3.5英寸屏幕的手机设置边距。
但它似乎在更大的屏幕上受到干扰。
如何使对齐具有通用性？
浏览 1提问于2014-01-27得票数 0
我是新手flutter，我想将屏幕截图中显示的文本小部件对齐到行的底部，以便它与文本表单域在同一行上。我想把“of”移到这一排的底部。 ? 代码如下： return Row(
children: [
Flexible(
child: TextFormField(
decoration: InputDecoration(labelText: label),
keyboardType: _getKeyboardType(),
validator: (value) => _getFor
浏览 53提问于2021-09-28得票数 1
回答已采纳
我有一个TextFormField，它附带了一个文本更改监听器。但是，即使我单击文本字段，有时甚至单击文本字段外，侦听器函数也会被调用。我使用的是颤振2.5.2版本。
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
void main() {
runApp(MaterialApp(
home: SearchView(),
));
}
class SearchView extend
浏览 2提问于2021-10-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
