Ajouter Padding et Margin sur le widget de texte dans Flutter

• EdgeInsets aide à créer le rembourrage externe ou le rembourrage interne pour un Widget en fonction des paramètres visuels, left, top, right et bottom .
• Le constructeur EdgeInsets.all est utilisé pour créer un objet EdgeInsets avec la même valeur pour les quatre propriétés left, top, right, bottom .



const EdgeInsets.all(double value)

//Même padding sur les quatre côtés : left, top, right, bottom
padding: EdgeInsets.all(40)

• EdgetInsets.LTRB() définit un décalage dans toutes les directions en fonction de la valeur transmise pour chacune. Les directions doivent être spécifiées dans l’ordre gauche, haut, droite et bas

//fournir un padding de left, top, right, bottom respectivement
padding: EdgeInsets.fromLTRB(20, 25, 30, 50)

• EdgetInsets.only() définit un décalage uniquement dans les directions spécifiées. Les directions gauche, haut, droite et bas peuvent être spécifiées

//fournir un padding uniquement sur les côtés spécifiés
padding: EdgeInsets.only(left: 30, top: 50),

• EdgetInsets.symmetric() Définit un décalage vertical et horizontal.
gauche = droite = horizontale
haut = bas = vertical

//fournir un padding horizontal ou vertical uniquement
padding: EdgeInsets.symmetric(horizontal: 30, vertical: 50),

//Même margin sur les quatre côtés : left, top, right, bottom
margin: const EdgeInsets.all(40),

//Même margin et padding sur les quatre côtés : left, top, right, bottom
padding: const EdgeInsets.all(40),
margin: const EdgeInsets.all(40),

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text("Padding et Margin dans Flutter"),
        ),
        body: Container(
          decoration: const BoxDecoration(
            color: Colors.blue,
          ),
          padding: const EdgeInsets.all(40),
          margin: const EdgeInsets.all(40),
          child: const Text("C'est notre widget container",
              style: TextStyle(fontSize: 20)),
        ),
      ),
    );
  }
}