竖直分割线，可指定颜色、宽度、粗细、上下边距信息，常用与列表的item分割线。

相关组件

Divider DividerThem

VerticalDivider颜色和粗细

【color】: 颜色 【Color】
【thickness】: 线粗细 【double】
image.png

  1. import 'package:flutter/material.dart';
  2. class CustomVerticalDivider extends StatelessWidget {
  3.   @override
  4.   Widget build(BuildContext context) {
  5.     var dataColor = [
  6.       Colors.red, Colors.yellow,
  7.       Colors.blue, Colors.green];
  8.     var dataThickness = [1.0, 2.0, 4.0, 6.0];
  9.     var data = Map.fromIterables(dataColor, dataThickness);
  10.     return Container(
  11.       height: 150,
  12.       child: Row(
  13.         mainAxisSize: MainAxisSize.min,
  14.         children: dataColor
  15.             .map((e) => VerticalDivider(
  16.           color: e,
  17.           thickness: data[e],
  18.         ))
  19.             .toList(),
  20.       ),
  21.     );
  22.   }
  23. }

VerticalDivider宽度和空缺

【indent】: 前面空缺长度 【double】
【endIndent】: 后面空缺长度 【double】
【height】: 占位高 【double】
image.png

import 'package:flutter/material.dart';
class HeightVerticalDivider extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var dataColor = [
      Colors.red, Colors.yellow,
      Colors.blue, Colors.green];
    var dataThickness = [10.0, 20.0, 30.0, 40.0];
    var data = Map.fromIterables(dataColor, dataThickness);
    return Container(
      height: 150,
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: dataColor
            .map((e) => VerticalDivider(
          color: e,
          indent:data[e],
          endIndent: data[e]*2,
          width: data[e],
          thickness: data[e]/10,
        ))
            .toList(),
      ),
    );
  }
}