如何在 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,)),
  ]
),