如何更改TextFormField()小部件的颜色抖动
要更改TextFormField()小部件的颜色抖动，可以通过修改其外观样式来实现。TextFormField()是Flutter中用于创建文本输入字段的小部件之一。
首先，可以使用InputDecoration类来定义TextFormField()的外观样式。InputDecoration类提供了许多属性，可以自定义文本输入字段的外观，包括颜色、边框、边框圆角、填充等。
要更改颜色抖动，可以使用errorBorder属性来定义错误状态下的边框样式。errorBorder属性接受一个OutlineInputBorder对象，可以设置边框的颜色、宽度和圆角。
以下是一个示例代码，演示如何更改TextFormField()小部件的颜色抖动：
TextFormField(
decoration: InputDecoration(
errorBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.red, width: 2.0),
borderRadius: BorderRadius.circular(8.0),
),
),
)在上面的示例中，errorBorder属性被设置为一个红色边框，宽度为2.0，圆角半径为8.0。当TextFormField()处于错误状态时，边框将显示为红色。
此外，还可以使用其他InputDecoration属性来自定义TextFormField()的外观，例如focusedBorder、enabledBorder、disabledBorder等。这些属性可以用于定义不同状态下的边框样式。
需要注意的是，以上示例中没有提及腾讯云相关产品和产品介绍链接地址，因为腾讯云并没有直接与Flutter开发相关的云计算产品。但是，腾讯云提供了丰富的云计算服务，可以用于支持Flutter应用的后端开发、存储、人工智能等方面的需求。具体可以参考腾讯云官方文档以了解更多相关信息。
相关·内容
2回答
我把原色改成了白色。我所有的TextFormField()焦点颜色都变成了白色。如何更改此颜色我尝试更改颜色属性，但根本不起作用 TextFormField(
style: TextStyle(color: Colors.grey),
focusNode: _confirmPasswordFocusNode,
obscureText: true,
decoration: InputDecoration(
fillColor: Colors.black54,
hoverColor: Colors.black54,
focu
浏览 17提问于2020-08-19得票数 0
回答已采纳
下面是我尝试设置TextFormField小部件颜色的代码。我尝试更改容器小部件和卡片小部件的颜色，但无法特别更改TextFormField小部件的颜色。
child: Container(
height: MediaQuery.of(context).size.height,
color: Colors.white,
child: Card(
color: Colors.blue,
child: F
浏览 27提问于2021-05-29得票数 3
我试图为如下代码实现一个用户输入
目前，我所拥有的只是一个包含一行的容器，其中包含4个容器，每个容器包含一个TextFormField。如何实现上述目标？
Padding(
padding: const EdgeInsets.all(8.0),
child: new Form(
child: Container(
color: Colors.blue[100],
height: 100.0,
width: 350.0,
浏览 1提问于2018-08-18得票数 4
回答已采纳
我正在使用DecoratedBox为我的TextFormField添加背景。但是，在对错误情况使用validator之后，DecoratedBox会扩展以容纳错误消息，该错误消息会将背景颜色推到TextFormField的边界之外。有没有办法防止这种情况发生。 ? final lastNameBox = DecoratedBox(
decoration: const BoxDecoration(color: Color(0x2B8E8E93),
borderRadius:BorderRadius.only(
topLeft: const Radi
浏览 8提问于2019-09-16得票数 0
回答已采纳
我有一个TextFormField，它有一个返回字符串的验证器。我想以红色显示验证错误消息，并且可能是其他样式。
如何更改它的颜色？，我可以按主题配置它，以便我可以为我的应用程序中的所有表单配置一次吗？
码
TextFormField(
textCapitalization: TextCapitalization.words,
decoration: InputDecoration(
border: UnderlineInputBorder(),
filled: true,
icon: Icon(Icons.person),
hintText: '
浏览 2提问于2019-12-29得票数 0
我想改变默认颜色的TextFormField图标，这也将得到改变的选择。改变颜色的方法不多，但它们对我没有用。
1.设置图标颜色
当直接改变图标颜色时，图标下面的颜色在选择时不会改变，下面是相同的代码和屏幕截图，当字段被选中或未被选中时显示红色。
TextFormField(
maxLength: 15,
decoration: InputDecoration(
labelText: "USER NAME",
prefixIcon: IconTheme(data: IconThemeData(
浏览 19提问于2020-02-17得票数 2
回答已采纳
1回答
child: Container(
height: context.preferredSize.height,
decoration: BoxDecoration(
shape: BoxShape.rectangle,
color: context.colors.background,
),
child: Row(
children: <Widget>[
Expanded(
浏览 5提问于2021-09-02得票数 0
回答已采纳
我知道如何使用TextFormField改变单个TextStyle中的文本颜色，但我不知道如何使用一个主题在应用程序范围内应用它。
浏览 0提问于2019-04-06得票数 0
回答已采纳
我使用TextFormField作为小部件，在TextFormField中使用TextEditingController作为电话号码，并且在使用flutter_libphonenumber库输入时试图验证一个数字，该库提供了一个用于验证的异步函数。在输入文本时，我试图根据验证状态更改文本的颜色。
当前状态：
text.Implemented 实现了TextFormField，并为它提供了TextEditingController作为一个具有有效的初始TextFormField onFieldSubmitted的控制器，它可以很好地工作在这个控制器的Done按钮上进行验证，并在那里设置_isVa
浏览 3提问于2021-03-15得票数 0
如何更改在文本或TextFormField或..中选择文本时显示的气泡的颜色在颤动中？
是同样的问题，但对于本机代码。
浏览 16提问于2020-02-11得票数 5
回答已采纳
我想知道是否有一种更精确地定制TextFormField的方法。我不想改变整个文本的颜色，但只是其中的一部分。例如，下面是上面提到的TextFormField，我想通过添加红色来突出显示"には“(即大括号之间的内容)。我想避免创建多个TextFormFields来完成这个任务，因为之后组装文本会很混乱，但我不知道是否可能。
警告我不想寻找RichText小部件，因为我想定制一个TextFormField widget或任何带有可编辑文本的Widget。这个widget是在列表中使用的，所以我不想在输入小部件中使用“预览”小部件。
和
我不需要一个完整的RichTextEdit
浏览 0提问于2020-08-02得票数 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
回答已采纳
我正在尝试设置TextFormField的边框样式。我正在通过OutlineInputBorder使用它。默认情况下，它采用几乎为黑色的颜色，而在焦点上采用原色。我试着改变BorderSide的颜色，但不起作用。
我还尝试了在中提到的针对UnderlineInputBorder的变通方法，但没有任何变化。
new TextFormField(
decoration: new InputDecoration(
labelText: "Email",
contentPadding: new EdgeInsets.all(12.0),
浏览 0提问于2018-05-31得票数 1
2回答
例如，TextFormField有一个验证器，可用于验证：
TextFormField(validator: validator ...
然后，在您的表单中，您可以调用表单小部件上的these，使所有具有这些验证器的子级验证：
_formKey.currentState!.validate()
如果验证失败，TextFormField将显示错误文本以及位置和颜色转换。
我有自己的自定义照片小部件，我想让它能够支持同样的验证功能。也就是说，给它一个验证器，将其连接到validate()事件，如果用户没有添加任何照片，验证就会失败，并显示验证器返回的错误文本。但是，我不知道如何在自定义小部件上实
浏览 10提问于2022-10-11得票数 0
我创建了定制的textformfield类，并将其用作小部件。我想得到的文本域颜色，字体大小，对齐等，我有set.How，我能得到这所有的属性，我已经设置为文本字段使用控制器或任何东西？
我的自定义类代码：
class CustomTextNIconWidget extends StatefulWidget {
final Color fontColor;
final GestureTapCallback onSingleTapWidget;
final GestureTapCallback onDoubleTapWidget;
final FontWeight fontW
浏览 0提问于2019-12-31得票数 1
回答已采纳
每当我定义TextFormField的obscureText属性时，后缀图标会自动添加到末尾，但按下它后什么也不会发生。
前缀图标由我定义，但后缀图标是自动添加的。
如何使默认图标具有交互性，以便在不添加我们自己后缀图标的情况下相应地显示或隐藏密码？
TextFormField(
style: TextStyle(color: Colors.black),
obscureText: true,
decoration: InputDecoration(
hintText: "Enter Password",
labelText: "Passwo
浏览 3提问于2021-06-08得票数 0
我正在尝试更改TextFormField的focusColor。 TextFormField(
maxLines: 1,
autofocus: false,
decoration: InputDecoration(
focusColor: Colors.green,
hintText: 'Email',
icon: Icon(Icons.email),
)) 每当TextFormField进入焦点时
浏览 53提问于2020-01-15得票数 2
回答已采纳
我试图改变我的labelText颜色时，重点。我可以改变文字的颜色，但不能当焦点。
我试过所有提示文本颜色和标签文本颜色，但没有任何帮助。
Container(
padding: EdgeInsets.fromLTRB(15, 10, 15, 0),
child: TextFormField(
cursorColor: Colors.lightGreen,
keyboardType: TextInputType.phone,
decoration: InputDecoration(
labelText: 'Phone Number',
浏览 3提问于2019-06-02得票数 50
回答已采纳
我正在试着使一个按钮下面的步进器。问题是，如果我将它包装在一个列或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
如何更改TextFormField下划线错误颜色？当验证器返回null时，文本字段的底层颜色将变红(当主题亮度为暗时)。
TextFormField(
decoration: InputDecoration(
labelText: AppLocalizations.key(context, 'formPassword'),
icon: Icon(Icons.lock
hintText: AppLocalizations.key(context, 'enterYourPassword'),
),
validator:
浏览 3提问于2021-11-24得票数 0
回答已采纳
我想改变按钮的颜色，当用户在文本字段中键入至少一个字符时，也想在文本字段为空时更改颜色 所以我试着标记(Boolean)来实现它 onChanged: (value) {
if (value.length == 0) {
setState(() {
_isTimeFilled = false;
});
} else {
setState(() {
_isTimeFilled = true;
});
}
},
...
_isFilled ? Colors.grey : Colors.gr
浏览 50提问于2020-10-11得票数 0
我试图为我的文本字段构建一个边框，比如：
TextFormField(
style: TextStyle(
color: Colors.black,
fontSize: 16,
),
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'username',
hintStyle: TextStyle(
color: Color(0xFF262AAA),
),
浏览 2提问于2021-04-02得票数 0
回答已采纳
当窗体从屏幕上滚动时，我如何才能保存每个表单字段的状态?当我向上滚动，字段离开屏幕时，TextFormFields中输入的值就会丢失。
我听说过这样的建议:将它保存在控制器中，然后分配给TextFormField的初始值(如代码中所示)，但它对我不起作用。我遗漏了什么？
TextEditingController _controller = new TextEditingController();
@override
Widget build(BuildContext context) {
return new Scaffold(
key: scaffoldKey,
浏览 2提问于2017-11-21得票数 7
如何在flutter中更改TextFormField提示标签的背景颜色？ ?
浏览 55提问于2021-09-04得票数 0
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
我有一个屏幕，它包含一个Form和一个StreamBuilder。当我从StreamBuilder加载初始数据时，TextFormField会按预期显示数据。
当我点击TextFormField内部时，软件键盘就会显示出来，这会导致小部件重新构建。当键盘再次下降时，同样的情况会再次发生。
不幸的是，StreamBuilder再次被订阅，文本框值被替换为初始值。
这是我的代码：
@override
Widget build(BuildContext context) {
return StreamBuilder(
stream: _bloc.inputObservable(),
浏览 0提问于2019-05-26得票数 21
我正在做一张以桌子为孩子的表格。有一个按钮可以添加额外的列，另一个按钮可以添加额外的TextFormField。这些按钮是_MyHomePageState实现的。
因此，设置类似于下面链接中的设置。
当调用addTextFormField方法时，将向List _textFormFields添加一个新的TextFormField。列表_columns将_textFormFields作为子元素。因此，_columns也被改变了。然后通过构建将_columns传递给FormA构造函数。
此时，_columns中有1个列Widget，列Widget中有2个TextFormFields。然而，它只显示
浏览 9提问于2020-04-28得票数 0
回答已采纳
我有一个应用程序，它有很多表单，有很多UI更改。每次我向表单添加一个TextFormField时，我都必须添加这么多代码行：
Widget usernameCodeTextFiled() {
return Padding(
padding: const EdgeInsets.all(8.0),
child: TextFormField(
controller: _usernameTextController,
keyboardType: TextInputType.text,
onChanged: (_) => setState((
浏览 8提问于2022-04-11得票数 0
回答已采纳
似乎有很多方法可以在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
回答已采纳
我需要将两个组合小部件放在一个Row中
组成的小部件名为"boxText“。我需要它两次，每个在边界内有两个Texts和一个TextFormField，类似于：
Stack
Image and others
Form
Row or Flex or Whatever:
+------------------------------+ +------------------------------+
| Text Text TextFormField | | Text Text TextFormField |
+---
浏览 14提问于2017-11-16得票数 10
回答已采纳
我想为TextFormField中的验证器创建的错误行设置不同的颜色，但我不知道如何.
浏览 1提问于2020-04-04得票数 0
回答已采纳
我更改了应用程序的颜色。然而，TextFormField已经变得非常隐蔽。有没有办法修改TextFormField，因为它更好。 谢谢。
浏览 18提问于2020-04-27得票数 0
回答已采纳
我想改变TextFormField的高度和字体的颜色。
TextFormField(
decoration: const InputDecoration(
border: OutlineInputBorder(),
filled: true,
icon: Icon(Icons.person),
hintText: 'Nick Name',
labelT
浏览 4提问于2020-04-24得票数 1
回答已采纳
我正在尝试设计一个自定义的TextFormField，一切都很好，除了我只需要在TextFormField被聚焦时显示一个边框(有人已经点击了它)。
因为我认为这是不可能的，我试图改变边框的颜色，但对我来说，这种颜色只能通过主题的hintColor设置。但是，由于hintColor还会更改正在显示的提示文本的颜色，所以我不能使用它。
final theme = Theme.of(context);
return new Theme(
data: theme.copyWith(primaryColor: Colors.blue),
child: TextFormField(
a
浏览 4提问于2018-08-12得票数 9
回答已采纳
3回答
更改焦点颜色和图标颜色，但不工作
TextFormField(
cursorColor: Colors.red[600],
decoration: const InputDecoration(
border: UnderlineInputBorder(),
filled: false,
iconColor: Colors.red,
focusColor: Colors.red,
i
浏览 12提问于2022-07-05得票数 1
回答已采纳
6回答
如何根据TextFormField的内容激活/禁用按钮？
我想确保用户只能在TextFormField有10个输入号码(如果是移动号码)的情况下才能按按钮X。
谢谢!
浏览 0提问于2018-12-28得票数 10
回答已采纳
我想建立自动完成使用TextFormField，我不知道如何创建TextFormField的OnChanged事件我的要求是将有一些文本的文本字段，如果用户编辑的文本，文本字段应该像自动建议的行为。
浏览 6提问于2018-09-19得票数 2
回答已采纳
我已经在icon中设置了TextFormField的颜色，但是只有当TextFormField聚焦时，颜色才会出现。
如何将其设置为使setState()上的icon保持“聚焦”或着色？
浏览 8提问于2022-06-26得票数 0
回答已采纳
我对颤振有点陌生，只是想问一些关于使用它的开发的问题/澄清。我目前正在建立一个颤振应用程序，并希望改变布局，根据不同的设备和方向。我创建了两个不同的省道文件，分别包含我的登录页面(LoginMobile.dart和LoginTablet.dart的不同应用程序布局)。我还创建了一个单独的dart文件(LoginComponents.dart)来存储登录表单(txtEmail、txtPassword、btnLogin等)的“所有”对象UI/组件。我听说像Widget txtEmail() {return TextformField(...);}这样做是不可取的，因为它会影响应用程序的性能，所以我
浏览 1提问于2020-04-26得票数 2
我有一个TextFormField组件和一个suffixIcon。但是我的一些输入字段是相当多的，因为它们只接受2个或3个字符。如果文本字段太小，我想自动隐藏suffixIcon。这个是可能的吗？
TextFormField(
decoration: InputDecoration(
suffixIcon: IconButton(
icon: Icon(
Icons.clear,
color: ThemeColors.iconColor,
),
onPressed: () {
_controller
浏览 2提问于2020-05-12得票数 0
回答已采纳
如何在下面的文本小工具上更改TextFormField的textScaleFactor？
Text(
'...',
textScaleFactor: 1,
),
浏览 10提问于2019-11-09得票数 0
1回答
我有颤动应用程序，其中包含TextFormField (电子邮件)是有一种方法，以改变验证后的错误信息的位置下，它出现在TextFormField下，所以我希望它出现在TextFormfield本身
浏览 9提问于2020-05-07得票数 0
2回答
颤动小部件在轻击时的可见性
、、、、
我有自定义绘画作为父在所有的小工具。用户可以添加任意数量的小部件，如(文本、文本表单字段、图像、按钮、图标)。父小工具的颜色默认设置为透明，当用户点击时，颜色仅为该小工具设置为白色。在这里，当用户点击任何小部件时，所有小部件的父颜色都会变成白色，但我只想将每次被点击的小部件的颜色设置为白色。
我的代码：
var isSingleTapped=false;
Stack(
children: <Widget>[
Container(
width: 200,
height:200
child: InkWell(
浏览 3提问于2019-12-19得票数 0
ThemeData中iconThemeData的颜色属性不适用于InputDecoration的图标。如何通过ThemeData应用图标颜色？ ThemeData Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
iconTheme: const IconThemeData(color: Colors.white),
inputDecorationTheme: InputDecorationTheme(focusColor: Co
浏览 21提问于2021-04-19得票数 0
3回答
我尝试创建一个简单的表单来验证用户输入数据。
class UserForm extends StatelessWidget {
final _formKey = GlobalKey<FormState>();
final TextEditingController usernameController = TextEditingController();
UserForm({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
浏览 5提问于2021-10-21得票数 0
回答已采纳
我试图在无状态小部件中使用TextFormField，同时使用ScopedModel来处理其中的文本，并面临以下各种问题。
我尝试在字段中使用控制器，但是每次输入一些文本并按下键盘上的操作，文本就会被清除。不知道为什么。
如果我删除控制器，文本保留在字段中，但是在如何从字段中获取文本时会产生新的问题。我使用回调onFieldSubmitted解决了这个问题。
但是事实证明，只有当我们点击键盘上的“完成”按钮时，onFieldSubmitted才会被调用。如果我在字段中输入文本，而不是单击“确定”，单击另一个字段，回调将不会被调用，并且我将无法跟踪用户在字段中输入的内容。
有
浏览 0提问于2018-08-23得票数 18
1回答
我在Qt Designer上工作，我想编辑QScrollBar的背景颜色(如果可能的话，一个渐变)，但我不知道如何正确地完成它。
当我添加任何背景颜色时，整个小部件都会均匀地改变颜色并变为纯色。
我只想改变条形和箭头按钮后面区域的颜色。
浏览 11提问于2020-02-08得票数 0
当突出显示时，我想更改labelText和icon颜色的TextFormField。这是我的密码：
TextFormField(
enabled: enable,
controller: textEditingController,
obscureText: obscureText,
validator: validate,
keyboardType: keyboardType,
decoration: InputDecoration(
浏览 0提问于2019-08-14得票数 1
回答已采纳
当我在安卓工作室运行我的应用程序时，我的屏幕呈现得很好。
但是，当我创建和安装apk或为ios创建一个临时构建时，我的屏幕呈现如下：
当您看到文本字段和它下面的按钮时，它就不会出现。我不明白出了什么问题。你能帮忙吗。
这是屏幕的代码：
var child = Stack(
children: <Widget>[
Column(
mainAxisSize: MainAxisSize.max,
crossAxisAlignment: CrossAxisAlignment.stretch,
浏览 5提问于2020-09-07得票数 0
回答已采纳
当我选择TextFormField输入值时，我想要更改TextFormField的背景色。 默认:焦点上的TextFormField背景颜色为灰色: TextFormField背景颜色为蓝色。 我该怎么办？ const _lowColor = Colors.redAccent; // use your own colors
const _highColor = Colors.yellow;
Color _field1Color = _lowColor;
Focus(
onFocusChange: (hasFocus) {
se
浏览 51提问于2021-06-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
