Flutter 容器边框 bottom - Dart

在Flutter中，我们可以使用容器（Container）来创建图形界面中的各种元素，包括文本、图标、按钮等等。而容器中的边框（Border）则可以用于美化我们创建的元素。

其中，容器的bottom属性可以用来设置边框底部的宽度和样式。

语法

Container(
  //...
  decoration: BoxDecoration(
    border: Border(
      bottom: BorderSide(
        color: Colors.grey,
        width: 1.0,
        style: BorderStyle.solid
      ),
    ),
  ),
),

参数

• color：设置边框颜色，可使用Flutter中自带的颜色常量或使用自定义颜色。
• width：设置边框宽度，单位为逻辑像素。
• style：设置边框样式，可选值有BorderStyle.none、BorderStyle.solid、BorderStyle.double等。

示例

Container(
  padding: EdgeInsets.all(10),
  decoration: BoxDecoration(
    border: Border(
      bottom: BorderSide(
        color: Colors.grey,
        width: 1.0,
        style: BorderStyle.solid
      ),
    ),
  ),
  child: Text(
    '这是一个带有边框的容器',
    style: TextStyle(fontSize: 20),
  ),
),

以上代码会创建一个带有下边框的容器，并在其中显示一段文本。您可以根据需要更改边框的颜色、宽度和样式。

结语

通过本文的介绍，您已经了解了Flutter中容器边框bottom属性的基础使用方法和常用参数。希望可以帮助您更好地进行Flutter应用开发。