如何制作有2个hintText的TextField？
要制作一个有两个hintText的TextField，可以使用Flutter框架提供的TextField组件，并设置两个不同的hintText。
以下是一个示例代码：
TextField(
decoration: InputDecoration(
hintText: 'Hint Text 1',
hintStyle: TextStyle(color: Colors.grey),
contentPadding: EdgeInsets.symmetric(vertical: 10),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5),
),
),
),在上面的代码中，我们使用了TextField组件，并在decoration属性中设置了两个hintText。第一个hintText是'Hint Text 1'，第二个hintText可以通过在TextField外部包裹一个Column组件，并在其中添加一个Text组件来实现。
Column(
children: [
TextField(
decoration: InputDecoration(
hintText: 'Hint Text 1',
hintStyle: TextStyle(color: Colors.grey),
contentPadding: EdgeInsets.symmetric(vertical: 10),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5),
),
),
),
SizedBox(height: 10),
Text(
'Hint Text 2',
style: TextStyle(color: Colors.grey),
),
],
),在上面的代码中，我们使用了Column组件来垂直排列两个组件，TextField和Text。TextField的hintText是'Hint Text 1'，而Text组件显示的是'Hint Text 2'。
这样就实现了一个有两个hintText的TextField。你可以根据需要自定义样式和布局。
相关·内容
2回答
我有图的文本字段的用户界面。 有2个提示文本，其中第一个hintText位于文本字段的开头，另一个位于文本字段的末尾。 ? 可以看出，尾随是在用户输入数字时消失的提示文本。如果你有任何想法，请分享如何制作这种文本字段)
浏览 5提问于2021-03-30得票数 0
回答已采纳
24回答
我正在尝试制作一个包含文本字段和自动对焦设置为true的底部页，这样键盘就会弹出。但是，底部纸是由键盘重叠的。是否有一种方法可以移动键盘上方的底部？( decoration: InputDecoration(hintText: 'Title'), TextField(decoration: InputDecoration(hintText: '
浏览 6提问于2018-12-20得票数 197
回答已采纳
这就是我想要做的：在文本字段()的颤振文档中，它表示您可以通过将null传递给装饰来删除下划线。但是，这也消除了提示文本。
我不希望任何下划线强调文本字段是否有重点。更新：更新了公认的答案，以反映截止2020年4月颤振SDK的变化。
浏览 1提问于2018-03-01得票数 282
回答已采纳
我正在做一个钛合金的应用。XML不同于Net Beans。例如： <Window> <TextField hintText="Password" passwordMask="true"></TextF
浏览 0提问于2013-06-18得票数 2
回答已采纳
我有一个自定义文本字段，但如图所示，底部的文本字段看起来非常模糊和空白，即使字段没有聚焦，我也希望保持提示显示，我如何在flutter中实现这一点？下面是我的小部件代码： margin: EdgeInsets.all(20),
浏览 8提问于2019-09-02得票数 10
回答已采纳
我试图用占位符从它的左边开始制作一个TextField，并且仍然以文本和提示文本为中心。下面是我的代码，用于获取textField左侧的占位符： crossAxisAlignment: CrossAxisAlignment.center,children: [ decoration: InputDecoration(
hi
浏览 25提问于2022-05-17得票数 0
回答已采纳
当我关注文本字段时，我需要知道如何隐藏提示文本。这是我的密码： FocusNode focusMsj;
void initStatefocusMsj.hasFocus) { } }
focusNode: focusMsj
浏览 2提问于2019-12-23得票数 15
回答已采纳
如图所示，错误消息干扰TextField。我正在使用容器，一个父窗口小部件来制作一些UI的东西，但是发生了这种情况。没有验证消息它工作fin我想要错误消息下面的TextField不在里面，请帮助。 ? 如图所示，错误消息干扰TextField。我正在使用容器，一个父窗口小部件来制作一些UI的东西，但是发生了这种情况。没有验证消息，它工作得很好。我想要错误信息下面的TextField不在里面，请帮助。email_validator/em
浏览 14提问于2020-10-02得票数 1
我有一个从用户那里获取数据的表单。目标是将表单数据作为对象传递给Api。表格如下。( hintText: 'Add( hintText: 'Add(
浏览 10提问于2021-09-21得票数 0
4回答
我想实现一个包含TextFields的表单。每个字段都有一个标签/提示。我希望当用户开始键入时，提示变为动画并成为标签。这是一个标准的Material设计模式，所以我希望它由标准的小部件实现。
浏览 0提问于2018-09-25得票数 30
如何将hintText与TextField中的顶部对齐 decoration: InputDecoration( ),
textAlign根本没有影响hintText。
浏览 0提问于2018-09-14得票数 1
嗨，我是新来的颤音，我需要对齐文本字段的水平和垂直，以获得更多的详细说明，请参阅在最上面对齐的文本，它需要位于中间。文本字段是水平和垂直对齐的，这正是我所要寻找的。 decoration: InputDecoration( hintText: "Email or Phone number"
浏览 2提问于2021-01-25得票数 0
回答已采纳
我有一个类似这样的TextField，其中输入文本和提示文本的大小不同。TextField( fontSize: 70.0, hintText: 'Enter a number', hintStyle，
浏览 0提问于2017-11-17得票数 8
我有一个包含Dialog s的TextField，当我点击列表下面的一个字段时，键盘会弹出，导致Dialog调整大小，点击后的TextField不再可见。我希望点击的TextField被滚动以查看。(decoration: InputDecoration(hintText: 'TF 1')),
const TextField(decoration: InputDecoration(h
浏览 10提问于2021-12-21得票数 1
回答已采纳
我正在使用material创建一个带有某些文本区域的对话框。但是，当我输入足够的文本时，对话框就会扩展到屏幕之外，我无法滚动到底部去点击按钮。<div> <TextField hintText="Pitch Nam
浏览 0提问于2017-11-07得票数 0
回答已采纳
我尝试在Container中制作矩形形状的TextField小部件。它不会在容器里显示我的文字。相反，盒子形状出现在TextField之上。这是我的密码： height: 10.0, decoration:Colors.black, ),
浏览 0提问于2018-03-07得票数 20
回答已采纳
我试图从textfield中检索数据，并直接或通过variables....so将其存储在列表中，如何才能实现that...any的想法呢？这不是完整的代码，但我想你有个主意.decoration: InputDecoration( hintTextTitle', )
浏览 11提问于2022-06-01得票数 0
我正在创建一个简单的表单，使用受控的输入进行反应。在组件状态中，我在状态上有两个属性"clientName“和"license”。改变这些效果很好。但是有一个“运输”属性，它是一个对象。例如，如果我更改了"address1"，一旦在handleShippingChange函数中设置了状态，就会得到错误：
警告: TextField正在将文本类型的受控输入更改为不受控制。决定在组件的生存期内使用受控输入元素还是不受控制的输入元素。
浏览 2提问于2017-03-05得票数 15
回答已采纳
我已经创建了配置文件设置页面，在那里我有姓名，电子邮件和电话文本字段。我已经创建了一个textfield类，其中我以控制器、title作为参数。如何通过在单个textfield类中检查电子邮件或电话来创建验证器。这就是我如何在视图类中创建的。: "",下面是我输入的textfield类。Padding(
padding: EdgeInsets.only(bo
浏览 3提问于2022-09-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
