How can i mack like this wedget in flutter exactly?-CodePudding

I'm working on the application and I need to build this widget which you can then click on the plus icon join to the team the problem is I can't do it like picture exactly

CodePudding user response：

@override
Widget build(BuildContext context) {
return Padding(
  padding: const EdgeInsets.all(30),
  child: Stack(
    children: List.generate(
      listOfEvents[i].attendeesList.length, (index) {
        return Positioned(
          left: index * 30,
          child: const CircleAvatar(
            backgroundImage: NetworkImage("https://avatars.githubusercontent.com/u/61495501?v=4"),
            radius: 30,
          )
        );
      }
    )
  )
);
}

CodePudding user response：

you have to use the package called "dotted_border" and follow the given code

DottedBorder( child: // put your image here //borderType: BorderType.Circle,dashPattern: [10,5,10,5,10,5]),