flutter中给一个图片设置点击事件
下定决心,好好过一天~其实就是flatbutton中嵌套一个容器那么这个容易也就成了flatbutton中的一部分。在这个容器中再添加BoxDecoration,装饰图片,并且还可以添加文字import 'package:flutter/material.dart';class MenuOptions extends StatelessWidget{var title;//标题var imageP
·
下定决心,好好过一天~
其实就是flatbutton中嵌套一个容器那么这个容易也就成了flatbutton中的一部分。在这个容器中再添加BoxDecoration,装饰图片,并且还可以添加文字
当然方法还有很多,当然不止可以用flatbutton进行嵌套,还有很多按钮也可以,这里只是说一下思想
import 'package:flutter/material.dart';
class MenuOptions extends StatelessWidget{
var title;//标题
var imagePath;//图片路径
var event;//路由跳转事件
MenuOptions({this.title,this.imagePath,this.event});
// MenuOptions(this.title,var imagePath,var event){
// this._title = title;
// this._imagePath = imagePath;
// this._event = event;
// }
@override
Widget build(BuildContext context) {
return FlatButton(
onPressed: (){
print('运行');
Navigator.push(context, MaterialPageRoute(builder: (context) => event));
},
child: Container(
width: 200.0,
height: 200.0,
decoration: BoxDecoration(
color: Colors.white,
image: DecorationImage(
image: AssetImage(imagePath),
fit:BoxFit.fill
)
),
alignment: Alignment.center,
child: Text(
title,
)
)
);
}
}
更多推荐
已为社区贡献10条内容
所有评论(0)