flutter之Table组件

表格布局中每一行的高度由其内容决定,每一列的宽度由columnWidths属性单独控制

columnWidths:设置每一列的宽度

defaultColumnWidth:默认的每一列宽度值,默认情况下均分

textDirection:文字方向

border:表格边框

defaultVerticalAlignment:默认垂直方向对齐方式:

top:放置在顶部

middle:垂直居中

bottom:放置在底部

baseline:文本baseline对齐

fill:充满整个cell

textBaseline:defaultVerticalAlignment为baseline的时候,会用到这个属性

实例一:

flutter之Table组件_第1张图片

 flutter之Table组件_第2张图片

效果如图所示:

 flutter之Table组件_第3张图片

实例二:

flutter之Table组件_第4张图片

 flutter之Table组件_第5张图片

 flutter之Table组件_第6张图片

效果图

 flutter之Table组件_第7张图片

你可能感兴趣的:(flutter)