当前位置: 首页 > 知识库问答 >
问题:

如何设置脚手架的背景图像?

衡丰茂
2023-03-14

我试图设置一个屏幕的背景图像,占屏幕的25%左右,位于顶部。我试过了,

@override
  Widget build(BuildContext context) {
    return Scaffold(
      extendBodyBehindAppBar: true,
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        actions: [
          IconButton(
            icon: Icon(Icons.settings),
            onPressed: () {
              //Go to Settings Page
            },
          )
        ],
      ),
      body: Container(
        width: double.infinity,
        alignment: Alignment.topCenter,
        decoration: BoxDecoration(
          image: DecorationImage(
            fit: BoxFit.fitWidth,
            image: AssetImage(
              "assets/images/image1.png",
            ),
          ),
        ),
        child: SingleChildScrollView(
          child: Column(
            children: [
              Container(
                height: 200,
                width: 220,
                color: Colors.purple,
              ),
              Container(
                height: 200,
                width: 220,
                color: Colors.pink,
              ),

共有1个答案

宇文鸿畴
2023-03-14

以集装箱作为脚手架的主体,然后将您的图像设置为集装箱装饰内的背景图像。

不要忘记设置容器的宽度和高度,如下所示:width:mediaquery.of(context).size.width height:mediaquery.of(context).size.height

 类似资料:
  • 我想把图像设置为脚手架的背景色。当设置一个AppBar和bottom bar时,使用容器的装饰作为脚手架的主体并不能覆盖整个屏幕。 我想为全屏显示背景。下面是我的脚手架代码:

  • 本文向大家介绍如何设置网页背景图片?,包括了如何设置网页背景图片?的使用技巧和注意事项,需要的朋友参考一下 要设置网页的背景图像,请使用CSS样式。在CSS <style>标记下,添加属性background-image。该属性设置诸如jpg,png,svg,gif等的图形。HTML5不支持<body>背景属性,因此CSS用于更改设置的背景图像。 示例 您可以尝试使用以下代码在HTML中设置网页的

  • 我正试图为主页设置一个背景图像。我是从屏幕开始获得图像位置,填充宽度,但不是高度。我的代码中是否遗漏了什么?颤振有图像标准吗?图像缩放是否基于每个手机的屏幕分辨率?

  • 我希望有一个解决方案,以设置屏幕背景图像使用堆栈概念,喜欢可能有任何内置的解决方案来设置它。

  • 我有一个线性布局,如下所示:

  • 问题内容: 我已经使用Java Swing创建了一个GUI。我现在必须将一个sample.jpeg图像设置为放置组件的框架的背景,该怎么做? 问题答案: 实现此目的的一种方法是重写paintComponent每次JPanel刷新时绘制背景图像的方法。 例如,可以将子类化JPanel,并添加一个字段以保存背景图片,然后覆盖该paintComponent方法: (以上代码尚未经过测试。) 以下代码可用