создание меню выбора с помощью flutter

#flutter #dart #mobile

Вопрос:

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

Комментарии:

1. Я не совсем понимаю вопрос, вы можете проверить ExpansionTile , DropDownMenuItem

Ответ №1:

Вы можете использовать столбец для компоновки этого типа представления с селектором для каждого дочернего элемента.

 class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
 return Column(
   children: [
     GestureDetector(
       onTap: (){
         //Take an action like navegate to another route with pressed info
         /*Navigator.push(
               context,
               MaterialPageRoute(builder: (_) => const NextRoute(text : 'girlboy friend')),);*/
       },
       child: Text(
         'girl/boy friend',
       ),
     ),
     Divider(),
      Text(
       'Just friend',
     ),
     Divider(),
      Text(
       'Mother/father',
     ),
   ],
 );
}
}
 

Результат этого кода

Комментарии:

1. Большое спасибо 🙂

Ответ №2:

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

Фреймворк flutter поставляется в комплекте с материалом и таблицей действий из Купертино —