mercredi 23 mai 2018

Flutter checkbox unwanted touch space

I tried to create a login screen using flutter, there I added remember me checkbox, but I could not align it correctly,

Flutter checkbox took unwanted space around itself, for the provide good touch user experience.

This is the how my layout show,

enter image description here

Check below code,

        new Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  new Row(
                    children: <Widget>[
                      new Checkbox(
                        activeColor: Colors.grey,
                        value: _isChecked,
                        onChanged: (bool value) {
                          _onChecked(value);
                        },
                      ),
                      new GestureDetector(
                        onTap: () => print("Remember me"),
                        child: new Text(
                          "Remember me",
                          style: new TextStyle(color: Colors.white70),
                        ),
                      )
                    ],
                  ),
                  new Text(
                    "Forgot password ?",
                    style: new TextStyle(color: Colors.white70),
                  )
                ],
              ),




Aucun commentaire:

Enregistrer un commentaire