🧩Spacer

Что такое Spacer

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

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

В этом примере мы создадим интерфейс с двумя текстовыми элементами, которые будут разделены пространством, созданным с помощью Spacer.

import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Spacer Example')),
      body: const Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('Left Text'),
          Spacer(flex: 1), // Создаёт пространство между текстами
          Text('Right Text'),
        ],
      ),
    );
  }
}

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

1. Scaffold — это основа для нашего интерфейса, как пустой холст.

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

3. Row — используется для размещения виджетов горизонтально, как полка с книгами.

4. Text — это текстовые элементы, которые мы хотим показать.

5. Spacer — добавляет пространство между текстами. Мы можем настроить, сколько пространства нужно оставить, используя параметр flex.

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

1. flex

   • Описание: Определяет, какую долю свободного пространства должен занять этот виджет. По умолчанию значение равно 1.

   • Пример:

     flex: 1 // Этот Spacer займет 1 часть свободного пространства

   • Применение: Используется для настройки, сколько именно пространства будет создано между элементами. Если у вас несколько Spacer, то они будут делить доступное пространство пропорционально своим значениям flex.

Итог

Spacer — это простой и эффективный способ создания пространства между виджетами. Если вам нужно отделить элементы друг от друга или создать гибкое пространство в вашем интерфейсе, используйте Spacer. Он легко настраивается и делает ваш интерфейс более организованным и аккуратным.