我正在使用Flutter，我想向小部件(在本例中是文本小部件)添加边框。
我尝试了TextStyle和文本，但我不知道如何添加边框。
当前回答
正如文档中所述，Flutter更喜欢组合而不是参数。
大多数情况下，您不是在寻找属性，而是在寻找包装器(有时还需要一些助手/“构建器”)。
对于边界，你需要DecoratedBox，它有一个定义边界的装饰属性;也包括背景图像或阴影。
或者，就像Aziza说的，你可以使用Container。这是DecoratedBox, SizedBox和其他一些有用的小部件的组合。
其他回答
文本边框样式:
Stack(
children: <Widget>[
// Stroked text as border.
Text(
'Greetings, planet!',
style: TextStyle(
fontSize: 40,
foreground: Paint()
..style = PaintingStyle.stroke
..strokeWidth = 6
..color = Colors.blue[700]!,
),
),
// Solid text as fill.
Text(
'Greetings, planet!',
style: TextStyle(
fontSize: 40,
color: Colors.grey[300],
),
),
],
)
最好的方法是使用BoxDecoration()
优势
您可以设置小部件的边框 你可以设置边框的颜色或宽度 您可以设置边框的圆角 您可以添加一个小部件的影子
缺点
BoxDecoration只与容器小部件一起使用，所以你需要将小部件包装在Container()中
例子
Container(
margin: EdgeInsets.all(10),
padding: EdgeInsets.all(10),
alignment: Alignment.center,
decoration: BoxDecoration(
color: Colors.orange,
border: Border.all(
color: Colors.pink[800], // Set border color
width: 3.0), // Set border width
borderRadius: BorderRadius.all(
Radius.circular(10.0)), // Set rounded corner radius
boxShadow: [BoxShadow(blurRadius: 10,color: Colors.black,offset: Offset(1,3))] // Make rounded corner of border
),
child: Text("My demo styling"),
)
你可以把那个小部件包装到DecoratedBox，在这种情况下，DecoratedBox为那个小部件提供装饰
Widget textDecoration(String text){
return DecoratedBox(
decoration: BoxDecoration(
border: Border.all(
color: Colors.red,
width: 10,
),
),
child: Text(text)
);
}
正如文档中所述，Flutter更喜欢组合而不是参数。
大多数情况下，您不是在寻找属性，而是在寻找包装器(有时还需要一些助手/“构建器”)。
对于边界，你需要DecoratedBox，它有一个定义边界的装饰属性;也包括背景图像或阴影。
或者，就像Aziza说的，你可以使用Container。这是DecoratedBox, SizedBox和其他一些有用的小部件的组合。
如果你想添加边框的一些文本的容器，那么你可以很容易地通过应用BoxDecoration容器。
代码:
Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.redAccent,
width: 1,
),
),
child: Text('Some Text'),
);
