forked from lxm_flutter/FlutterUnit
83 lines
2.2 KiB
Dart
83 lines
2.2 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
/// create by 张风捷特烈 on 2020-03-26
|
||
/// contact me by email 1981462002@qq.com
|
||
/// 说明:
|
||
// {
|
||
// "widgetId": 152,
|
||
// "name": 'Ink基本使用',
|
||
// "priority": 1,
|
||
// "subtitle":
|
||
// "【child】 : 子组件 【Widget】\n"
|
||
// "【padding】 : 内边距 【EdgeInsetsGeometry】\n"
|
||
// "【decoration】 : 装饰 【Decoration】\n"
|
||
// "【width】 : 宽 【double】\n"
|
||
// "【height】 : 高 【double】\n"
|
||
// "【color】 : 颜色 【Color】",
|
||
// }
|
||
class CustomInk extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Material(
|
||
color: Colors.orangeAccent,
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(8.0),
|
||
child: Center(
|
||
child: Ink(
|
||
padding: EdgeInsets.all(10),
|
||
decoration: BoxDecoration(
|
||
color: Colors.yellow,
|
||
borderRadius: BorderRadius.all(Radius.circular(20))
|
||
),
|
||
|
||
width: 200.0,
|
||
height: 100.0,
|
||
child: InkWell(
|
||
onTap: () {
|
||
},
|
||
child: Center(
|
||
child: Text('Hello'),
|
||
)),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
// {
|
||
// "widgetId": 152,
|
||
// "name": 'Ink.image图片水波纹',
|
||
// "priority": 2,
|
||
// "subtitle":
|
||
// " 其中属性与Image组件一致，详见Image组件"
|
||
// }
|
||
|
||
class InkImage extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Material(
|
||
color: Colors.grey[800],
|
||
child: Center(
|
||
child: Ink.image(
|
||
image: AssetImage('assets/images/sabar.jpg'),
|
||
fit: BoxFit.cover,
|
||
width: 300.0,
|
||
height: 200.0,
|
||
child: InkWell(
|
||
onTap: () {},
|
||
child: Align(
|
||
alignment: Alignment.topLeft,
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(10.0),
|
||
child: Text('Chaos',
|
||
style: TextStyle(
|
||
fontWeight: FontWeight.w900, color: Colors.black)),
|
||
),
|
||
)),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|