Imágenes de la web

Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 27 de 32.

Image.network muestra una imagen de una dirección web:

Image.network('https://picsum.photos/id/10/300/200')

La aplicación descarga la imagen mientras se ejecuta, así que puede aparecer un momento después que el resto de la pantalla. width: establece el ancho con el que se dibuja, y la altura se ajusta para mantener su forma:

Image.network('https://picsum.photos/id/10/300/200', width: 150)

Las imágenes incluidas en la propia aplicación se usan con Image.asset. Te encontrarás con este método cuando crees tu propio proyecto.

Desafío

Fácil

Muestra esta imagen encima del pie de foto, como primer hijo de Column:

https://picsum.photos/id/237/300/200

Pruébalo tú mismo

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('A good dog', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}