flutter根据内容显TextField示宽度
可以使用Flexible或Expanded组件来包裹TextField,并设置flex属性来实现根据内容自适应宽度。
示例代码:
Flexible(
flex: 1,
child: TextField(
decoration: InputDecoration(
hintText: '请输入内容',
border: OutlineInputBorder(),
),
),
)
在上面的代码中,flex: 1表示TextField所占据的比例,可以根据实际情况进行调整。如果有多个TextField需要自适应宽度,可以设置不同的flex值来实现不同的比例分配。
另外,如果需要TextField的宽度不超过一定的限制,可以使用ConstrainedBox组件来限制宽度,例如:
ConstrainedBox(
constraints: BoxConstraints(maxWidth: 200),
child: Flexible(
flex: 1,
child: TextField(
decoration: InputDecoration(
hintText: '请输入内容',
border: OutlineInputBorder(),
),
),
),
)
在上面的代码中,ConstrainedBox限制了TextField的最大宽度为200,而Flexible则实现了根据内容自适应宽度
原文地址: https://www.cveoy.top/t/topic/crKI 著作权归作者所有。请勿转载和采集!