1

¿Cómo puedo hacer que las imágenes permanezcan en su tamaño original? Es que cuando las agrego se hacen pequeñas para mantener la pantalla.

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Planos Fisicos'),
        backgroundColor: Color.fromARGB(255, 141, 44, 158),
        leading: IconButton(
          onPressed: (() {
            if (Navigator.canPop(context)) {
              Navigator.pop(context);
            }
          }),
          icon: Icon(Icons.arrow_back),
        ),
      ),
      body: Column(
        children: [
          //Scrollbar(child: ListView.builder(itemCount: 5, itemBuilder: (c, i) => MyItem,),),
          Padding(
            padding: EdgeInsets.all(5),
          ),
          Expanded(
            child: Image.asset('imagenes/planof1.jpg'),
          ),
          Padding(
            padding: EdgeInsets.all(5),
          ),
          Expanded(
            child: Image.asset('imagenes/planof2.jpg'),
          ),
          Padding(
            padding: EdgeInsets.all(5),
          ),
          Expanded(
            child: Image.asset('imagenes/planof3.jpg'),
          ),
          Padding(
            padding: EdgeInsets.all(5),
          ),
          Expanded(
            child: Image.asset('imagenes/planof4.jpg'),
          ),
          Padding(
            padding: EdgeInsets.all(5),
          ),
          Padding(
            padding: EdgeInsets.all(10),
          ),
          Expanded(
            child: Text(
              'Aqui podemos apreciar algunos planos que he realizado a mano con todas las herramientas necesarias',
              textAlign: TextAlign.center,
              style: TextStyle(
                fontSize: 20,
                color: Colors.purple,
                backgroundColor: Colors.white70,
                fontWeight: FontWeight.bold,
                fontStyle: FontStyle.italic,
                letterSpacing: 2,
              ),
            ),
          )
        ],
      ),
    );

Ese el código que llevo al momento.

introducir la descripción de la imagen aquí

4
  • Si mantienes el tamaño original de la imagen, no cabrá en la pantalla probablemente. Lo mejor que quedes hacer es usar un ListView o un PageView y hacer que cada imagen ocupe el 100 % del ancho y el alto. Puedes usar MediaQuery.of(context) o LayoutBuilder para obtener las dimensiones de la pantalla.
    – Manuel
    Commented el 12 oct. 2022 a las 18:51
  • Gracias, utilicé el ListView y se ve mucho mejor, ahora solo tengo un detalle con un botón que no me deja ir hacia otra página Commented el 12 oct. 2022 a las 20:36
  • Haz una nueva pregunta entonces con esa duda. Por otro lado, podrías autocontestar esta pregunta añadiendo el código con la modificación
    – Manuel
    Commented el 13 oct. 2022 a las 9:38
  • Me llama la atención que usas Column en lugar de un ListView, creo que es lo correcto como comenta Manuel.
    – Jorgesys
    Commented el 19 oct. 2023 a las 19:39

2 respuestas 2

0

Lo recomendable en este caso es usar un ListView en lugar de Column, esto para asegurar que las imágenes conserven el tamaño, cambia a usar un ListView:

...
...
    body: ListView(
      children: [
        Padding(
          padding: EdgeInsets.all(5),
        ),
        Image.asset('imagenes/planof1.jpg'),
        Padding(
          padding: EdgeInsets.all(5),
        ),
        Image.asset('imagenes/planof2.jpg'),
        Padding(
          padding: EdgeInsets.all(5),
        ),
        Image.asset('imagenes/planof3.jpg'),
        Padding(
          padding: EdgeInsets.all(5),
        ),
        Image.asset('imagenes/planof4.jpg'),
        Padding(
          padding: EdgeInsets.all(5),
        ),
        Padding(
          padding: EdgeInsets.all(10),
        ),
        Text(
          'Aqui podemos apreciar algunos planos que he realizado a mano con todas las herramientas necesarias',
          textAlign: TextAlign.center,
          style: TextStyle(
            fontSize: 20,
            color: Colors.purple,
            backgroundColor: Colors.white70,
            fontWeight: FontWeight.bold,
            fontStyle: FontStyle.italic,
            letterSpacing: 2,
          ),
        )
      ],
    ),
...
...
0

asset tiene en su codigo para redimensionar la imagen.

Image.asset('imagenes/planof4.jpg', width: 200,height: 250)

Espero te ayude mi respuesta

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.