'How can i mack like this wedget in flutter exactly?

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

flutter flutter-layout

Solution 1:^[1]

@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,
          )
        );
      }
    )
  )
);
}

Solution 2:^[2]

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]),

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	khaldoun badreah
Solution 2	Sneha G Sneha

'How can i mack like this wedget in flutter exactly?

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]