1. ホーム
  2. flutter

[解決済み] コンテナウィジェットが親を縦に埋めるようにする

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 ウィジェットと RowcrossAxisAlignment: CrossAxisAlignment.stretch

これにより、Row の子プロセスは縦方向に拡張されますが、Row は可能な限り最小限の縦方向スペースを取るようになります。

Card(
  child: IntrinsicHeight(
    child: Row(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Container(
          width: 20.0,
          color: Colors.amber,
        ),
        // Expanded(...)
      ],
    ),
  )
)