【问题标题】:Create radio button on / off创建单选按钮开/关
【发布时间】:2020-10-19 05:02:32
【问题描述】:

我需要在flutter中创建一个ios风格的开/关按钮,某种方式或允许它完成的组件?,我尝试了多种方式,但它不起作用。

示例 enter image description here

【问题讨论】:

  • 尝试两个按钮,但退出,我不再有代码,我正在寻找一些组件或某种方式。感谢朋友的帮助。
  • 感谢您的回答,看起来不错,只需要是/不需要文字,我会调查 :)
  • 显然它不允许改变颜色和标签。

标签: flutter


【解决方案1】:

您可以使用 custom_switch 包:https://pub.dev/packages/custom_switch

这是基本用法:

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {

  bool status = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Custom Switch Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            CustomSwitch(
              activeColor: Colors.pinkAccent,
              value: status,
              onChanged: (value) {
                print("VALUE : $value");
                setState(() {
                  status = value;
                });
              },
            ),
            SizedBox(height: 12.0,),
            Text('Value : $status', style: TextStyle(
              color: Colors.black,
              fontSize: 20.0
            ),)
          ],
        ),
      ),
    );
  }
}

还有例子:

【讨论】:

  • 感谢帮助,已经很接近了,但是我无法更改标签,它只显示“开/关”,我需要“是/否”
  • 亲爱的,非常感谢你的帮助,最后我留在了 CupertinoSwitch,这是最接近我需要的一个,唯一一个你不能说“是/否”的细节标签,但无论如何它对我有用,感谢您的所有合作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-09-13
  • 1970-01-01
  • 1970-01-01
  • 2012-09-18
  • 1970-01-01
相关资源
最近更新 更多