如何在 flutter 中的顶部边框线之间添加文本

Question

我怎样才能用 flutter 做这样的事情

Answer 1

您可以使用展开的行和它们之间的文本

Row(
 children: [
 Expanded(
   child : Container(
     height: 2,
     color: Colors.black
   )
 ),
 Text('some text here'),
 Expanded(
   child : Container(
     height: 2,
     color: Colors.black
   )
 ),
]
)

Answer 2

使用Row 、 Flexible 、 Divider和Text小部件来实现这一点

Row(
  children: [
    Flexible(child : Divider(color: Colors.black, thickness: 0.5,)),
    Text(' Or Continue with '),
    Flexible(child : Divider(color: Colors.black, thickness: 0.5,)),
  ]
),