SegmentedControl во Flutter

Все в одном ресурсе Flutter: https://flatteredwithflutter.com/segmentedcontrol-in-flutter/

Вернувшись после долгого перерыва, уф ...

В моей карьере мобильного программиста я всегда был тайным поклонником iOS. Их способ демонстрации данных пользователю постоянно удерживал меня от них. Одним из таких элементов управления из их корзины является:

Сегментированный контроль

Если вы являетесь пользователем iOS, возможно, вы уже сталкивались с этим элементом управления в их приложении для телефона… с отображением всех / пропущенных вызовов.

Изучая способ программирования этого элемента управления во Flutter, пока не нашел

CupertinoSegmentedControl от

импортировать «package: flutter / cupertino.dart»;

Согласно рекомендациям по флаттеру для CupertinoSegmentedControl:

Отображает виджеты, представленные на Карте детей в горизонтальном списке. Используется для выбора между несколькими взаимоисключающими опциями. Когда выбран один параметр в сегментированном элементе управления, другие параметры в сегментированном элементе управления перестают быть выбранными.

Как использовать…

дети: это должна быть карта виджетов… (см., например, вниз)

onValueChanged: получение значения выбранной вкладки и соответствующее отображение виджета.

groupValue: идентификатор текущего выбранного виджета. Это должен быть один из ключей в Карте детей. Если этот атрибут имеет значение NULL, виджет изначально не выбирается.

Здесь logoWidgets состоит из карты с целыми числами и текстовых виджетов для их идентификации в groupValue….

Когда пользователь нажимает на следующий сегмент, выбор изменяется, и виджет отображается соответственно (в соответствии с выбранным индексом)…

Используется индекс, полученный с помощью функции onValueChanged. Затем это значение сравнивается со старым значением. И вызывается setState ().

В этом примере мы перемещались между тремя сегментами / вкладками и визуализировали виджеты, соответствующие индексу (соответствие из коллекции карты)….

Статьи, связанные с Flutter:





Полный исходный код см. На сайте



Flutter Pub - это издание среднего размера, которое предоставляет вам самые свежие и удивительные ресурсы, такие как статьи, видео, коды, подкасты и т. Д. Об этой замечательной технологии, чтобы научить вас создавать с ее помощью красивые приложения. Вы можете найти нас на Facebook, Twitter и Medium или узнать о нас больше здесь. Мы с удовольствием пообщаемся! А если вы писатель, который хочет писать для нас, вы можете сделать это с помощью этих рекомендаций.