How to give a “Dashed Border” in flutter?

Question

I try to give dashed border in flutter but there is no option for dashed border in flutter. so any another way to create dashed border in futter.

  new Conta         


        

Answer 1

For rounded corners using this, you can use

    CornerRadius = 10.0;

    return DottedBorder(
      color: Colors.black,
      strokeWidth: 3,
      radius: Radius.circular(CardRadius),
      dashPattern: [10, 5],
      customPath: (size) {
        return Path()
          ..moveTo(CardRadius, 0)
          ..lineTo(size.width - CardRadius, 0)
          ..arcToPoint(Offset(size.width, CardRadius), radius: Radius.circular(CardRadius))
          ..lineTo(size.width, size.height - CardRadius)
          ..arcToPoint(Offset(size.width - CardRadius, size.height), radius: Radius.circular(CardRadius))
          ..lineTo(CardRadius, size.height)
          ..arcToPoint(Offset(0, size.height - CardRadius), radius: Radius.circular(CardRadius))
          ..lineTo(0, CardRadius)
          ..arcToPoint(Offset(CardRadius, 0), radius: Radius.circular(CardRadius));
      },
      child: Container(...)
    }

This is what it looks like