How to write OR in between line in flutter

user_16867264 0
Viewed 529

Hi everyone I am new to flutter and trying to write OR in a horizontal line like shown in figure but I do not know how to do that, I have tried to google it but that did not helped me example demonstration

Note: OR is in center

flutter-text flutter-layout dart flutter
2 Answers

Try below Code hope its help to you. You must use this(-- OR -- ) type of design Expanded or Flexible Widget

Go here For Expanded Widget and here for Flexible Widget

  Padding(
      padding: EdgeInsets.all(8.0),
      child: Row(
        children: [
          Expanded(
            child: Divider(
              color: Colors.black,
              thickness: 1,
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text('OR'),
          ),
          Expanded(
            child: Divider(
              color: Colors.black,
              thickness: 1,
            ),
          ),
        ],
      ),
    ),

Your result Screen like -> enter image description here

user_139972100

Below is the solution using a row widget

Row(children: const [
                Expanded(child: Divider(thickness: 1.5)),
                Text("OR",
                    style: TextStyle(fontSize: 20, color: Colors.grey)),
                Expanded(child: Divider(thickness: 1.5)),
              ]),

This is it when i tried to create Instagram login screen

enter image description here

user_118388750
Related