dart - 带有图像背景 flutter 的按钮

标签 dart flutter

我是 Flutter 编程的新手,我想问一下是否可以将图像制作为按钮背景 flutter?这是我的图像 Assets :

  final _backgroundButton = new AssetImage("assets/background_button.png");

这是我的按钮:

RaisedButton(
          child: const Text('LANJUTKAN'),
          color: Theme.of(context).accentColor,

          elevation: 0.0,
          splashColor: Colors.blueGrey,
          onPressed: () {
               // Perform some action
          },
),

有人知道怎么做吗?只要我可以将图像设置为背景,我就可以将凸起按钮更改为扁平按钮或其他任何东西。谢谢!

最佳答案

“RaisedButton”是一个 Material 组件,它的形状取决于“ Material 设计”角色,您可以创建自己的自定义按钮小部件

    GestureDetector(
      child: Container(
       width:120,
       height: 40,
       decoration: BoxDecoration(
         color: Colors.black,
         image: DecorationImage(
           image:AssetImage("assets/background_button.png"), 
           fit:BoxFit.cover
         ),
       child: Text("clickMe") // button text
       )
      ),onTap:(){
       print("you clicked me");
      }
    )

关于dart - 带有图像背景 flutter 的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55216108/

相关文章:

flutter - TextInputAction.next使键盘消失

firebase - 类型 'List<dynamic>'不是 'CollectionReference'的 'function result'类型的子类型

flutter - 在模型类中重用setter

android - Flutter 原生插件 : Example with eventlisteners

list - 如何过滤和删除重复的 JSON 列表?

dart - 向 Dart 上的多个类/接口(interface)添加扩展

dart - 在dart中,如何从模板和字符串获取字段映射?

Flutter:在 Android 上获取本地 IP 地址

android - 如何在 flutter 后台运行 dart 代码?

security - Rollbar 日志记录 api key