TextFormField是Flutter中的一个小部件,用于创建一个带有文本输入的表单字段。要设置带前缀的TextFormField的宽度大小以匹配正常的TextFormField,可以使用Container小部件来包装TextFormField,并设置Container的宽度。
以下是一个示例代码:
Container(
width: double.infinity, // 设置Container的宽度为屏幕宽度
child: Row(
children: [
Container(
width: 50, // 设置前缀的宽度
child: Text('前缀'),
),
Expanded(
child: TextFormField(
decoration: InputDecoration(
hintText: '请输入文本',
),
),
),
],
),
)
在上面的代码中,我们使用Container来包装TextFormField,并设置Container的宽度为屏幕宽度(double.infinity
)。然后,我们使用Row小部件创建一个水平布局,其中包含一个带有前缀的Container和一个使用Expanded小部件包装的TextFormField。通过设置前缀的Container的宽度,我们可以控制前缀的大小,而使用Expanded小部件可以使TextFormField占据剩余的空间。
这样,带前缀的TextFormField的宽度就可以与正常的TextFormField匹配了。
关于Flutter的更多信息,您可以参考腾讯云的Flutter开发文档:Flutter开发文档
领取专属 10元无门槛券
手把手带您无忧上云