テスト用に Text ウィジェットを配置すると、プログラムは「RenderFlex が右側に 34 ピクセルオーバーフローしました。」と表示します。Text を Container に入れようとしましたが、うまくいきません。プリントを見てください:
CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(
middle: Row(
children: <Widget>[
Expanded(
child: Padding(
padding: EdgeInsets.fromLTRB(10.0, 0.0, 0.0, 0.0),
child: CupertinoTextField(
prefix: Padding(
padding: EdgeInsets.fromLTRB(5.0, 0.0, 0.0, 0.0),
child: Icon(
IconData(0xF4A4,
fontFamily: "CupertinoIcons",
fontPackage: CupertinoIcons.iconFontPackage),
color: CupertinoColors.darkBackgroundGray,
),
),
placeholder: 'O que você procura?',
),
),
),
Padding(
padding: EdgeInsets.fromLTRB(5.0, 0.0, 5.0, 0.0),
child: FittedBox(
fit: BoxFit.contain,
child: CupertinoButton(
child: Icon(
IconData(0xF370,
fontFamily: "CupertinoIcons",
fontPackage: CupertinoIcons.iconFontPackage),
size: 80.0,
color: CupertinoColors.black),
onPressed: () {},
),
),
),
],
),
backgroundColor: CupertinoColors.systemGroupedBackground,
),
child: Text("Teste"),
);