Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
17 of 1024 menu
◀ ▶

Виджет IndexedStack

Виджет IndexedStack похож на Stack, но рисует только дочерний виджет с номером index. Остальные остаются в дереве и сохраняют состояние, просто их не видно. Размер берётся по самому большому дочернему виджету, а не по видимому.

Синтаксис

IndexedStack( children: [ child1, ], )

Параметры

Параметр Описание
children Список дочерних виджетов.

Пример

Давайте применим IndexedStack на экране:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: IndexedStack( child: Text('abcde'), ), ), ), ); }

На экране виден дочерний виджет с текущим index. Остальные из стопки спрятаны.

Пример

Давайте соберём второй пример с IndexedStack:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: IndexedStack( child: Text('abcde'), ), ), ), ); }

Второй пример устроен так же.

Смотрите также

  • виджет Positioned,
    который задаёт координаты в Stack
  • виджет Container,
    который совмещает отступ и оформление
  • виджет Padding,
    который задаёт только отступ
  • виджет Center,
    который центрирует
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить