如何在 flutter 中的行之间写 OR

Question

大家好，我是 flutter 的新手，我试着在水平线上写 OR，如图所示，但我不知道该怎么做，我试过 google 但是那对我没有帮助 example demonstration

注： OR 居中

Answer 1

下面是使用行小部件的解决方案

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

这是我尝试创建 Instagram 登录屏幕时的样子

Answer 2

试试下面的代码希望对你有帮助。您必须使用这种（-- 或 -- ）设计类型 Expanded 或 Flexible Widget

转到 here For Expanded Widget and here 以获得灵活小部件

  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,
            ),
          ),
        ],
      ),
    ),

你的结果屏幕像 ->

如何在 flutter 中的行之间写 OR

How to write OR in between line in flutter

flutter

dart

flutter-layout

flutter-text