Flutter: как создать радиокнопки внутри списка?

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

 var _oneValue = '';
  var timeSlot = [
    "١٢:٠٠ منتصف الليل",
    "١:٠٠ صباحا",......


  Row(
                                                            mainAxisAlignment:
                                                                MainAxisAlignment
                                                                    .spaceBetween,
                                                            children: [
                                                              Expanded(
                                                                child: Text(
                                                                  (timeSlot[i]),
                                                                  style: Typographies
                                                                      .largeBodyStyle(),
                                                                ),
                                                              ),
                                                              Radio(
                                                                  activeColor:
                                                                      ColorManager
                                                                          .black,
                                                                  value: timeSlot[i],
                                                                  groupValue:
                                                                      _oneValue,
                                                                  onChanged:
                                                                      (value) {
                                                                    setState(
                                                                        () {
                                                                      _oneValue =
                                                                          value!;
                                                                      print(
                                                                          _oneValue);
                                                                    });
                                                                  })
                                                            ],
                                                          ),

попробуй переключаться между элементами

flutter dart radio-button row flutter-listview

25.04.2023 04:14

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

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

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

ОБНОВЛЕНО:

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

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

  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title)),
        body: const MyStatefulWidget(),
      ),
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({super.key});

  @override
  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  List timeSlot = [
    {'label': 'Item1', 'value': 1},
    {'label': 'Item2', 'value': 2}
  ];
  int _oneValue = -1;
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        for (var item in timeSlot)
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Expanded(
                child: Text(
                  (item['label']),
                  // style: Typographies.largeBodyStyle(),
                ),
              ),
              Radio(
                  activeColor: Colors.blue,
                  value: item['value'],
                  groupValue: _oneValue,
                  onChanged: (value) {
                    setState(() {
                      _oneValue = value!;
                      print(_oneValue);
                    });
                  })
            ],
          ),
      ],
    );
  }
}

но в radioListTile: radio btn рядом с заголовком мне нужно разделить их как дизайн

— 25.04.2023 05:19

Вы всегда можете настроить переключатель, используя его свойство формы

— 25.04.2023 05:23

@FlutterDeveloper Я обновил код с помощью вашего фрагмента и без radioListTile. Здесь работает переключение. Проверьте один раз.

— 25.04.2023 05:47

все еще не работает, '''

— 25.04.2023 17:24

какая часть не работает? Я вижу, что значения обновляются в операторе печати

— 26.04.2023 02:08

он находится внутри нижнего листа и не отображается, но я решил это и теперь работал.

— 26.04.2023 14:11