覆盖文本的Flutter TextFormField指针
Flutter TextFormField是Flutter框架中的一个组件，用于在应用程序中创建文本输入字段。它是Flutter中的一个表单字段，用于接收用户输入的文本。
Flutter TextFormField具有以下特点和优势：
- 灵活性：Flutter TextFormField可以根据应用程序的需求进行自定义，包括文本样式、输入限制、键盘类型等。
- 实时验证：它支持实时验证用户输入的文本，可以根据预定义的规则或自定义的验证器来验证输入的有效性。
- 键盘交互：Flutter TextFormField可以根据需要配置不同类型的键盘，如数字键盘、日期选择器等，以提供更好的用户体验。
- 自动聚焦：它可以自动聚焦到文本字段，使用户可以直接开始输入，提高用户操作的便利性。
- 键盘操作：Flutter TextFormField支持键盘操作，如回车键提交表单、上下箭头切换输入字段等。
Flutter TextFormField的应用场景包括但不限于：
- 用户注册和登录：可以用于输入用户名、密码等敏感信息。
- 表单提交：适用于各种表单输入，如用户信息、地址、支付信息等。
- 搜索功能：可以用于输入搜索关键字，实现搜索功能。
- 聊天界面：用于输入聊天内容，支持实时验证和键盘操作。
腾讯云相关产品中，可以使用腾讯云移动开发套件（https://cloud.tencent.com/product/mss）来构建移动应用程序，其中包含了丰富的移动开发工具和服务，可以帮助开发者快速构建高质量的移动应用。
相关·内容
我想在我的flutter应用程序中使用TextFormField。
文本输入字段与标签一起显示。提示文本不可见。当我选择小部件时，会显示提示文本，同时标签样式也会发生变化。文本会缩小并变为蓝色。
我试着在默认的flutter应用程序中添加代码，这样就很容易重现
TextFormField(装饰: InputDecoration( labelText：“演示标签”，hintText："Foo“)
我可以在哪里改变这种行为？我希望有一个一致的标签，无论小部件是否被选中。
浏览 13提问于2019-08-06得票数 0
我试图根据某些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时，它会触发多次重新生成。视频颤振性能插件：
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
假设我的颤振应用程序中有十个文本字段，所以我必须制作十个文本编辑控制器来控制文本字段，比如从它们中获取文本。但是，我的应用程序中可能会有数百个TextField，那么，我是否必须像下面提到的代码那样，使用100个TextEditingControllers呢？如果没有，那么解决这一问题的最佳方法是什么？
import 'package:flutter/material.dart';
class TestScreen extends StatefulWidget {
@override
_TestScreenState createState() => _Test
浏览 1提问于2020-04-23得票数 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
如何缩小TextFormField以使其仅适合其中的文本及其关联的前缀/后缀图标？ 我正在尝试在我的数字输入旁边显示一个前缀(美元)图标。我希望字段与屏幕的右侧对齐。我的TextFormField在一行中： Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('TITLE'),
Expanded(
TextFormField(
textAlign: TextAlign.end,
de
浏览 27提问于2019-06-27得票数 0
我正在使用flutter构建一个表单，它有一组动态的输入。因此，我永远不能假设表单将有多少个文本字段，因此我不能手动为每个字段分配一个键，以便以后从其控制器检索数据。 如果我实例化一个包含一些TextFormField的Form，我如何才能简单地提取整个表单的键值数组，例如，当按下按钮时？ Form(
key: _formKey,
child: Column(
children: [
TextFormField(),
TextFormField(),
TextFormField(),
]
)
)
浏览 56提问于2020-07-22得票数 1
回答已采纳
我是Flutter的新手，我想在Flutter的TextformField中创建一个图标和文本的下拉列表。就像银行图标和它的名字。请看截图，并建议我任何代码。提前谢谢你。请帮帮忙。
浏览 6提问于2021-05-25得票数 0
我正在做一个Flutter项目，我已经实现了一个带有TextFormField的表单，我们有一些标签非常长的字段，因为它们太长了，Flutter让我们切断文本并添加...最后，是否可以将溢出设置为使标签文本为2行，而不是将文本截断？
TextFormField(
key: GlobalKey(),
controller: _textEditingController,
focusNode: _focusNode,
obscureText: true,
keyboardType: TextInpu
浏览 2提问于2020-02-17得票数 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
我正在编写一款扫描仪应用程序，该应用程序将安装在运行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
我正在实现一个TextFormField，将maxLines属性设置为3。一旦用户开始使用他的第四行，如何使TextFormField向下滚动？目前，在用户手动滚动之前，光标是不可见的。有办法自动做到这一点吗？
这种行为实际上出现在“文本字段”示例中的flutter_gallery应用程序中。只需在“实况故事”输入中键入一个长文本，直到到达第四行。
代码的重要部分实际上如下所示：
import 'package:flutter/material.dart';
class TextFormFieldDemo extends StatelessWidget {
@overri
浏览 3提问于2017-04-11得票数 12
回答已采纳
1回答
我正在使用VS代码在flutter中设置一个TextField小部件，我在TextFormField上得到了这个错误：
No Material widget found.
TextField widgets require a Material widget ancestor.
I/flutter ( 3827): In material design, most widgets are conceptually "printed" on a sheet of material. In Flutter's
I/flutter ( 3827): material libr
浏览 21提问于2020-12-31得票数 0
我有一张有三个容器的卡片。前两个有文本，最后一个应该与一些文本一起保存一个TextFormField。所以我要把这两个人排在一起。唯一的问题是，当我添加TextFormField小部件时，它不会出现，控制台抛出显示一个错误。
══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY
╞═════════════════════════════════════════════════════════
I/flutter (14101): The following assertion was thrown during
perform
浏览 0提问于2018-08-12得票数 49
回答已采纳
当使用提供程序作为状态管理时，我在更新TextFormField中的文本时遇到了问题。
我将我的问题简化为一个抽象的问题(我删除了所有杂乱的代码)，在这里它是如何工作的：
在someValue中有一个AppState
someValue可以通过Form->TextFormField编辑
输入( someValue )时，将AppBar的标题反映为onChange
someValue可以从外部源(在示例中是一个按钮更新它)进行更新。
当someValue从外部源更新时，也必须以文本Form->TextFormField更新
最后一个问题是引起我的问题。考虑
浏览 9提问于2022-07-08得票数 2
我正在创建一个Flutter应用程序，我只想在TextFormField中添加水平填充到labelText，而不是hintText和输入文本。我使用的是contentPadding，但它为TextFormField中的所有内容添加了填充。我试着寻找解决方案，但什么也找不到。
我想在图片中这样做，这样与输入文本相比，labelText在左侧有额外的填充。
浏览 12提问于2021-06-08得票数 0
我有一个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
回答已采纳
我想在底部工作表对话框中更改文本小部件中的值，但我找不到方法 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下弹出。
问题是错误文本在小部件之间造成了太多的空间。
我怎样才能减少空间的数量？
TextFormField buildConformPassFormField() {
return TextFormField(
obscureText: true,
onSaved: (newValue) => conform_password = newValue,
onChanged: (value) {
i
浏览 13提问于2022-05-01得票数 0
我正在使用flutter，我想在TextFormField中动态设置文本(字符串值)，这意味着在按下按钮时设置值。
浏览 1提问于2018-06-20得票数 4
我在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
在Flutter中使用TextFormField并在表单中预先填充文本时，当我点击它的某处以开始编辑文本时，我会将小雨滴指针直接放在文本上： ? 我希望它出现在表单的下面一点。如下所示： ? 代码如下： Container(
height: 40.0,
child: TextFormField(
style: TextStyle(
fontSize: 17,
浏览 7提问于2020-03-24得票数 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
我尝试使用提供者模型中的值来更新TextFormField的initialValue，但initialValue没有更改。 import 'package:flutter/material.dart';
import 'package:new_app/models/button_mode.dart';
import 'package:provider/provider.dart';
class EditWeightTextField extends StatelessWidget {
const EditWeightTextField
浏览 55提问于2021-08-10得票数 1
回答已采纳
IOS上的Flutter应用程序强制关闭，没有任何堆栈跟踪。当您单击obscureText值为true的TextFormField时，应用程序会立即崩溃。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
static const String _title = 'Flutter TextFormField Error';
@override
Widget build(B
浏览 8提问于2020-07-30得票数 1
回答已采纳
我正在尝试迁移到flutter_hooks，但是我不能让一些简单的textformField验证工作。 我有两个文本字段和一个按钮，我想在某些情况下(或者至少当文本字段为空时)显示一个错误。 我的代码：-controllers： final _emailFieldController =
useTextEditingController.fromValue(TextEditingValue.empty);
final _password =
useTextEditingController.fromValue(TextEditingValue.emp
浏览 9提问于2020-10-01得票数 0
回答已采纳
我想为Flutter中的TextFormField创建一个自定义基线。下面给出了我想要做的例子。 ?
浏览 99提问于2021-06-30得票数 1
回答已采纳
我有一个聊天屏幕文本框和一个按钮。我希望用户能够选择由键盘提供的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
我动态生成TextFormFields并单独分配唯一的TextEditingControllers。然后，我只更新当前关注的TextFormField的文本 Column textField(int n) {
List<Widget> listForm = [];
while (n > 0) {
var textEditingController = TextEditingController();
listForm.add(
TextFormField(
controller: textEditingController
浏览 178提问于2021-10-05得票数 2
回答已采纳
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: Colors.white,
body: Container(
child: Column(
children: <Widget>[
Stack(
fit: StackFit.loose,
children: <Wi
浏览 0提问于2020-01-08得票数 2
如果在颤动应用程序中未使用body:Form，则无法提交或保存我的表单数据。 如果使用了body:Form而不是SingleChildScrollView，那么包含12到13个文本项的表单页面或小部件将不可见，包括“上载”或“提交”按钮。 以下是我的代码 body: Form(
key: formKey,
child: Center(
child: Column(
children: <Widget>[
SizedBox(height: 20,), //just for spacing
Column(
浏览 6提问于2020-12-24得票数 0
回答已采纳
我正在将TextFormField用于我的flutter应用程序搜索字段。当我输入一个大于文本格式字段宽度的文本，然后输入文本时，它被裁剪成一半，完全看不见。请找到我的以下代码和附加的图像为更多的了解问题。 TextFormField(
focusNode: focusNode,
controller: textController,
decoration: InputDecoration(
border: InputBorder.none,
icon: Icon(
Icons.search,
浏览 80提问于2020-04-18得票数 1
我尝试从SharedPreferences中设置一个字段值，如下所示：
FutureBuilder<String>(
future: _getUsername(),
initialData: 'Bruh',
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
print(snapshot);
print(snapshot.data
浏览 25提问于2020-02-18得票数 0
回答已采纳
我正在尝试将首次按钮设置为禁用，当用户输入它被启用的金额时，按钮禁用工作正常，但当我在TextFormField中输入金额时，它给出以下错误。 I/flutter (29519): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY
╞═══════════════════════════════════════════════════════════
I/flutter (29519): The following assertion was thrown building
TextFormField(dirty, state: _T
浏览 10提问于2019-01-02得票数 3
回答已采纳
? 我想把那个满是红色背景的盒子移到那个空盒子的位置。 换句话说，我想在TextFormField结束点旁边插入一个容器。 这是可以在Flutter中实现的东西吗？还是没有办法呢？ --更新 实际上，我想在文本的末尾添加一个“发送”图标。正如我发布的照片中所示，我查找的所有示例都是由于行的原因而被放到容器的末尾。由于发送图标的位置会根据文本的长度实时变化，所以这个问题对我来说非常困难。另外，供您参考，这不是文本，而是TextField或TextFormField小部件。
浏览 32提问于2020-12-17得票数 4
2回答
在flutter中的TextFormField中输入数字时，有没有办法做一千个分隔符？这是我的TextFormField child: TextFormField(
decoration: InputDecoration(
border: const OutlineInputBorder()),
keyboardType: TextInputType.number,
),
浏览 21提问于2020-07-10得票数 0
回答已采纳
在Flutter/Dart中，如何在键入TextFormField时禁用所有字母字符？我想只显示数字，当用户在字段中键入。谢谢你。示例:当用户键入: Test2094时，仅显示2094文本。但它不仅仅是显示文本，而且存储的信息应该只是数字。
浏览 18提问于2021-11-18得票数 1
回答已采纳
Material Design中的文本字段有两种设计: 1.填充2.轮廓。但由于某些原因，在flutter中只有一个设计选项，这是-概述。如何为TextFormField添加填充样式。它看起来像这样 ?
浏览 16提问于2021-03-28得票数 1
回答已采纳
我想用Focus(onFocusChange(bool))检测Focus(onFocusChange(bool))，但是当TextFormField处于焦点时，该字段就不会像预期的那样被游标激活。我需要再次按tab键使光标出现在TextFormField上。知道为什么TextFormField不立即在选项卡/下一个上高亮显示吗？
Form(
child: Column(
children: <Widget>[
TextFormField(
textInputAction: TextInputAction.next,
),
浏览 9提问于2021-08-16得票数 0
回答已采纳
我正在构建一个包含备注字段的表单。我希望用户能够点击enter/return并开始一个新的段落。
我能够创建一个将接受和显示大量文本的字段。但我特别希望用户能够创建段落，否则他们的笔记只是一个没有中断的长字符串，使阅读和编辑变得困难。
我提交了一个问题，但被告知我只需要做一些像这样的事情。
这不是我想要的。我正在尝试做一些像这样的事情。
看起来这应该是可能的()。我不知道我错过了什么。
我是为网络构建的，而不是iOS或安卓系统。
main.dart：
import 'package:flutter/material.dart';
void main() => runAp
浏览 2提问于2019-11-13得票数 2
1回答
第一次使用Flutter进行移动项目。如何在输入字段输入时动态更改文本值？
示例文本中显示的默认值为0.00。现在用户键入数字1，然后文本值将立即更改为1。
这是我的显示文本
Consumer<Settings>(
builder: (context, settings, child) => Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: Cr
浏览 18提问于2020-05-17得票数 1
回答已采纳
我在flutter中添加了文本字段，但当我们在现有android应用程序中将其添加为视图时，键盘与文本字段重叠。如果相同的代码作为唯一的Flutter应用程序独立运行，它将会工作。
TextFormField(
focusNode: payTMFocus,
controller: payTMController,
inputFormatters: [
LengthLimitingTextInputFormatter(10),
WhitelistingTextInputFormatter.digitsOnly,
],
浏览 0提问于2019-12-16得票数 0
我正在Flutter中构建一个表单，我已经找到了一些解决方案来解决我正在寻找的东西，但它们感觉不太正确。 我想要做的是给表单字段一个边距，它可以扩展到其中，而不会改变包围小部件的边距所占用的空间。我想这么做的原因是，当显示验证器错误文本时，flutter表单字段的高度会发生变化。 我目前找到的解决方案是使用一个具有指定高度的容器，当显示错误文本时，该高度将足以让TextFormField展开： return Container(
height: 100,
child: TextFormField(
decoration: InputDecoration
浏览 7提问于2021-07-26得票数 0
我想知道是否有任何Flutter小工具可以接受用户输入，并验证和显示为设备的MAC地址格式。
我尝试使用TextFormField，它接受"keyboardType“，但找不到验证器来验证输入是否为MAC地址，并以”XX:XX“格式显示文本。
浏览 15提问于2019-07-27得票数 0
回答已采纳
我使用TextFormField作为小部件，在TextFormField中使用TextEditingController作为电话号码，并且在使用flutter_libphonenumber库输入时试图验证一个数字，该库提供了一个用于验证的异步函数。在输入文本时，我试图根据验证状态更改文本的颜色。
当前状态：
text.Implemented 实现了TextFormField，并为它提供了TextEditingController作为一个具有有效的初始TextFormField onFieldSubmitted的控制器，它可以很好地工作在这个控制器的Done按钮上进行验证，并在那里设置_isVa
浏览 3提问于2021-03-15得票数 0
我有4个textFormField小工具。一旦用户完成了第一个文本字段，我希望自动关注下一个textField。有没有办法在Flutter中做到这一点？任何人请分享，提前感谢:)
浏览 0提问于2021-06-25得票数 2
我正在用颤振驱动程序开发颤振集成测试，并希望使用语义标签来查找小部件(即find.bySemanticsLabel('my-label'))，特别是TextFormFields。但是，除非我在我的showSemanticsDebugger: true,上启用标志MaterialApp，否则通过语义查找小部件是行不通的。有什么方法可以让它在不加语义覆盖的情况下工作吗？
第二个复杂问题是，driver.tap导致flutter_driver过滤出不可移植的小部件，并且出于某种原因，它认为文本输入字段在通过语义标签选择它时是不可移植的。
我使用flutter_gherkin来运行测试
浏览 7提问于2022-03-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
