🧩Center

Что такое Center

Center — это виджет в Flutter, который помогает разместить свой дочерний элемент точно по центру родительского контейнера. Подумайте об этом как о том, как вы ставите чашку на стол. Если вы хотите, чтобы она была прямо посередине, вы просто ставите её в центр. Center делает то же самое с виджетами.

Пример использования

В этом примере мы создадим экран, где текст будет выровнен по центру.

import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Center Example')),
      body: const Center(
        child: Text(
          'Hello, Flutter!',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

Как работает код

  1. Scaffold — это основа нашего экрана, как каркас для картины.

  2. AppBar — это верхняя панель, где написано название приложения.

  3. Center — оборачивает текст и ставит его точно в середину всего экрана. Если бы вы захотели расположить что-то в центре комнаты, Center делает то же самое, но в приложении.

  4. Text — это то, что мы хотим показать. Здесь мы выводим "Hello, Flutter!" и задаём размер шрифта.

Все настройки Center

  1. child

    • Описание: Это дочерний виджет, который мы хотим разместить по центру.

    • Пример:

      child: Text('Hello') // Текст, который будет по центру

    • Применение: Позволяет указать, какой именно элемент мы хотим разместить в центре.

Итог

Center — это простой и полезный виджет, который позволяет вам быстро размещать элементы точно посередине экрана. Если вы хотите, чтобы что-то было в центре, используйте Center, и это будет сделано за вас.

PreviousAlignNextExpanded

Last updated