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 или узнать о нас больше здесь. Мы с удовольствием пообщаемся! А если вы писатель, который хочет писать для нас, вы можете сделать это с помощью этих рекомендаций.