Question 77124 in Flutter Question posted in
The official Flutter documentation can be found here.

Flutter. How to draw these designs in a container

enter image description here

Please tell me how to draw these encircled geometrical lines in a container .

After drawing a container widget how should i draw these custom geometrical designs in a container

Tags:

2

Answers


  1. 0 
    class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Square'),
      ),
      body: Center(
        child: Column(
          children: [
            SquarePercentIndicator(
              width: 140,
              height: 140,
              startAngle: StartAngle.bottomRight,
              reverse: true,
              borderRadius: 10,
              shadowWidth: 1.5,
              progressWidth: 5,
              shadowColor: Colors.grey,
            ),
          ],
        ),
      )
    );
  }

}

    enter image description here

    Login or Signup to reply.
  2. 0

    I suggest you to use figma to style these types of lines and shapes, and export it as png image.

    If you want to code the entire drawing, it is not recommend, but it can be achieved, using rounded bordered containers, but there would be lot of limitations

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search