Flutter は初めてで、さまざまな画面サイズに対応するレイアウトを作成しようとしています。Flutter のドキュメントを読むのに多くの時間を費やしましたが、これを理解することができませんでした。
次のコードは、電話の画面サイズが大きい場合にうまく機能しますが、カードに「別の例外がスローされました: RenderFlex が下部で 13 ピクセルオーバーフローしました」というメッセージが表示されます。小さい画面サイズ用。高さを固定しています。
この値を決定するときにカードのサイズを考慮に入れるように高さを変更するにはどうすればよいですか?
return InkWell(
borderRadius: BorderRadius.circular(15),
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),
),
child: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.only(top: 10),
),
Stack(
children: <Widget>[
ClipRRect(
child: Image(
image: myimage,
height: 60,
fit: BoxFit.fitHeight,
),
),
],
),
Padding(
padding: EdgeInsets.all(10),
child: Row(
children: <Widget>[
Row(
children: <Widget>[
SizedBox(
width: 5,
),
Text(mytext),
],
),
],
),
),
],
),
),
);
}