Le widget Center dans Flutter

• La syntaxe d'un widget Center pour centrer un autre widget est
  Center( child: someWidget, )

Utiliser le widget Center dans Flutter pour centrer un text

• Dans l'exemple suivant, nous créons une application Flutter avec un widget Texte enveloppé dans un widget Centre.
Code de l'exemple

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  static const String _title = 'Le widget center';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title)),
        body: const MyStatefulWidget(),
      ),
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({Key? key}) : super(key: key);

  @override
  State createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State {
  @override
  Widget build(BuildContext context) {
    return const Center(
      child: Text(
        'apcpedagogie.com',
        style: TextStyle(fontSize: 30, color: Colors.blueAccent),
      ),
    );
  }
}

Résultat après exécution

Utiliser le widget Center dans Flutter pour centrer un "container"

• Dans l'exemple suivant, nous créons une application Flutter avec un widget container enveloppé dans un widget Center.
Code de l'exemple

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            body: Center(
                child: Container(
      padding: const EdgeInsets.all(0.0),
      color: Colors.blue,
      width: 120.0,
      height: 120.0,
    ))));
  }
}

Résultat après exécution