Flutter 如何拥有动态容器大小

假设我有一个400宽的蓝色容器

这个容器有一个从左到右的fixex填充：20和12

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

表示蓝色容器应该有固定的填充，但宽度可以根据红色文本更改

如果我有多行文字，我没有任何问题

我放置蓝色容器的方式是，在scaffold行中，我有固定大小的化身，在行的末尾有固定大小的70个像素，并将蓝色容器包装在展开的容器中

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

---

这是我的代码，我从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}'),
  ),
),