如何匹配在其他小部件中最高的行小部件的高度

Question

我定义了一行列小部件，但无法匹配行中定义的其他小部件的高度

我尝试过使用 Expand 、Intrinsic Height、width、Contrained box 以及在每列中定义容器。

预期结果是与父/其他行小部件匹配高度[在此处输入图像描述][1]

Widget columnOne(String t1, String t2) {
 return ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(8)),
child: Container(
  color: Colors.white,
  child: Column(
    mainAxisSize: MainAxisSize.max,
    crossAxisAlignment: CrossAxisAlignment.stretch,
    children: <Widget>[
      Container(
        color: Colors.white,
        child: Padding(
          padding:
          EdgeInsets.fromLTRB(10, 10, 10, 10),
          child: Align(
            alignment: Alignment.center,
            child: Text(t1,
                style: TextStyle(
                    fontSize: 30,
                    color: Colors.black,
                    backgroundColor: Colors.white,
                    fontFamily: 'FJ',fontWeight: FontWeight.bold
                )),
          )
        ),
      ),
      IntrinsicHeight(
        child: ConstrainedBox(
          constraints: const BoxConstraints(minWidth: double.infinity),
          child: Container(
              color: Colors.red,
              child: Padding(
                  padding: EdgeInsets.all(10),
                  child: Align(
                    alignment: Alignment.center,
                    child: Text(t2 ,
                        textAlign: TextAlign.center,
                        textWidthBasis: TextWidthBasis.parent,
                        style: TextStyle(
                          fontSize: 16,
                          color: Colors.black,
                          backgroundColor: Colors.red,
                        )),
                  ))),
        )
      )


    ],
  ),
),
 );

}

https://i.stack.imgur.com/HfYOl.png 当前结果如果我更改文本/溢出文本

https://i.stack.imgur.com/t9MTK.png 预计

Answer 1

从设计上看，卡底只能是一两行高。 在这种情况下，不依赖自动高度，而是使用固定值会更容易。

import 'package:flutter/material.dart';
import 'package:vector_math/vector_math.dart' as v_math;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        backgroundColor: Colors.black,
        body: SafeArea(
          child: RowExample(),
        ),
      ),
    );
  }
}

class RowExample extends StatelessWidget {
  final List<List<String>> entities = [
    ['22', 'fdslfdssdf'],
    ['22', 'sdfdssf fd fasdf '],
    ['3242', 'sdsf'],
  ];

  @override
  Widget build(BuildContext context) {
    return Row(
      children: entities.map((item) => columnOne(item[0], item[1])).toList(),
    );
  }

  Widget columnOne(String t1, String t2) {
    return ClipRRect(
      borderRadius: BorderRadius.all(Radius.circular(8)),
      child: Container(
        height: 130,
        width: 100,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(8)),
          color: Colors.white,
        ),
        child: Column(
          children: <Widget>[
            Container(
              height: 70,
              color: Colors.white,
              child: Padding(
                  padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
                  child: Align(
                    alignment: Alignment.center,
                    child: Text(t1,
                        style: TextStyle(
                            fontSize: 30,
                            color: Colors.black,
                            backgroundColor: Colors.white,
                            fontFamily: 'FJ',
                            fontWeight: FontWeight.bold)),
                  )),
            ),
            Expanded(
              child: Container(
                  color: Colors.red,
                  child: Padding(
                      padding: EdgeInsets.all(10),
                      child: Align(
                        alignment: Alignment.center,
                        child: Text(t2,
                            textAlign: TextAlign.center,
                            textWidthBasis: TextWidthBasis.parent,
                            style: TextStyle(
                              fontSize: 16,
                              color: Colors.black,
                              backgroundColor: Colors.red,
                            )),
                      ))),
            )
          ],
        ),
      ),
    );
  }
}