Luckean's blog Luckean's blog
首页
  • 前端文章

    • JavaScript
  • 项目笔记

    • 项目笔记
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • flutter 布局
  • dart 数组的定义
  • java目录
  • jenkins配置
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • vscode vim 结合使用
  • vscode vim 汇总
  • vscode快捷键
  • vscode自定义快捷键
  • typora 使用技巧
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档

Luckean

前端界的小学生
首页
  • 前端文章

    • JavaScript
  • 项目笔记

    • 项目笔记
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • flutter 布局
  • dart 数组的定义
  • java目录
  • jenkins配置
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • vscode vim 结合使用
  • vscode vim 汇总
  • vscode快捷键
  • vscode自定义快捷键
  • typora 使用技巧
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
  • 项目

  • widget

    • flutter 布局
    • IntrinsicHeight 保持row子组件高度
    • Flutter 自适应高度bottom sheet
    • iconfont网站上下载ttf文件
  • dart

  • ios

  • andriod

  • app上架

  • plug

  • 安装

  • 错误信息记录

  • Flutter
  • widget
Luckean
2022-06-18

IntrinsicHeight 保持row子组件高度

当我们使用行(row)的时候,子组件常常因为高度的不同,导致各个子组件里面的内容不能对齐。这个时候我们可以使用IntrinsicHeight来保持row中各个子组件高度一致,从而便于纵向居中对齐。

参考下面的代码:

IntrinsicHeight(

  child: Row(

    mainAxisAlignment: MainAxisAlignment.spaceBetween,

    children: <Widget>[

      Container(color: Colors.blue, width: 100.0),

      Container(color: Colors.red, width: 50.0,height: 50.0,),

      Container(color: Colors.yellow, width: 150.0),

    ],

  ),

);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

点击并拖拽以移动

上次更新: 2022/12/11, 02:32:13
flutter 布局
Flutter 自适应高度bottom sheet

← flutter 布局 Flutter 自适应高度bottom sheet→

最近更新
01
Mac配置nginx+php
08-23
02
p12文件的生成
08-22
03
mac 程序安装失败解决
08-18
更多文章>
Theme by Vdoing | Copyright © 2022-2023 Lucking | 粤ICP备2022078904号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式