Pubblicità

Placeholder

Il metodo Placeholder() in Flutter è un widget che viene utilizzato per riservare spazio in una UI (User Interface) in fase di sviluppo. Questo widget visualizza un rettangolo con una linea diagonale che riempie l’area assegnata al widget. È utile durante lo sviluppo di un’applicazione quando vuoi visualizzare dove andrà un altro widget o contenuto senza averlo ancora implementato.

Principali proprietà di Placeholder:

  • color: consente di specificare il colore della linea diagonale. Se non viene specificato, il colore predefinito è grigio.
  • strokeWidth: consente di definire lo spessore della linea diagonale. Il valore predefinito è 2.0.
  • fallbackWidth: definisce la larghezza del widget se non viene specificato un valore esplicito. Il valore predefinito è 400.0.
  • fallbackHeight: definisce l’altezza del widget se non viene specificato un valore esplicito. Il valore predefinito è 400.0.

Esempio di utilizzo:

dartCopia codiceimport 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("Placeholder Example")),
        body: Center(
          child: Placeholder(
            color: Colors.red,
            strokeWidth: 4.0,
            fallbackHeight: 100.0,
            fallbackWidth: 100.0,
          ),
        ),
      ),
    );
  }
}

In questo esempio, viene creato un Placeholder al centro dello schermo con una linea diagonale rossa, un’altezza e una larghezza di 100 pixel, e uno spessore della linea di 4 pixel. Questo widget ti aiuta a visualizzare rapidamente il layout senza dover implementare il contenuto finale.