title: Flutter Radio Button not showing that it is selected
body: <p>I have three radio buttons so that the user can select their gender. However, only the male radio button is getting highlighted. Even though my console prints other radio buttons when selected, they don't get highlighted on screen. I don't know what to do about it so any help will be really appreciated!</p>
  <pre><code>    import 'package:flutter/material.dart';
  import 'package:vibing/User_Login.dart';
  import 'package:vibing/register_user.dart';
  import 'package:vibing/register_user.dart';
  
  class UserDetails extends StatefulWidget {
    @override
    _UserDetailsState createState() =&gt; _UserDetailsState();
  }
  
  enum Gender{
    Male, Female, Others
  }
  
  class _UserDetailsState extends State&lt;UserDetails&gt; {
  
  
    @override
    Widget build(BuildContext context) {
      final formkey = GlobalKey&lt;FormState&gt;();
  
       String user_name;
       String user_age;
       int group_value = -1;
       Gender _gender = Gender.Male;
  
  
      final _userName = Container(
        padding: EdgeInsets.only(left: 10, right: 10),
        child: TextFormField(
          autofocus: false,
          keyboardType: TextInputType.text,
          validator: (value) {
            if(value.isEmpty)
            {
              return 'Field cannot be empty';
            }
            return null;
          },
          onSaved: (value)=&gt; user_name = value,
          decoration: InputDecoration(
            hintText: 'Enter Name',
            border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(10)
            ),
          ),
        ),
      );
  
  
  
  
      final _userAge = Container(
        padding: EdgeInsets.only(left: 10, right: 10),
        child: TextFormField(
          keyboardType: TextInputType.number,
          autofocus: false,
          validator: (value) {
            if(value.isEmpty)
            {
              return 'Field cannot be empty';
            }
            return null;
          },
          onSaved: (value)=&gt; user_age = value,
          decoration: InputDecoration(
            hintText: 'Enter Age',
            border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(10)
            ),
          ),
        ),
      );
  
  
  
  
      final _male = Radio(
        value: Gender.Male,
        activeColor: Colors.black,
        groupValue: _gender,
        onChanged: (Gender value){
          setState(() {
            print(value);
            _gender = value;
          });
        },
      );
  
  
      final _female = Radio(
        activeColor: Colors.black,
      value: Gender.Female,
      groupValue: _gender,
      onChanged: (Gender value){
        setState(() {
          print(value);
          _gender = value;
        });
      },
      );
  
      final _others = Radio(
        activeColor: Colors.black,
          value: Gender.Others,
          groupValue: _gender,
          onChanged: (Gender value){
            setState(() {
              print(value);
              _gender = value;
            });
          },
        );
  
  
      return Scaffold(
        backgroundColor: Colors.yellow,
        body: Container(
          key: formkey,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: &lt;Widget&gt;[
              Text(&quot;Register&quot;,
              style: TextStyle(fontSize: 64.0, fontWeight: FontWeight.bold),),
              SizedBox(height: 50,),
              _userName,
              SizedBox(height: 20,),
              _userAge,
              SizedBox(height: 30,),
              Row(
                crossAxisAlignment: CrossAxisAlignment.center ,
                children: &lt;Widget&gt;[
                  Text(&quot;      Gender: &quot;, style: TextStyle(fontSize: 20.0),),
                  _male,
                  Text(&quot;Male&quot;),
                  _female,
                  Text(&quot;Female&quot;),
                  _others,
                  Text(&quot;Others&quot;),
                ],
              ),
  
              Row(
                crossAxisAlignment: CrossAxisAlignment.center ,
                children: &lt;Widget&gt;[
                  FloatingActionButton.extended(
                      heroTag: &quot;next_button&quot;,
                      backgroundColor: Colors.yellow,
                      foregroundColor: Colors.black,
                      onPressed: ()=&gt; Navigator.push(context, MaterialPageRoute(builder: (context)=&gt;UserReg())),
                      label: Text(&quot;Next&quot;, style: TextStyle(fontWeight: FontWeight.bold),)
                  ),
                  SizedBox(width: 230,),
                  FloatingActionButton.extended(
                      heroTag: &quot;prev_button&quot;,
                      backgroundColor: Colors.yellow,
                      foregroundColor: Colors.black,
                      onPressed: ()=&gt; Navigator.push(context, MaterialPageRoute(builder: (context)=&gt;UserLogin())),
                      label: Text(&quot;Prev&quot;, style: TextStyle(fontWeight: FontWeight.bold),)
                  ),
                ],
              ),
            ],
          ),
        ),
      );
    }
  }
  </code></pre>