可以使用FlexibleExpanded组件来包裹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则实现了根据内容自适应宽度

flutter根据内容显TextField示宽度

原文地址: https://www.cveoy.top/t/topic/crKI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录