下定决心,好好过一天~

其实就是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,
            )
        )
    );
  }

}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐