Search code examples
flutterdartdraw

How to Draw Vertical Line and Horizontal Line in Card Widget in Flutter


How to draw this line in Flutter? Have you any suggestions?
enter image description here

enter image description here


Solution

  • Try below code hope its helpful to you.

       Card(
                child: Column(
                  children: [
                    Container(
                      height: 200,
                      child: Center(
                        child: Text(
                          'Your other Widget',
                        ),
                      ),
                    ),
                    Container(
                      color: Colors.black,
                      height: 1,
                      width: double.infinity,
                    ),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                      children: [
                        Text(
                          'Your Widget',
                        ),
                        Container(
                          color: Colors.black,
                          height: 50,
                          width: 1,
                        ),
                        Text(
                          'Your Widget',
                        ),
                      ],
                    ),
                  ],
                ),
              ),
    

    Your Result Screen-> Image