「作品の見所」と言うテキストを、黄色の枠内で上下だけ中央にしたいです！
「縦だけ中央」のイメージとしては下記👇のような状態です。
上下に中央で左に少しのpaddingを持たせるイメージです。
Container(
width: MediaQuery.of(context).size.width,
height: 50,
color: Theme.of(context).primaryColor,
child: Text(
'作品の見所',
style: Theme.of(context).textTheme.headline5,
),
)
Containerを width: double.infinity,にするのがポイントかと。。
Container(
height: 60,
width: double.infinity,
color: Colors.amber[700],
child: Text(
'作品の見所',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 21,
),
),
alignment: Alignment.centerLeft, // ←
padding: EdgeInsets.symmetric(horizontal: 15), // ←
),