当TextHelp可见时，颤动TextFormField向上移动
是一种用户界面设计技巧，旨在提高用户体验和可用性。它通常在移动应用程序或网页表单中使用，以确保用户在输入文本时能够看到正在编辑的文本字段。
这种技巧的实现方式可以通过使用动画效果来实现，例如将TextFormField向上移动一小段距离，并在用户完成输入后恢复到原始位置。这种动画效果可以吸引用户的注意力，使他们知道当前正在编辑的文本字段，并且不会被键盘遮挡。
这种技巧的优势在于改善用户界面的可用性和易用性。通过将正在编辑的文本字段移动到可见区域，用户可以清楚地看到他们输入的内容，而无需手动滚动页面或调整键盘位置。这可以减少用户的操作步骤，提高用户的工作效率和满意度。
这种技巧适用于各种应用场景，特别是在需要用户频繁输入文本的情况下，例如登录页面、注册页面、搜索页面等。它可以应用于移动应用程序、网页应用程序和桌面应用程序等不同的平台和设备上。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储、人工智能服务等。这些产品可以帮助开发者构建和部署云原生应用程序，并提供稳定可靠的基础设施和服务支持。
以下是腾讯云相关产品和产品介绍链接地址：
- 云服务器（Elastic Compute Cloud，简称CVM）：提供可扩展的虚拟服务器，支持多种操作系统和应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库（TencentDB）：提供高性能、可扩展的数据库服务，包括关系型数据库和非关系型数据库。产品介绍链接：https://cloud.tencent.com/product/cdb
- 云存储（Cloud Object Storage，简称COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能服务（AI）：提供多种人工智能技术和服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接：https://cloud.tencent.com/product/ai
请注意，以上链接仅供参考，具体产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我向PageView添加了两个表单小部件。每个表单都有6个TextFormField。当我在任一表单中点击最后两个TextFormField时，键盘会显示在字段上方，并向用户隐藏它们。
我尝试在PageView中使用SingleChildScrollView，但没有成功。
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomPadding: false,
body: PageView(
children: <Widget>[
浏览 1提问于2019-09-13得票数 1
我正在从codecanyon定制flutter电子商务移动应用程序。我想隐藏密码框。有两种方法可以手动或从google mab获取Pincode框中的值。我想要的值是只从谷歌mab选择。如何隐藏文本框？ setPincode() {
return TextFormField(
keyboardType: TextInputType.number,
controller: pincodeC,
style: Theme.of(context)
.textTheme
.subtitle2
.copyWith(color:
浏览 22提问于2021-11-12得票数 0
当我触摸hello TextFormField()键盘盖住我的红色复选按钮时，我必须向上滚动才能看到按钮的整个形状。 ? ? 有没有办法解决这个问题？
浏览 57提问于2020-10-09得票数 1
我在showDialog中显示列表，并在顶部显示文本表单字段以从列表中进行搜索。每当用户单击Textformfield时，都会显示键盘，但它会将对话框向上推送。从用户体验来看，这看起来并不好。有没有办法在显示键盘时使showDialog保持在同一位置？如果showDialog框太长，键盘应与对话框重叠。 我已经找了很多，但没有找到任何解决方案
浏览 12提问于2021-03-26得票数 0
1回答
我需要创建一个带有装饰的TextFormField - counterText和labelText。我是这样做的：
new TextFormField(
decoration: new InputDecoration(
counterText: "some text",
labelText: header),
);
一切都很好，除了我需要将计数器文本移到左边，但默认情况下，它在右边。如何改变它？我知道有counterStyle参数，但我不知道如何使用它来实现文本向左移动。
浏览 3提问于2018-02-16得票数 2
回答已采纳
我在我的应用程序中遇到了一个奇怪的问题，我有一个注册页面，在ListView中有几个文本表单字段，而ListView是表单的子级。
当我到达ListView中的最后一个表单字段时，我需要向上滚动屏幕才能真正看到我在字段中键入的内容。当我向上滚动时，失去焦点的文本表单字段将丢失输入的文本，并被初始化为null。我不确定我遗漏了什么，或者我必须使用其他方法来确保我保留了TextFormField值。我尝试在每个TextFormField中使用控制器，然后即使我向上滚动，它也会保留该值。但是，对象的属性(例如hostelData.hostelName )只在第一次更新，并且这些变化不会在第二次的对象
浏览 0提问于2017-09-22得票数 4
回答已采纳
首先，最近我开始用dart代码构建桌面应用程序。我刚刚构建了一些屏幕，它们也负责移动和网络，因此使用了LayoutBuilder，但在尝试根据我的高度设置高度时出错，因此我用Container包装了TextformField，并给出了高度。 当我对登录按钮的TextformField onClick进行验证时，TextformField的高度会出现问题。 查看屏幕截图:单击登录按钮之前： ? 当我单击login按钮而没有输入任何值来检查验证时： ? TextformField的一段代码： Widget _buildEmailTextField() {
return Cont
浏览 63提问于2020-09-08得票数 0
我从网络(世界杯比赛)得到了一个JSON，并用它构建了一个ListView。
Widget build(BuildContext context) {
return new Material(
child: _isLoading
? new Center(child: new CircularProgressIndicator())
: new ListView.builder(
itemCount: matches != null ? matches["jogos"].length : 0,
itemBuil
浏览 0提问于2018-06-04得票数 0
我有一个应该可以接收数字的TextFormField。在输入第一个数字时，它应该跳到第二个TextFormField，然后跳到第三个TextFormField。每个TextFormField都有FocusNode属性，我只是不知道如何使用它。我有这个
TextFormField( //First Field
autofocus: true,
focusNode: FocusNode(),
decoration: InputDecoration(
border: OutlineInputBor
浏览 0提问于2018-08-18得票数 6
回答已采纳
如何修复底部的选项卡--当我试图在片段中使用搜索(EditText)时，它会向上移动
我想让标签藏在键盘后面。
浏览 3提问于2016-11-23得票数 0
回答已采纳
1回答
我创建了一个带有几个textformfield的联系人表单。当我使用键盘时，我还想使用键盘顶部的箭头移动到下一个textformfield。我已经实现了TextInputAction.next，所以当单击“返回”时，您将进入下一个textformfield，但我也希望包含箭头来执行相同的向上/向下操作。
下面的图片显示了我想要包含操作的箭头。
这是我当前的textformfield代码：
Widget _createTextField(controller, keyboardType, int maxLength, int maxLines, String hintText, dou
浏览 7提问于2022-08-20得票数 0
我正在尝试使用TextFormField小部件上的expand属性。 我的代码如下所示： body: ListView(
children: <Widget>[
ListTile(
leading: CircleAvatar(
backgroundImage: CachedNetworkImageProvider(
currentUser.photoUrl
)
),
title: Con
浏览 56提问于2020-01-10得票数 0
嘿，我希望标签文本在TextFormField的上边框onFocusedBorder下面，而不是在上边框之间。我怎样才能做到这一点呢？嘿，我希望标签文本在TextFormField的上边框onFocusedBorder下面，而不是在上边框之间。我怎样才能做到这一点呢？ 下面是TextFormFeild的代码 ? 下面是TextFormFeild的代码 Theme(
data: Theme.of(context).copyWith(primaryColor: Colors.black),
child: ClipRRect(
bord
浏览 13提问于2020-07-24得票数 1
2回答
我有一个布局，登录按钮在屏幕的底部，TextFormField的在屏幕的顶部。我有一个问题，当它出现时，我想在键盘上方显示按钮，但我在做这件事上遇到了困难。我想要一个干净的解决方案，而不是一些技巧，但似乎找不到一个。使用floatingActionButton或bottomNavigationBar和使用MediaQuery.of(context).viewInsets.bottom可能是一个解决方案吗?这里是代码和图片。 我有这个屏幕视图： ? 但当键盘出现时，我看不到登录按钮： ? 我想在键盘出现后将按钮放在密码TexFormField的正下方。有没有一种简单的解决方案而
浏览 10提问于2021-09-30得票数 1
回答已采纳
我有一个TextFormField，当用户删除他们输入的文本时，他们目前也可以删除这个初始值。我想让我的用户永远不能删除TextFormField中的初始值，这是他们国家的货币符号。我不想将其更改为hintText，因为我总是希望在用户键入文本时向他们显示货币符号。下面是我的代码： Padding(
padding: EdgeInsets.only(bottom: 40),
child: TextFormField(
inputFormatters: [
FilteringTextInputFormatter.allow(RegExp(
浏览 20提问于2021-04-01得票数 1
1回答
我有一个简单的TextFormField，当用户单击TextField并简单地设置日期和关闭时，我需要显示日期选择器。一切正常，但问题是日期选择器没有关闭，因为当我选择日期时，它会重新打开日期选择器，因为焦点问题。 我的代码 Container(
width: Width * 0.45,
child: FocusScope(
child: Focus(
onFocusChange: (focus) async {
print("focus: $focus");
DateTime sele
浏览 18提问于2021-08-25得票数 0
您好，我想删除错误信息后，我提交了一个表单在TextFormField小部件中的验证器。Ps :我希望在我再次选择TextFormField以再次写入它之后，错误消息消失。 TextFormField(
controller: _emailController,
keyboardType: TextInputType.emailAddress,
textInputAction: TextInputAction.next,
validator:
浏览 28提问于2021-07-09得票数 1
回答已采纳
我不知道发生了什么，但当表单出错时，助手文本消息正在移动TextFormField。我试着增加高度，但修不好。 有人知道发生了什么吗？ 请看下图： ? 遵循以下代码： Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
浏览 32提问于2020-03-24得票数 0
我正在尝试迁移到flutter_hooks，但是我不能让一些简单的textformField验证工作。 我有两个文本字段和一个按钮，我想在某些情况下(或者至少当文本字段为空时)显示一个错误。 我的代码：-controllers： final _emailFieldController =
useTextEditingController.fromValue(TextEditingValue.empty);
final _password =
useTextEditingController.fromValue(TextEditingValue.emp
浏览 9提问于2020-10-01得票数 0
回答已采纳
这是我的代码，我创建了一个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
1回答
当软键盘关闭时，小部件不会构建
、、、、
首先看一下。请注意位于sliver应用程序栏底部右侧的照片图标按钮。它在向上滚动时缩小/淡出，在向下滚动时则相反。但是，请注意，当我打开键盘，然后关闭键盘时，照片图标按钮不会返回。这是因为小部件不会构建，所以计算该按钮的大小、不透明度和位置的代码永远不会运行。我不知道如何在软键盘关闭时触发我的小部件的构建。
视频链接：
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
class TestDetailsScreen extends StatefulWi
浏览 3提问于2021-06-07得票数 0
当键盘在我的iPhone应用程序中向上滑动时，它遮挡了屏幕的很大一部分。如何调整我的视图，使它们不会隐藏在键盘下面？
浏览 1提问于2010-08-25得票数 0
3回答
如何在Flutter中检测TextFormField上的键盘事件？如果用户删除最后一个字母并再次按下delete按钮，则光标应跳回到前一个TextFormField。
我想实现一个pin-enter屏幕，类似于那个。
浏览 2提问于2018-04-27得票数 10
回答已采纳
所以，我一直在寻找一种方法来解决Flutter TextFormField没有显示验证器的错误消息的问题。以下是我的signUp屏幕代码 import 'package:flutter/material.dart';
import 'package:messenger/widgets/widget.dart';
class SignUp extends StatefulWidget {
@override
_SignUpState createState() => _SignUpState();
}
class _SignUpState ex
浏览 10提问于2020-06-29得票数 0
这是一个TextFormField的代码，它被包装在一个SizedBox小部件中以设置TextFormField的高度，但是当验证消息出现在TextFormField下面时，它就会缩小。
Widget _firstNameField() {
return SizedBox(
height: 35,
child: TextFormField(
keyboardType: TextInputType.text,
validator: _validateFirstName,
onFieldSubmitted: (valu
浏览 41提问于2020-02-28得票数 1
2回答
大家好，我是flutter的新手，正在尝试编写我的第一个应用程序，我遇到了Flutter (Dart) RenderFlex溢出像素的问题。 我已经尝试了多种不同的方法来实现这一点，同时仍然使用ListView.Builder，但是，它们都不起作用。完成这项任务的更好方法是什么？ 我的代码在这里，提前感谢您的指导 class Register extends StatefulWidget {
final Function toggleView;
Register({ this.toggleView });
@override
_RegisterState createState() =&
浏览 21提问于2020-04-14得票数 2
回答已采纳
1回答
当TextFormField未处于活动状态时，无法更改默认边框颜色。当TextFormField处于非活动状态时，将显示“深灰边框”颜色。那么，如何改变这一点呢？ ? Theme(
data: new ThemeData(
primaryColor: Colors.red,
primaryColorDark: Colors.black,
),
child: TextFormField(
decoration
浏览 35提问于2019-06-24得票数 31
回答已采纳
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回答
上移布局
、、、
在我的android应用程序中，我想在没有键盘的情况下将整个布局向上移动。例如，单击按钮时，我的整个布局都会向上显示，文件选择器会从底部出现。
我应该使用什么库来实现它？？
浏览 0提问于2016-04-13得票数 0
1回答
我需要有文本字段(可能有按钮)固定在屏幕的底部，当开始编辑时，我希望它(可能是整个视图)与键盘向上移动-就像在本地消息应用程序(或Whatsapp，等等)。有什么建议吗？
浏览 0提问于2011-08-03得票数 0
我有个问题。我创建一个TextFormField。当文本长度如此之长时，我希望textField将显示为下面的图像。帮帮我。谢谢。 ? 这是代码： TextFormField(
controller: nameController,
enabled: false,
textInputAction: TextInputAction.next,
keyboardType: TextInputType.emailAddress,
style: TextUtil.regul
浏览 10提问于2020-06-21得票数 0
3回答
我想按下按钮滚动我的列表视图。我使用两个向上和向下的按钮，当我按向上按钮时，列表视图应该向上移动一行，当我按下按钮时，列表视图应该向下移动一行。
我的列表视图基于链接。我找到了滚动视图的一个很好的例子。现在我的问题是，与滚动视图不同，我需要使用listview，它应该增加/减少一行。对于android来说，任何帮助我解决这个问题的人都是新手。提前谢谢。
浏览 1提问于2013-09-04得票数 5
回答已采纳
我创建了两个表单，并将它们添加到一个PageView中。每个表单有6 TextFormField。当我点击最后2个TextFormField时，键盘会显示在这些字段上并隐藏它们。当我点击每个字段时，我需要的是向上滚动表单以显示这些字段，键盘是可见的。对于这种方法，我尝试在PageView下使用一个PageView，如本例所示，但它不能满足我的需要。我怎么才能解决这个问题？
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomPadding: false,
bod
浏览 2提问于2019-09-12得票数 5
回答已采纳
我正在使用统一画布来设计菜单，但是当键盘出现时，屏幕不会向上移动，当键盘显示为时，是否有方法将屏幕向上移动？
有什么方法可以绕过它，当我点击输入字段时，我可以将整个面板向上移动吗？
浏览 4提问于2016-12-01得票数 3
回答已采纳
我正在使用Umano SlidingUpPanel库()作为我的应用程序，它非常适合。但是，在向上滑动之后，它会移动到页面的 (默认情况下)。有没有办法让顶部的面板在从第一个视图的底部向上滑动后完全消失？
浏览 1提问于2019-01-07得票数 1
回答已采纳
This is the image of issue 当我在一个文本表单字段上设置错误时，它会稍微向上移动或缩小，以便为错误文本腾出空间。 在android原生系统中，这个问题并不存在。 如果有人能帮我，请告诉我 我已经尝试了许多解决方案，比如设置容器高度100，并在其中放置行，设置对齐中心，但没有找到解决方案 final firstName = new TextFormField(
decoration: InputDecoration(
// border: OutlineInputBorder(),
labelText: _APP_F
浏览 27提问于2019-06-10得票数 2
回答已采纳
我有16 x 4的栅格板，就像这样：
有时我想隐藏一些行，并将底部的行向上移动。当我将component visible属性设置为false时，布局不会更新：
但是，行大小类型设置为auto：
当没有显示任何内容时，为什么组件不将行高设置为0？
浏览 6提问于2012-12-12得票数 3
回答已采纳
7回答
我想在滚动一个有焦点的SingleChildScrollView时隐藏键盘。
我在NotificationListener<ScrollNotification>的基础上添加了一个SingleChildScrollView，并监听了ScrollStartNotification。然后我调用FocusScope.of(context).requestFocus(FocusNode())来隐藏键盘。
当TextFormField位于屏幕底部时，问题就会发生。当我点击它时，它就会得到焦点，键盘就会出现，并将SingleChildScrollView向上移动，这会再次触发ScrollSta
浏览 0提问于2019-03-22得票数 23
回答已采纳
我正在使用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的未来构建器：
new FutureBuilder(
future: _controller.load(),
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
String content;
if (snapshot.hasData) {
Map data = _co
浏览 5提问于2018-10-16得票数 1
1回答
我曾经遇到过flutter tooltip问题 下面是我的代码： import 'package:flutter/material.dart';
import 'dart:async';
void main() {
runApp(MaterialApp(
home: MyApp(),
));
}
class MyApp extends StatefulWidget {
@override
_State createState() => _State();
}
class _State extends State<MyA
浏览 18提问于2021-06-15得票数 0
2回答
我想在main.dart中将页面颜色更改为黑色。我还希望我的其他页面的背景颜色为黑色。
然而，第1-3页中的其他组件，如TextFormField边框是黑色的。这将使它呈现无敌，因为背景颜色是黑色。当我的背景颜色是黑色时，我如何能够更改TextFormField边框的颜色？
main.dart
MaterialApp
ThemeData(
scaffoldBackgroundColor: Colors.black,
)
home: Scaffold
body: Page01
Page01.dart Page02.dart Pa
浏览 28提问于2020-05-06得票数 1
我正在使用restApi填充表单。
例如textFormField的代码如下所示：
TextFormField(
initialValue: data.firstName, // this the data pulled from API.
decoration: InputDecoration(
border: new OutlineInputBorder(
borderSide:
new BorderSide(color: Colors.teal)),
hintT
浏览 0提问于2021-03-20得票数 0
一般：在Windows上，当TextBox被聚焦时，软键盘就会被打开.
问题:默认情况下，页面屏幕在打开键盘时向上移动，当用户通过点击屏幕关闭键盘时再次移动先前的位置。
这个问题发生在windows phone和iphone环境中，只有android才是完美的。
要求：页面UI有页眉、正文和页脚。在页面UI中，在页脚上方有一个TextBox。当用户关注这个TextBox时，页面标题将是不可见的。但是当键盘打开时，用户不希望页面标题向上移动。
浏览 3提问于2015-10-12得票数 0
1回答
我让下面的代码在同一行中显示2个ListTiles： Row(
children: <Widget>[
Flexible(
child: ListTile(
leading: Icon(Icons.call),
title: TextFormField(
controller: _phoneNumberController,
浏览 16提问于2020-10-30得票数 1
回答已采纳
1回答
我的问题是，我想为他们的卡片创建一个带有图像的RecyclerView (如果我应该使用CardView或简单的相对布局)。
如果向下滚动，图像将以某种重叠的形式向上移动：
第一张卡片被看到
当y=0上的第二张卡到达屏幕顶部时，它开始缩小，下一张卡开始向上移动(覆盖前一张卡的空间)，当完全显示它向上移动时，直到下一张卡需要移动到前一张。
我知道这个描述很蹩脚，我不知道怎么表现出来。它在某种程度上类似于视差，但我不知道具体如何实现这一点。我是否需要写一个完整的计算卡将如何收缩。
如果是这样的话，我应该把它放在哪里才能在recyclerView中滚动呢？
我是创建自己的Re
浏览 1提问于2015-12-15得票数 0
1回答
有没有办法在颤振中移除FaIcon上方和下面的额外空间？
有一个带有TextFormField的Row和一个带有美元标志和caretDown图标的列。
我想要的是将图标向上移动，这样图标就在美元符号下面，但它显示了一些奇怪的垂直填充，我不知道如何删除。
有人有同样的问题吗？
浏览 2提问于2022-02-22得票数 0
当窗体从屏幕上滚动时，我如何才能保存每个表单字段的状态?当我向上滚动，字段离开屏幕时，TextFormFields中输入的值就会丢失。
我听说过这样的建议:将它保存在控制器中，然后分配给TextFormField的初始值(如代码中所示)，但它对我不起作用。我遗漏了什么？
TextEditingController _controller = new TextEditingController();
@override
Widget build(BuildContext context) {
return new Scaffold(
key: scaffoldKey,
浏览 2提问于2017-11-21得票数 7
我在我的应用程序中有一个简单的对话框来创建用户配置文件。它有一个可以更改的图像和一个用于输入名称的TextFormField。但当我点击TextFormField时，它会重新构建对话框并重置图像变量。我该如何解决这个问题呢？
下面是基本代码(我也得到了这个代码的问题)：
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:flutter/painting.dart';
import '
浏览 1提问于2019-09-09得票数 0
2回答
我正在开发一个关于flutter的应用程序，我对ElevatedButton的位置有一个问题。当验证器在TextFormField下方返回错误消息时，小部件会向下展开，add按钮的位置也会发生变化。我想保持添加按钮固定在相同的位置作为应用程序的开始
我的代码：
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Lista de Compras"),
backgroundColor: Colors.green,
ce
浏览 1提问于2021-05-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
