Divider widget in Flutter

A thin horizontal line, with padding on either side.

 

Properties

 

  • height
  • 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: Column(

          children: [

            Container(

              height: 200,

              color: Colors.yellow,

            ),

            const Divider(),

            Container(

              height: 200,

              color: Colors.orange,

            ),

          ],

        ),

      ),

    );

  }

}

 

Example 2:

 

Divider(

              thickness: 5,

              color: Colors.brown,

              height: 100,

            ),

 

Example 3:

 

Divider(

              thickness: 5,

              color: Colors.brown,

              height: 100,

              indent: 50,

            ),

 

Example 4:

 

Divider(

              thickness: 5,

              color: Colors.brown,

              height: 100,

              indent: 15,

              endIndent: 15,

            ),

 

Video Link:

Post a Comment (0)
Previous Post Next Post