VerticalDivider widget in Flutter

Properties

 

  • width
  • thickness
  • color
  • indent
  • endindent

 

Example 1:

 

import 'package:flutter/material.dart';


void main() => runApp(DemoApp());


class DemoApp extends StatefulWidget {

  @override

  State<StatefulWidget> createState() {

    return DemoAppState();

  }

}


class DemoAppState extends State<DemoApp> {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      home: Scaffold(

        body: Row(

          children: [

            Expanded(

              child: Container(

                color: Colors.yellow,

              ), // Container

            ),

            const VerticalDivider(),

            Expanded(

              child: Container(

                color: Colors.orange,

              ),

            ),

          ],

        ),

      ),

    );

  }

}

 

Example 2:

 

VerticalDivider(

              color: Colors.brown,

              thickness: 5,

            ),

 

Example 3:

 

VerticalDivider(

              color: Colors.brown,

              thickness: 5,

              width: 50,

            ),

 

Example 4:

 

VerticalDivider(

              color: Colors.brown,

              thickness: 5,

              width: 50,

              indent: 20,

              endIndent: 20,

            ),

 

Video Link:

Post a Comment (0)
Previous Post Next Post