android 开发环境,flutter边框特效
在Flutter中,创建边框特效通常意味着使用BoxDecoration
或DecoratedBox
来为你的Widget添加边框样式,并可以设置阴影、颜色、边框宽度和样式等属性。
以下是一个简单的例子,展示如何给一个Container
添加边框特效:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Container(
width: 200.0,
height: 200.0,
decoration: BoxDecoration(
border: Border.all(
color: Colors.blue,
width: 4.0, // 边框宽度
),
borderRadius: BorderRadius.circular(10.0), // 圆角
// 可选:添加阴影
boxShadow: [
BoxShadow(
color: Colors.grey.shade500,
offset: Offset(0.0, 4.0),
blurRadius: 8.0,
),
],
),
),
),
),
);
}
}
在这个例子中,Container
将会有一个蓝色的边框,宽度为4个像素,并且有一个圆角。同时,为了增加视觉效果,我们还添加了一个阴影。这个Container
会在屏幕中心显示,你可以根据需要调整其尺寸、颜色和其他属性。
评论已关闭