[解決済み] コンテナウィジェットが親を縦に埋めるようにする
2022-12-28 05:13:53
質問
TL;DR ontap リスナーとして動作できるように、コンテナーを垂直方向のスペースで埋める必要があります。ほとんどのソリューションを試しましたが、何も動作しないようです。
私がしようとしていることは、固定幅を持ちながら、コンテナを垂直方向のスペースでいっぱいにすることです。 二つ目は私が持っているもので、三つ目は私が欲しいものです。 . アイデアは、ジェスチャーのontapリスナーを持つコンテナを透明にすることです。誰かが別のソリューションのためのより良いアイデアを持っている場合は、提案すること自由に感じなさい。
Widget build(BuildContext context) {
return new GestureDetector(
onHorizontalDragUpdate: _move,
onHorizontalDragEnd: _handleDragEnd,
child: new Stack(
children: <Widget>[
new Positioned.fill(
child: new Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
new Container(
child: new IconButton(
padding: new EdgeInsets.only(top: 16.0, bottom: 16.0, left: 24.0, right: 24.0),
icon: new Icon(Icons.warning),
color: Colors.black12,
onPressed: () {},
)
),
],
),
),
new SlideTransition(
position: new Tween<Offset>(
begin: Offset(0.0, 0.0),
end: const Offset(-0.6, 0.0),
).animate(_animation),
child: new Card(
child: new Row(
children: <Widget>[
new Container(
width: 20.0,
height: 20.0,
color: Colors.amber,
),
new Expanded(
child: new Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
_getListTile(),
_ifStoplineIsToBeShown()
],
),
)
],
)
),
),
],
)
);
}
私は多くの異なるものを試して、何も動作しないように見えるという事実を考慮すると、私は何かを見逃していることをかなり確信しています。
また、デバッグペイントの画像をアップロードしています。 ここに .
PS. 高さを固定値にしてしまいましたが、コンテナを表示するにはこの方法しかありません。
どのように解決するのですか?
コツは
IntrinsicHeight
ウィジェットと
Row
と
crossAxisAlignment: CrossAxisAlignment.stretch
これにより、Row の子プロセスは縦方向に拡張されますが、Row は可能な限り最小限の縦方向スペースを取るようになります。
Card(
child: IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Container(
width: 20.0,
color: Colors.amber,
),
// Expanded(...)
],
),
)
)
関連
-
[解決済み] Flutterを使ってローカルストレージに保存するには?
-
[解決済み] Navigatorを含まないコンテキストで要求されたNavigator操作
-
[解決済み] FlutterのコードからWebブラウザ(URL)を開くには?
-
[解決済み] Flutter 条件に応じてリストをフィルタリングする
-
[解決済み] CircularProgressIndicatorにサイズを設定するには?
-
[解決済み] Flutterにおける変数名の前のアンダースコア"_"の意味するところ
-
[解決済み] フラッターのライフサイクル
-
[解決済み] 丸みを帯びたボーダーを持つボタンを作成する [重複]。
-
[解決済み] FlutterのshrinkWrapプロパティは何をするのですか?
-
[解決済み] Row FlutterでElement間のスペースを設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Flutterを使ってローカルストレージに保存するには?
-
[解決済み] FlutterのコードからWebブラウザ(URL)を開くには?
-
[解決済み] Flutter ListViewでウィジェットにスクロールする
-
[解決済み] Flutter StreamBuilderとFutureBuilderの比較
-
[解決済み] Flutterにおける変数名の前のアンダースコア"_"の意味するところ
-
[解決済み] 素材ウィジェットが見つかりません
-
[解決済み] FlutterでSafeAreaを使用する
-
[解決済み] Flutterアプリがウェブ上で動作しているかどうかを検出するには?
-
[解決済み] SingleChildScrollViewでExpandedを使用するには?
-
[解決済み] Row FlutterでElement間のスペースを設定する