Flutter笔记：Widgets Easier组件库使用各式边框

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Notes: Border Widgets'),
        ),
        body: Center(
          child: Container(
            child: Text('Hello, Border!'),
            padding: EdgeInsets.all(16.0),
            decoration: BoxDecoration(
              border: Border.all(color: Colors.blue, width: 2.0), // 设置单一边框样式
              // 可以使用Border.fromBorderSide来设置四个方向的边框样式
              // border: Border.fromBorderSide(BorderSide(color: Colors.blue, width: 2.0)),
              // 或者使用BorderDirectional来设置各个方向的边框样式
              // border: BorderDirectional(
              //   start: BorderSide(color: Colors.blue, width: 2.0),
              //   end: BorderSide(color: Colors.blue, width: 2.0),
              //   top: BorderSide(color: Colors.blue, width: 2.0),
              //   bottom: BorderSide(color: Colors.blue, width: 2.0),
              // ),
            ),
          ),
        ),
      ),
    );
  }
}

这段代码演示了如何在Flutter中使用BoxDecoration的border属性为Container设置统一的边框样式。通过Border.all，我们可以很方便地为所有边界设置相同的BorderSide。这是一个简单的例子，演示了如何在Flutter中开始使用边框。