Flutter，TextFormField最后一个字母旁边的小部件
Flutter中，TextFormField最后一个字母旁边的小部件是"suffixIcon"。
"suffixIcon"是一个小部件，它可以在TextFormField的输入框中显示在文本输入框的最后一个字母旁边。通常，它用于在输入框中显示一个图标或其他交互元素，以提供额外的功能或反馈。
使用"suffixIcon"小部件，可以为TextFormField添加一些额外的功能，例如清除输入内容的按钮、密码可见/隐藏切换按钮等。这样，用户可以方便地进行相关操作，提高用户体验。
以下是一个示例代码，演示如何在Flutter中使用TextFormField的"suffixIcon"小部件：
TextFormField(
decoration: InputDecoration(
labelText: 'Password',
suffixIcon: IconButton(
icon: Icon(Icons.visibility),
onPressed: () {
// 在这里添加按钮点击事件的处理逻辑
},
),
),
obscureText: true,
)在上述示例中，我们创建了一个带有"Password"标签的TextFormField，并在输入框的最后一个字母旁边添加了一个可见性图标。当用户点击该图标时，可以切换密码的可见性。
推荐的腾讯云相关产品：腾讯云移动应用分析（MTA），该产品提供了移动应用数据分析和用户行为分析的能力，可以帮助开发者深入了解用户行为和应用性能，优化应用体验。产品介绍链接地址：https://cloud.tencent.com/product/mta
相关·内容
? 我想把那个满是红色背景的盒子移到那个空盒子的位置。 换句话说，我想在TextFormField结束点旁边插入一个容器。 这是可以在Flutter中实现的东西吗？还是没有办法呢？ --更新 实际上，我想在文本的末尾添加一个“发送”图标。正如我发布的照片中所示，我查找的所有示例都是由于行的原因而被放到容器的末尾。由于发送图标的位置会根据文本的长度实时变化，所以这个问题对我来说非常困难。另外，供您参考，这不是文本，而是TextField或TextFormField小部件。
浏览 32提问于2020-12-17得票数 4
我想在行中将TextFormFields对齐，其中一个配置了maxLength。同样的行为发生在移动和网络上。
Row(
children: [
Expanded(
child: TextFormField(
maxLength: characterLimit,
),
),
Expanded(
child: TextFormField(),
),
]
)
可以理解的是，maxLength膨胀了TextFormField底部的空间。由于不对齐，它出现在没有TextFormField的maxLength旁边
浏览 8提问于2021-08-11得票数 1
回答已采纳
我正在试着使一个按钮下面的步进器。问题是，如果我将它包装在一个列或ListView中，在Stepper中滚动不起作用。我试着用NestedScrollView来包装它们，滚动是有效的，但问题是上面的按钮张贴在Stepper上面。代码中有两个_MyHomePageState示例，第一个使用ListView，第二个使用NestedView，这两个示例都不适用于我。如何实现带有Button的Stepper？ 这就是我想要的enter image description here import 'package:flutter/material.dart';
void main()
浏览 17提问于2019-02-19得票数 0
2回答
我不能让CustomScrollView正常工作。
在颤振2.13.0-0.2.pre之前，在TextFields内点击CustomScrollView会自动调整键盘上方的TextField。
在将我的颤音版本降级为2.11.0-0.1.pre并在Android version 11上运行应用程序时，滚动视图按预期工作--即使不通过添加resizeToAvoidBottomInset: false来调整Scaffold小部件--当用户点击TextField时，键盘就会出来，用户可以按原样滚动到底部。
然而，在升级到Flacter3.0.0之后，情况发生了变化。当我点击一个TextField，键
浏览 47提问于2022-05-23得票数 2
回答已采纳
我想用Focus(onFocusChange(bool))检测Focus(onFocusChange(bool))，但是当TextFormField处于焦点时，该字段就不会像预期的那样被游标激活。我需要再次按tab键使光标出现在TextFormField上。知道为什么TextFormField不立即在选项卡/下一个上高亮显示吗？
Form(
child: Column(
children: <Widget>[
TextFormField(
textInputAction: TextInputAction.next,
),
浏览 9提问于2021-08-16得票数 0
回答已采纳
我想测试一些小部件的属性，但我找不到一种简单的方法。
下面是一个带有密码字段的简单示例，如何检查obscureText是否设置为true？
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
const darkBlue = Color.fromARGB(255, 18, 32, 47);
Future<void> main() async {
testWidgets('Wheelio logo appear
浏览 14提问于2020-02-21得票数 3
似乎有很多方法可以在Flutter中构建Widget。理解正确的方法有点压倒性。有人能给我解释一下在build函数内部和外部定义变量的区别吗？ 类内 class Login extends StatelessWidget {
TextFormField username() {
return TextFormField();
}
@override
Widget build(BuildContext context) {
return Scaffold();
}
} 内部构建函数 class Login extends StatelessWidget {
@ov
浏览 14提问于2020-08-13得票数 0
回答已采纳
如果我启用并聚焦先前禁用的TextFormField，则看不到闪烁的光标。在本例中，TextFormField最初是禁用的，正如_enabled状态变量所指示的那样，当您单击enable按钮时，该字段将被启用并聚焦，但闪烁的光标不可见。我必须单击TextFormField才能看到闪烁的光标。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root o
浏览 24提问于2020-02-10得票数 2
回答已采纳
我正在尝试将首次按钮设置为禁用，当用户输入它被启用的金额时，按钮禁用工作正常，但当我在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
回答已采纳
我有一个聊天屏幕文本框和一个按钮。我希望用户能够选择由键盘提供的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中创建为两个不同的dart文件。现在，我必须在第二个小部件中访问在第一个小部件中创建的对象的实例，但我不太确定在创建小部件时如何在flutter中做到这一点。
我想到的一种可能的解决方案是在一个dart文件中声明两个小部件，而不是在两个布局中声明两个dart文件，但我很好奇是否可以通过在两个单独的dart文件中声明来实现这一点。
我已经发布了这些文件，只是为了重新创建问题。
main.dart
import 'package:flutter/material.dart';
import 'package:un
浏览 1提问于2017-10-03得票数 51
回答已采纳
我正在实现一个TextFormField，将maxLines属性设置为3。一旦用户开始使用他的第四行，如何使TextFormField向下滚动？目前，在用户手动滚动之前，光标是不可见的。有办法自动做到这一点吗？
这种行为实际上出现在“文本字段”示例中的flutter_gallery应用程序中。只需在“实况故事”输入中键入一个长文本，直到到达第四行。
代码的重要部分实际上如下所示：
import 'package:flutter/material.dart';
class TextFormFieldDemo extends StatelessWidget {
@overri
浏览 3提问于2017-04-11得票数 12
回答已采纳
我想在我的flutter应用程序中使用TextFormField。
文本输入字段与标签一起显示。提示文本不可见。当我选择小部件时，会显示提示文本，同时标签样式也会发生变化。文本会缩小并变为蓝色。
我试着在默认的flutter应用程序中添加代码，这样就很容易重现
TextFormField(装饰: InputDecoration( labelText：“演示标签”，hintText："Foo“)
我可以在哪里改变这种行为？我希望有一个一致的标签，无论小部件是否被选中。
浏览 13提问于2019-08-06得票数 0
如何缩小TextFormField以使其仅适合其中的文本及其关联的前缀/后缀图标？ 我正在尝试在我的数字输入旁边显示一个前缀(美元)图标。我希望字段与屏幕的右侧对齐。我的TextFormField在一行中： Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('TITLE'),
Expanded(
TextFormField(
textAlign: TextAlign.end,
de
浏览 27提问于2019-06-27得票数 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
我想在启用了multiline的TextFormField上设置最小高度，它应该只在换行符超过当前高度时才会扩展。一旦到达maxHeight，默认情况下，TextFormField会自动变为可滚动。这与我们在带有Messaging compose TextFields的应用程序上看到的类似。 然而，在我的例子中，包装它的ConstrainedBox似乎没有设置我配置的minHeight。默认情况下，ConstrainedBox使用maxHeight。 你知道我配置错了什么吗？ SingleChildScrollView(
child: Column(
mainAxisAlignm
浏览 48提问于2021-08-08得票数 0
回答已采纳
3回答
这是我的代码
SafeArea(
child: Scaffold(
body: Container(
child: Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[],
),
Row(
mainAxisAlignment: MainAxisAlig
浏览 0提问于2020-05-16得票数 0
1回答
我正在flutter中创建一个表单，用于捕获数据。捕获表单的一个区域应该能够捕获多个条目。如何使用按钮添加更多字段，以便用户可以输入多个条目。这是表格的一部分 _Details() {
return Column(
children: <Widget>[
Container(
alignment: Alignment.center,
width: double.infinity,
color: Theme.of(context).accentColor,
pad
浏览 48提问于2021-04-23得票数 1
我正在使用Bloc库，并注意到在生成一个新的状态后，我的TextFormField initialValue不会改变。
我的应用程序比这个更复杂，但我做了一个很小的例子。此外，跟踪它正在改变的状态后，推送事件。
集团应该重建整个小部件的权利。我是不是遗漏了什么？
import 'package:flutter/material.dart';
import 'package:bloc/bloc.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'dart:devel
浏览 5提问于2020-08-11得票数 8
回答已采纳
我使用的是新的dart版本<2.18.1>，启用了空安全。
这是我的密码
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:untitled3/product.dart';
import 'package:untitled3/product_db_helper.dart';
class ProductScreen extends StatefulWidget
浏览 3提问于2022-10-20得票数 0
回答已采纳
错误:flutter/lib/ui/ui_dart_state.cc(157)未处理的异常: NoSuchMethodError:在null上调用了'validate‘方法。E/flutter ( 6538)：接收器:空E/flutter ( 6538)：已尝试调用:验证() E/flutter ( 6538)：#0 Object.noSuchMethod (dart:核心补丁/对象_补丁.dart:53:5) E/flutter ( 6538)：#1 _RegisterState.build。(package:firebasestarter/screens/authenticate
浏览 18提问于2020-07-09得票数 1
回答已采纳
这是我的代码，我创建了一个ExpansionTile，它有一个子TextFormField。
import 'package:flutter/material.dart';
class OrderCreatePage extends StatefulWidget {
@override
_OrderCreatePageState createState() => _OrderCreatePageState();
}
class _OrderCreatePageState extends State<OrderCreatePage> {
Stri
浏览 4提问于2018-11-29得票数 3
3回答
如何获得Flutter中组件的主题，如TextFormField，如何获得他的默认decoration的样式
我尝试了以下方法，但获得的主题属性是null
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Test',
theme: ThemeData(primarySwatch: Colors.blue),
home: TestPage(),
浏览 4提问于2020-06-30得票数 2
通常，我可以禁用/灰显一个按钮，直到TextFormField在flutter中满足某些参数，如下所示： TextFormField(
controller: _controller
value: (value)
)
SubmitButton(
onPressed: _controller.text.isNotEmpty ? _submit : null;
) 但是当被编译为网站时，Button似乎不再意识到控制器的值了…… 我尝试过几种不同的定位方式，例如_controller.value.text.isEmpty和_controller.text.isEmpty…… 我猜我遗漏了一些东
浏览 25提问于2020-02-02得票数 1
回答已采纳
正如您所知道的，这是一个基本要求:用户在自动完成字段中输入条目(通过输入新值或从下拉列表中选择现有值)，然后按“提交”按钮或“删除”按钮(例如，更新数据库)；TextFormField中的旧条目应自动清除，以便下一条目。 如何在Flutter中以一种简单的编程方式(例如，像Autocomplete.TextFormField.clear )来实现这一点？ 我尝试了几种方法，但无法从外部函数访问/修改TextEditingController。 提前感谢您的任何建议，请！
浏览 17提问于2021-09-19得票数 0
回答已采纳
我有TextFormField和一个有文字的容器.
如果textformfield是空的，容器的文本应该是‘输入某物’，如果textformfield不是空的，容器的文本应该是‘on’on on。
实际上我想粘贴图片的url，在done..image上应该显示在container..this中，这是我以后要做的
这是我的密码
Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Container(
width: 100,
浏览 11提问于2022-07-27得票数 0
在Flutter中，如何利用TextFormField小部件来包装它的文本并根据当前文本自动调整高度作为用户类型？
浏览 0提问于2020-02-19得票数 1
我有一张有三个容器的卡片。前两个有文本，最后一个应该与一些文本一起保存一个TextFormField。所以我要把这两个人排在一起。唯一的问题是，当我添加TextFormField小部件时，它不会出现，控制台抛出显示一个错误。
══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY
╞═════════════════════════════════════════════════════════
I/flutter (14101): The following assertion was thrown during
perform
浏览 0提问于2018-08-12得票数 49
回答已采纳
我对flutter和dart是个新手，对继承有点陌生。在创建了几个表单之后，事情变得多余了，因为我们在所有文本字段上使用了轮廓边框，如下所示： TextFormField(
decoration: InputDecoration(
labelText: 'Email',
hintText: 'Your corporate email address',
border: OutlineInputBorder()
),
) 我想要创建的是一个OutlinedTextFormField，我可以简单地将其
浏览 8提问于2020-01-16得票数 4
当按下此TextFormField时，它不会获得焦点。以下是包含TextFormField的小部件的代码
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:cyphlyfe/profile/notifiers/profileNotifier.dart';
class Bio extends StatelessWidget {
@override
Widget build(BuildContext
浏览 0提问于2020-04-10得票数 0
我希望验证两个TextFormFields内的值是否匹配。
我可以单独验证。
但是，如何通过比较来捕获这两个值以进行验证呢？
import 'package:flutter/material.dart';
class RegisterForm extends StatefulWidget {
@override
_RegisterFormState createState() => _RegisterFormState();
}
class _RegisterFormState extends State<RegisterForm> {
fi
浏览 1提问于2020-10-15得票数 2
回答已采纳
1回答
每当我尝试进行注册并点击注册按钮时，我就会遇到这种类型的问题，即对空值使用null检查运算符。我收到以下错误消息 手势═捕获到═异常 处理手势时引发了以下_CastError :对空值使用的空检查运算符 当抛出异常时，这是堆栈 #0 _AuthorizationState.build。package:gr_space/screens/profile_screen.dart:244 #1 _InkResponseState._handleTap包:flutter/…/material/ink_well.dart.dart:989 #2 GestureRecognizer.invokeCallb
浏览 13提问于2021-07-16得票数 1
回答已采纳
2回答
我正在寻找停止点击/单击事件的最佳方式，以便将传播到视图层次结构中。假设我们有一个简单的场景，其中一个TextField装饰着一个'X‘明文按钮。
当我单击"X“按钮时，单击事件将被传播到TextField的onPressed()。
final _textEditingController = TextEditingController(text: "");
@override
Widget build(BuildContext context) {
return TextFormField(
controller: _textEditingCon
浏览 0提问于2019-09-16得票数 9
我正在Flutter中构建一个表单，我已经找到了一些解决方案来解决我正在寻找的东西，但它们感觉不太正确。 我想要做的是给表单字段一个边距，它可以扩展到其中，而不会改变包围小部件的边距所占用的空间。我想这么做的原因是，当显示验证器错误文本时，flutter表单字段的高度会发生变化。 我目前找到的解决方案是使用一个具有指定高度的容器，当显示错误文本时，该高度将足以让TextFormField展开： return Container(
height: 100,
child: TextFormField(
decoration: InputDecoration
浏览 7提问于2021-07-26得票数 0
在这个问题上，参数类型'Function‘不能分配给参数类型'void (String？)？’。
该问题的黑体，onSave和验证器，任何帮助将不胜感激。
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'custom_text.dart';
class CustomTextFormField extends StatelessWidget {
final String text;
浏览 5提问于2021-10-07得票数 0
回答已采纳
1回答
我一直试图找出如何动画一个材料卡的登录页面。第一页将有一个带有电子邮件和密码字段的卡片。第二页还将有一张卡片，上面有姓名、国家、城市和地址字段。我想展示一些不错的动画之间的两个，显示卡扩展。这两张卡目前都被包装在英雄中，但是当我从第一页导航到第二页时，就会出现溢出异常。但经过一段短时间后，异常会消失，没有黄色和黑色的条子。
我的问题是，我如何在没有异常(视觉上的黄色和黑色的条形)出现的情况下激活卡片？
我还试着把英雄放在一个装着材料卡的容器里。以及包含容器的SingleChildScrollView周围。以及包含SingleChildScrollView的中心周围。这些工作中没有一项是不溢出的
浏览 0提问于2019-01-16得票数 2
3回答
如何在Flutter中检测TextFormField上的键盘事件？如果用户删除最后一个字母并再次按下delete按钮，则光标应跳回到前一个TextFormField。
我想实现一个pin-enter屏幕，类似于那个。
浏览 2提问于2018-04-27得票数 10
回答已采纳
3回答
我正在测试一个flutter应用程序。我要运行集成测试，就像Espresso和Selenium允许UI测试一样，根据我的阅读，我了解到测试Flutter UI将需要建立集成模型。在Selenium findById和Espresso中，我们可以使用，R.id.unique_element_id。
我试着用唯一的id来引用Flutter中的小部件，但是我不明白。对这样的表单进行任何简单的测试
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Text(
浏览 2提问于2018-05-23得票数 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
7回答
我试图构建一个页面，用户可以在其中添加和删除列表中的元素。我在为一个问题而挣扎。当我删除一个元素时，当UI被更新时，模型会被正确地更新，但方法是错误的:只删除列表的最后一个元素。
我用的是颤振1.5.4。
我已经为列表使用了更简单的元素，并且我尝试用这个页面构建一个新的项目来消除所有可能的问题，但是它仍然不能正常工作。
我也尝试使用一个列而不是一个列表，但是结果总是一样的。
main.dart：
import 'package:flutter/material.dart';
import './widget.dart';
void main() => r
浏览 2提问于2019-05-23得票数 11
回答已采纳
我是Flutter的新手，我想在Flutter的TextformField中创建一个图标和文本的下拉列表。就像银行图标和它的名字。请看截图，并建议我任何代码。提前谢谢你。请帮帮忙。
浏览 6提问于2021-05-25得票数 0
我是flutter的新手，我想使用BLoc实现一个简单的登录屏幕。没有生成错误，但在运行时收到以下错误 “使用不包含LoginBloc类型的块的上下文调用blocprovider.of()” 我的代码 class LoginForm extends StatefulWidget {
@override
State<LoginForm> createState() => _LoginFormState();
}
class _LoginFormState extends State<LoginForm> {
final _usernameCont
浏览 4提问于2020-06-26得票数 2
回答已采纳
2回答
在Flutter中，inputDecoration's反文属性不会随着用户在TextFormField中键入内容而更改。是否可以在用户键入时减少反文本？ TextFormField(
keyboardType: TextInputType.number,
decoration: new InputDecoration(
counterText: "9",
hintText: "Enter exact order number",
),
)
浏览 18提问于2018-12-31得票数 2
回答已采纳
1回答
颤振的制表符顺序
、、、
在我的Windows上(界面看起来如下： )
当我专注于输入-1，并按键盘上的Tab键时，主要焦点将集中在输入-3。有没有办法重新安排我的焦点顺序:输入-1 ->输入-2 ->输入-3 ->输入-4 ->输入-5。
注意:这不是flutter文档示例中的Tab bar/tab控制器。
这是我的密码：
3个文件位于同一个根目录中。
main.dart
import 'package:flutter/material.dart';
import 'tab1.dart';
import 'tab2.dart';
void ma
浏览 5提问于2021-07-20得票数 5
回答已采纳
在点击我在TextFormField中公开的后，我遇到了android模拟器键盘消失的问题。
以下是错误：
Unhandled Exception: 'package:flutter/src/animation/animation_controller.dart': Failed assertion: line 454 pos 7: '_ticker != null': AnimationController.forward() called after AnimationController.dispose()
package:flutter/…/animat
浏览 15提问于2022-03-14得票数 0
我已经创建了一个动态登录页面。我使用SingleChildScrollView使此页面可滚动。我已经使用表单验证来验证用户名和密码文本表单字段。问题是当错误消息显示在TextFormField下面时，登录按钮就会向下移动。
我还使用了ListView来启用滚动，但是就移位而言，这种行为是一样的。
我是新来的，在这方面寻求帮助。我提供了下面的代码和截图。
谢谢。
截图
登录页
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import &#
浏览 2提问于2019-09-21得票数 3
2回答
无法在颤振测试中输入文本
、、、
我一直在尝试测试一个元素，当按下IconButton时，文本对象会更改为TextFormField。当我尝试测试它时，我会得到以下错误：
A Timer is still pending even after the widget tree was disposed.
'package:flutter_test/src/binding.dart': Failed assertion: line 672 pos 7:
'_fakeAsync.nonPeriodicTimerCount == 0'
尽管小部件没有使用我所知道的任何计时器？
示例代码：
await t
浏览 0提问于2018-04-26得票数 8
回答已采纳
我正在使用flutter，我想在TextFormField中动态设置文本(字符串值)，这意味着在按下按钮时设置值。
浏览 1提问于2018-06-20得票数 4
我使用TextFormField作为小部件，在TextFormField中使用TextEditingController作为电话号码，并且在使用flutter_libphonenumber库输入时试图验证一个数字，该库提供了一个用于验证的异步函数。在输入文本时，我试图根据验证状态更改文本的颜色。
当前状态：
text.Implemented 实现了TextFormField，并为它提供了TextEditingController作为一个具有有效的初始TextFormField onFieldSubmitted的控制器，它可以很好地工作在这个控制器的Done按钮上进行验证，并在那里设置_isVa
浏览 3提问于2021-03-15得票数 0
我已经创建了我的自定义Widget，它使用像TextField这样的控制器。
Widget textField({...}) {
TextEditingController controller = TextEditingController();
return TextFormField(controller: controller, ...);
}
主页像这样使用这个小部件。
import 'package:flutter/material.dart';
class mainPage extends StatefulWidget {
const mainPa
浏览 1提问于2022-06-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
