state management - how to update selected radio button in flutter using getx statemanagment

Question

I am using Flutter with GetX plugin and I have two radio buttons inside statelessWidget but the radio button doesn't changed to selected when user click on it my question is how I can update screen to show selected radio the groupValue attribute changed using GetX pluing. here is my code

Radio(
  value: reportController.period[0],
  groupValue: reportController.selectedPeriod,
  onChanged: (val) {
                     reportController.selectedPeriod = val;
                              
                    },
     )

and this is my controller

import 'package:get/get.dart';

import 'package:ycom/models/report.dart';

class ReportController extends GetxController {
  var report = Report().obs;
  List<String> period = ["evening", "morning"];

  void set selectedPeriod(String selectedPeriod) {
    report.update((report) {
      report.selectedPeriod = selectedPeriod;
    });
  }

  String get selectedPeriod => report.value.selectedPeriod;
}

question from:https://stackoverflow.com/questions/65880935/how-to-update-selected-radio-button-in-flutter-using-getx-statemanagment

Answer 1

Try {setState(() {reportController.selectedPeriod = val;});} instead {reportController.selectedPeriod = val;},