flutter - 如何具有动态容器大小

Question

假设我有一个宽度为400的容器(蓝色容器)。

这个容器的fixex填充从左:20和从右:12

但是我的问题是，如果用户输入较短(红色文本)，如何缩小蓝色容器

表示蓝色容器应该具有固定的填充，但是宽度可以根据红色文本而变化。

fucus如果我有multiLine文本，我没有任何问题。

我放置蓝色容器的方式是，在脚手架行中，我具有固定大小的图形表达，并且在行尾具有固定大小的70像素，并将蓝色容器包裹在Expanded中

Row (
children:[
SizedBox(width:100),
Expanded(child:BlueContainer()),
SizedBox(width:70),
]
)

Answer 1

这是给我的代码，我从layoutbuilder获得约束；

Container(
   constraints: BoxConstraints(maxWidth: constraints.maxWidth * 0.65, minWidth: 
   constraints.maxWidth * 0.1),
   padding: EdgeInsets.all(12),
   decoration: BoxDecoration(
     color: Theme.of(context).primaryColor,
   ),
   child: Text('${f.text}'),
  ),
),