程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了展开 TableCell 高度大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决展开 TableCell 高度?

开发过程中遇到展开 TableCell 高度的问题如何解决?下面主要结合日常开发的经验,给出你关于展开 TableCell 高度的解决方法建议,希望对你解决展开 TableCell 高度有所启发或帮助;

如何使 tableCell 高度扩展以适应内容高度?

这是我所期望的(在 photoshop 中编辑):

展开 TableCell 高度

这就是我得到的(应用内 PrintScreen):

展开 TableCell 高度

正如我所说,仅当长字符串位于第二个 Text(值所在的位置)小部件时,预期行为才有效。这是我的代码:

class MyDialog extends StatelessWidget {
  final _Boxborder = Boxdecoration(border: border.all());
  final _Boxpadding = EdgeInsets.symmetric(horizontal: 8,vertical: 4);
  final _itemSpacer = SizedBox.shrink();
  
  @overrIDe
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollVIEw(
        child: Container(
          padding: EdgeInsets.all(15),child: column(
            mainAxisSize: MainAxisSize.min,children: _buildtableItems(context)
          )
        )
      )
    );
  }
  
  List<Widget> _buildtableItems(BuildContext context) {
    final verticalSpacer = SizedBox(height: 16);

    final labelStyle = theme.of(context).texttheme.caption!.copyWith(
      FontSize: 12
    );

    final valueStyle = TextStyle(
      FontSize: 14,FontWeight: FontWeight.w500
    );

    return [
      _buildDualcolumn(
        context: context,labels: ['MY LABEL','DATE'],values: ['A REALY LONG VALUE,MY FRIEND','01/01/1821'],labelStyle: labelStyle,valueStyle: valueStyle,columnWIDths: {
          0: FlexcolumnWIDth(1.1),2: FlexcolumnWIDth(0.9)
        }
      ),verticalSpacer,_buildDualcolumn(
        context: context,'2ND LABEL'],values: ['VALUE','HelLO --'],valueStyle: valueStyle
      ),]
  }
  
  table _buildDualcolumn({
    required BuildContext context,List<String>? labels,List<String>? values,List<Widget>? content,TextStyle? labelStyle,TextStyle? valueStyle,Map<int,tablecolumnWIDth>? columnWIDths
  }) {
    // Horizontal gap between the cells (16pX).
    final colWIDths = <int,tablecolumnWIDth> {
      1: FixedcolumnWIDth(16),};

    if (columnWIDths != null) {
      if (columnWIDths.containsKey(0)) {
        colWIDths[0] = columnWIDths[0]!;
      }

      if (columnWIDths.containsKey(2)) {
        colWIDths[2] = columnWIDths[2]!;
      }
    }

    return table(
      columnWIDths: colWIDths,children: [
        tableRow(
          children: [
            tableCell(
              child: Container(
                decoration: _Boxborder,padding: _Boxpadding,child: column(
                  crossAxisAlignment: CrossAxisAlignment.start,mainAxisSize: MainAxisSize.max,children: content ?? [
                    Text(labels![0],style: labelStylE),Text(values![0],style: valueStylE)
                  ],),_itemSpacer,tableCell(
              verticalAlignment: tableCellVerticalAlignment.fill,child: Container(
                decoration: _Boxborder,children: [
                    Text(labels![1],Text(values![1],)
          ]
        )
      ],);
  }
}

如果值字符串很长时表格单元格会展开,为什么标签字符串也很长时不展开?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

大佬总结

以上是大佬教程为你收集整理的展开 TableCell 高度全部内容,希望文章能够帮你解决展开 TableCell 高度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:展开高度