flutter container 里面一个 row 左侧一个 text , sizedbox, 右侧一个 text
时间: 2024-03-09 07:45:27 浏览: 124
如何使用Flutter开发一款电影APP详解
好的,您可以在Container Widget中使用Row Widget来实现两个Text Widget的左右布局,并使用SizedBox Widget来调整它们之间的间距,如下所示:
```dart
Container(
padding: EdgeInsets.all(10), // 设置上下左右内边距为10
child: Row(
children: [
Text(
'Left Text',
style: TextStyle(fontSize: 20),
),
SizedBox(width: 10), // 使用SizedBox Widget设置左右间距为10
Text(
'Right Text',
style: TextStyle(fontSize: 20),
),
],
),
);
```
在这个例子中,我们在Container Widget中创建了一个Row Widget,并在其中添加了两个Text Widget。我们使用SizedBox Widget设置了它们之间的间距为10个逻辑像素。最后,我们将Row Widget作为Container Widget的子Widget。
您可以根据需要调整SizedBox Widget的width属性来改变两个Text Widget之间的间距。同时,您还可以使用Row Widget的其他属性,例如mainAxisAlignment、crossAxisAlignment等来进一步定制显示效果。
阅读全文