forked from lxm_flutter/FlutterUnit
60 lines
1.9 KiB
Dart
60 lines
1.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// create by 张风捷特烈 on 2020-03-23
|
|
/// contact me by email 1981462002@qq.com
|
|
/// 说明: 296 PhysicalModel 物理模块 可以让子组件按照圆形、方行进行剪裁,并且可以指定背景色、圆角、影深、阴影颜色、剪切行为。
|
|
// {
|
|
// "widgetId": 296,
|
|
// "name": "PhysicalModel基本使用",
|
|
// "priority": 1,
|
|
// "subtitle": "【clipBehavior】 : 裁剪行为 【Clip】\n"
|
|
// "【borderRadius】 : 圆角 【BorderRadius】\n"
|
|
// "【child】 : 子组件 【Widget】\n"
|
|
// "【elevation】 : 阴影深 【double】\n"
|
|
// "【shadowColor】 : 阴影颜色 【Color】\n"
|
|
// "【shape】 : 形状 【BoxShape】\n"
|
|
// "【color】: 颜色 【Color】",
|
|
// }
|
|
class PhysicalModelDemo extends StatelessWidget{
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
Container(
|
|
width: 150,
|
|
height: 150,
|
|
child: PhysicalModel(
|
|
shadowColor: Colors.orange,
|
|
elevation: 3,
|
|
child: Image.asset(
|
|
'assets/images/caver.webp',
|
|
fit: BoxFit.cover,
|
|
),
|
|
clipBehavior: Clip.hardEdge,
|
|
shape: BoxShape.circle,
|
|
color: Colors.deepPurpleAccent),
|
|
),
|
|
|
|
Container(
|
|
width: 150,
|
|
height: 150,
|
|
child: PhysicalModel(
|
|
shadowColor: Colors.orange,
|
|
elevation: 3,
|
|
child: Image.asset(
|
|
'assets/images/caver.webp',
|
|
fit: BoxFit.cover,
|
|
),
|
|
borderRadius: BorderRadius.all(Radius.circular(20)),
|
|
clipBehavior: Clip.hardEdge,
|
|
shape: BoxShape.rectangle,
|
|
color: Colors.deepPurpleAccent),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
}
|