Fluter-自定义单选按钮

Question

我正在尝试在Flutter应用中构建表单，并且希望用户选择多个项目，类似于单选按钮。

我只是不喜欢单选按钮的外观，所以我想要更多类似于实质性按钮的东西，如下所示。

我尝试将其构建为列表视图，但是无法使其表现得像单选按钮或选择器按钮

现在，我试图做一些选择，但是我真的只是想让按钮看起来像单选按钮，当我提交表单时，按钮中的数据将通过它们传递。

Answer 1

我不确定是否能找到你，这就是你可以做的。您可以通过以下bool标志来跟踪单击了哪个按钮。

bool _selected1 = false, _selected2 = false, _selected3 = false;

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text("RadioButton")),
    body: Column(
      children: <Widget>[
        RaisedButton(
          color: _selected1 ? Colors.deepOrange : Colors.green,
          onPressed: () => setState(() => _selected1 = !_selected1),
          child: Text("Me"),
        ),
        RaisedButton(
          color: _selected2 ? Colors.deepOrange : Colors.green,
          onPressed: () => setState(() => _selected2 = !_selected2),
          child: Text("My Family"),
        ),
        RaisedButton(
          color: _selected3 ? Colors.deepOrange : Colors.green,
          onPressed: () => setState(() => _selected3 = !_selected3),
          child: Text("Someone Else"),
        ),
      ],
    ),
  );
}