代码之家 › 专栏 › 技术社区 › Nim

我如何使用任何外部包装在两个容器之间进行虚线分隔[重复]

divider flutter android

0

Nim · 技术社区 · 1 年前

我想在两个容器之间给出一个分隔符。我通常使用分隔符或容器边界。我可以尝试,但使用分隔符我不能在flutter中给出虚线边界。

分隔器( 高度:1, 颜色:Colors.gray.shade200, 厚度:1, 缩进:1, endIndent:1, );

1 回复 | 直到 1 年前

1

-1

DroidFlutter 1 年前

尝试使用下面的类作为分隔线

 class SeparatorLine extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (BuildContext context, BoxConstraints constraints) {
        final boxWidth = constraints.constrainWidth();
        const dashWidth = 10.0;
        final dashCount = (boxWidth / (2 * dashWidth)).floor();
        return Flex(
          children: List.generate(dashCount, (_) {
            return SizedBox(
              width: dashWidth,
              height: 1,
              child: DecoratedBox(
                decoration: BoxDecoration(color: Colors.grey),
              ),
            );
          }),
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          direction: Axis.horizontal,
        );
      },
    );
  }
}

并将其用作 SeparatorLine()