Flutter 在圆形容器内创建单选按钮

Question

      return Material(
      child: Center(
        child: Stack(
          children: <Widget>[
            Container(
              alignment: Alignment.center,
              child: new Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  Stack(
                    children: <Widget>[Positioned(
                      top: 15,
                      left: 5,
                      child:  Container(
                        alignment: Alignment.center,
                        width: 25.0,
                        height: 25.0,
                        decoration: new BoxDecoration(
                          shape: BoxShape.circle,
                          color: const Color(0XFFE6E6E6),
                          border: new Border.all(
                            width: 0.0,
                            color: Colors.white,
                          ),
                        ),
                      )
                    ),
                      Center(                                               
                        child: Radio(
                          groupValue: null,
                          onChanged: (Null value) {},
                          value: null,
                        ),
                      )
                    ],
                  )
  }

I am implementing radiobutton in gridview i want to create a radio button inside the container.The code which i tried above is not placing the radio button inside container.

Answer 1

try this one. You can get the code as per your need.

Material(
        child: Container(
      height: 200.0,
      decoration: new BoxDecoration(
        color: Colors.white,
        shape: BoxShape.circle,
      ),
      child: Center(
        child: Stack(
          children: <Widget>[
            Container(
              alignment: Alignment.center,
              child: new Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Stack(
                    alignment: Alignment.center,
                    children: <Widget>[
                      Container(
                        alignment: Alignment.center,
                        width: 20.0,
                        height: 20.0,
                        decoration: new BoxDecoration(
                          shape: BoxShape.circle,
                          color: const Color(0XFFE6E6E6),
                          border: new Border.all(
                            width: 0.0,
                            color: Colors.white,
                          ),
                        ),
                      ),
                      Padding(
                        padding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0),
                        child: Radio(
                          groupValue: null,
                          onChanged: (Null value) {},
                          value: null,
                        ),
                      )
                    ],
                  )
                ],
                // child: contentInCircle,
              ),
            ),
          ],
        ),
      ),
    ))