如何在Flutter中使用图像创建单选按钮

Question

我想在Flutter / Dart中创建这样的单选按钮。我尝试过但没有成功。

当用户选择性别时，所选按钮应以带有灰色背景的白色图标显示

Answer 1

您可以尝试这种方法：

int _value = 0;

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(),
    body: Padding(
      padding: const EdgeInsets.all(20.0),
      child: Row(
        children: <Widget>[
          GestureDetector(
            onTap: () => setState(() => _value = 0),
            child: Container(
              height: 56,
              width: 56,
              color: _value == 0 ? Colors.grey : Colors.transparent,
              child: Icon(Icons.call),
            ),
          ),
          SizedBox(width: 4),
          GestureDetector(
            onTap: () => setState(() => _value = 1),
            child: Container(
              height: 56,
              width: 56,
              color: _value == 1 ? Colors.grey : Colors.transparent,
              child: Icon(Icons.message),
            ),
          ),
        ],
      ),
    ),
  );
}