Flutter - CheckboxListTile - 边框颜色为白色

Question

I don't have any idea how to change the color of checkbox border and move the text closer. Below is my code and image of I want to achieve.

Thanks!

CheckboxListTile(
                  title: const Text('Remember Me'),
                  value: _isSelected,
                  onChanged: (bool value) {
                    setState(() {
                      _isSelected = value;
                    });
                  },
                  controlAffinity: ListTileControlAffinity.leading,
                ),

Answer 1

Try this solution:

Theme(
    data: ThemeData(unselectedWidgetColor: Colors.white),
    child: CheckboxListTile(....),
    )

Answer 2

these two property check color and active color helps you to change the color of check box.. for moving closer the text.You can use Container or Row: you can use row with main axis alignment.

Answer 3

If someone tries to change the border of the Checkbox list tile, not the checkbox itself.

CheckboxListTile(
  title: const Text('text'),
  shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.circular(20.0), // Optionally
    side: const BorderSide(color: Colors.pink),
  ),
  value: true,
  onChanged: (_) {},
)

Makes it look like that.

Answer 4

You can use Checkbox inside a Row

Row(children:[Checkbox(...), Text(...)]);

Answer 5

I don't have any idea how to change the color of checkbox border and move the text closer. Below is my code and image of I want to achieve.

Thanks!

CheckboxListTile(
                  title: const Text('Remember Me'),
                  value: _isSelected,
                  onChanged: (bool value) {
                    setState(() {
                      _isSelected = value;
                    });
                  },
                  controlAffinity: ListTileControlAffinity.leading,
                ),