将按钮添加到图像背景

时间:2018-12-20 21:12:05

标签: flutter-layout

我正在尝试在jpg背景顶部添加按钮。 我已经尝试了好几天了。我一直在搜索网络和youtube,但无法正常工作。

我尝试了许多不同的方法,例如floatingActionbutton,堆放和容器等,但是我仍然没有到达那里。由于我尝试了许多不同的方法,因此可以为您提供不同的代码,但是也许您可以建议在这种情况下更喜欢哪种方法。然后,如果您愿意,我可以发布该解决方案的代码(无效)。

我想要一个图像背景,上面总共有三个按钮,一个按钮在中间,另外两个在每个右角。 目前,我只看到一个背景 or8 = 按钮,而不是两个。

这是我的最新代码:

 import 'package:flutter/material.dart';
....

自从我解决了这个问题之后,我想我可以在这里发布代码供其他人使用。

import 'package:flutter/material.dart';

class MyBackgroundWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Stack(
      children: <Widget>[
        new Container(
            child: new Image.asset('assets/Backgr.png'),
            width: double.infinity,
            height: double.infinity),
        Center(
          child: Container(
            width: 100.0,
            height: 100.0,
            child: FloatingActionButton(
                child: new Icon(Icons.arrow_right),
                backgroundColor: new Color(0xFF72C2D6),
                onPressed: () {}),
          ),
        ),

      ],
    );
  }
}

0 个答案:

没有答案