Breaking News: Grepper is joining You.com. Read the official announcement!

divider with text flutter

Add Answer

Dead Dormouse answered on August 20, 2021 Popularity 9/10 Helpfulness 4/10

answer divider with text flutter

related flutter divider

related divider flutter

related divider() flutter

related how to use divideer with text in between in flutter

divider with text flutter

Comment

import 'package:flutter/material.dart';


class TitleDivider extends StatelessWidget {
  const TitleDivider({
    Key? key,
    required this.title,
  }) : super(key: key);
  final String title;

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        expandedDivider(),
        textLineGrey(title),
        expandedDivider(),
      ],
    );
  }

  Expanded expandedDivider() {
    return const Expanded(
      child: Divider(
        color: Color(0xffbdbdbd),
        endIndent: 5,
        thickness: 1,
        indent: 5,
      ),
    );
  }
  
  Text textLineGrey(String text) {
  return Text(
    text,
    semanticsLabel: text,
    style: const TextStyle(
      color: Color(0xff9E9E9E),
    ),
  );
}
}

Popularity 9/10 Helpfulness 4/10 Language dart

Source: Grepper

Tags: dart divider flutter text

Link to this answer
Share Copy Link

Contributed on Aug 11 2022

Dead Dormouse

0 Answers Avg Quality 2/10

Closely Related Answers

flutter divider

Comment

const Divider(
   thickness: 5, // thickness of the line
   indent: 20, // empty space to the leading edge of divider.
   endIndent: 20, // empty space to the trailing edge of the divider.
   color: Colors.black, // The color to use when painting the line.
   height: 20, // The divider's height extent.
 ),

Popularity 10/10 Helpfulness 10/10 Language dart

Source: Grepper

Tags: dart

Link to this answer
Share Copy Link

Contributed on Aug 20 2021

cmoulicms

0 Answers Avg Quality 2/10

divider flutter

Comment

// divider without comments, now you can copy paste directly.

const Divider(
   thickness: 5, 
   indent: 20, 
   endIndent: 20, 
   color: Colors.black,
   height: 20,
 ),

Popularity 9/10 Helpfulness 5/10 Language dart

Source: Grepper

Tags: dart divider di

Link to this answer
Share Copy Link

Contributed on Jan 24 2023

VeNOM

0 Answers Avg Quality 2/10

divider flutter

Comment

SomeTimes I used Container Instead of Divider

Divider(
   thickness: 5, // thickness of the line
   indent: 20, // empty space to the leading edge of divider.
   endIndent: 20, // empty space to the trailing edge of the divider.
   color: Colors.black, // The color to use when painting the line.
   height: 20, // The divider's height extent.
 ),

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: divider

Link to this answer
Share Copy Link

Contributed on Mar 02 2022

Kalyan Chandra

0 Answers Avg Quality 2/10

divider() flutter

Comment

 Divider is used to create a horizontal line divider

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jan 09 2022

Shahbaz

0 Answers Avg Quality 2/10

how to use divideer with text in between in flutter

Comment

Row(
    children: <Widget>[
        Expanded(
            child: Divider()
        ),       

        Text("OR"),        

        Expanded(
            child: Divider()
        ),
    ]
)

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: between flutter text whatever

Link to this answer
Share Copy Link

Contributed on Mar 30 2024

mathiasgodwin

0 Answers Avg Quality 2/10

divider with text flutter

Contents

More Related Answers

divider with text flutter

Closely Related Answers

flutter divider

divider flutter

divider flutter

divider() flutter

how to use divideer with text in between in flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.