¿Cómo configuro la imagen de fondo en Flutter?

Estoy tratando de establecer una imagen de fondo para la página de inicio. Estoy obteniendo el lugar de la imagen desde el inicio de la pantalla y llenando el ancho pero no el alto. ¿Me estoy perdiendo algo en mi código? ¿Existen estándares de imagen para flutter? ¿Las imágenes se escalan según la resolución de pantalla de cada teléfono?

class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return  Scaffold(
      body:  Container(
        child:  Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
             Image.asset("assets/images/bulb.jpg") 
          ]
        )
      )
    );
  }
}

No estoy seguro de entender tu pregunta, pero si quieres que la imagen ocupe toda la pantalla, puedes usar un DecorationImage con un ataque de BoxFit.cover.

class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/images/bulb.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: null /* add child content here */,
      ),
    );
  }
}

Para su segunda pregunta, aquí hay un enlace a la documentación sobre cómo incrustar imágenes de activos dependientes de la resolución en su aplicación.

Si usas un Container como el cuerpo del Scaffoldsu tamaño será en consecuencia el tamaño de su hijo y, por lo general, eso no es lo que desea cuando intenta agregar una imagen de fondo a su aplicación.

Mirando esta otra pregunta, @ collin-jackson también sugería usar Stack en lugar de Container como el cuerpo del Scaffold y definitivamente hace lo que quieres lograr.

Así es como se ve mi código

@override
Widget build(BuildContext context) {
  return new Scaffold(
    body: new Stack(
      children: <Widget>[
        new Container(
          decoration: new BoxDecoration(
            image: new DecorationImage(image: new AssetImage("images/background.jpg"), fit: BoxFit.cover,),
          ),
        ),
        new Center(
          child: new Text("Hello background"),
        )
      ],
    )
  );
}

Captura de pantalla:

Código:

@override
Widget build(BuildContext context) {
  return DecoratedBox(
    decoration: BoxDecoration(
      image: DecorationImage(image: AssetImage("your_asset"), fit: BoxFit.cover),
    ),
    child: Center(child: FlutterLogo(size: 300)),
  );
}

Puedes usar Stack para hacer que la imagen se estire a pantalla completa.

Stack(
        children: <Widget>
        [
          Positioned.fill(  //
            child: Image(
              image: AssetImage('assets/placeholder.png'),
              fit : BoxFit.fill,
           ),
          ), 
          ...... // other children widgets of Stack
          ..........
          .............
         ]
 );

Nota: Opcionalmente, si está utilizando un Scaffoldpuedes poner el Stack dentro de Scaffold con o sin AppBar de acuerdo a sus necesidades.

Pude aplicar un fondo debajo del Scaffold (e incluso es AppBar) poniendo el Scaffold debajo de Stack y estableciendo un Container en la primera “capa” con la imagen de fondo establecida y fit: BoxFit.cover propiedad.

Ambos Scaffold y AppBar tiene que tener el backgroundColor establecer como Color.transparent y el elevation de AppBar tiene que ser 0 (cero).

¡Voila! ¡Ahora tiene un bonito fondo debajo de todo Scaffold y AppBar! 🙂

import 'package:flutter/material.dart';
import 'package:mynamespace/ui/shared/colors.dart';
import 'package:mynamespace/ui/shared/textstyle.dart';
import 'package:mynamespace/ui/shared/ui_helpers.dart';
import 'package:mynamespace/ui/widgets/custom_text_form_field_widget.dart';

class SignUpView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack( // <-- STACK AS THE SCAFFOLD PARENT
      children: [
        Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage("assets/images/bg.png"), // <-- BACKGROUND IMAGE
              fit: BoxFit.cover,
            ),
          ),
        ),
        Scaffold(
          backgroundColor: Colors.transparent, // <-- SCAFFOLD WITH TRANSPARENT BG
          appBar: AppBar(
            title: Text('NEW USER'),
            backgroundColor: Colors.transparent, // <-- APPBAR WITH TRANSPARENT BG
            elevation: 0, // <-- ELEVATION ZEROED
          ),
          body: Padding(
            padding: EdgeInsets.all(spaceXS),
            child: Column(
              children: [
                CustomTextFormFieldWidget(labelText: 'Email', hintText: 'Type your Email'),
                UIHelper.verticalSpaceSM,
                SizedBox(
                  width: double.maxFinite,
                  child: RaisedButton(
                    color: regularCyan,
                    child: Text('Finish Registration', style: TextStyle(color: white)),
                    onPressed: () => {},
                  ),
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}

Podemos usar Container y marcar su altura como infinito

body: Container(
      height: double.infinity,
      width: double.infinity,
      child: FittedBox(
        fit: BoxFit.cover,
        child: Image.network(
          'https://cdn.pixabay.com/photo/2016/10/02/22/17/red-t-shirt-1710578_1280.jpg',
        ),
      ),
    ));

Producción:

body: Container(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: AssetImage('images/background.png'),fit:BoxFit.cover
      )
    ),
);