首页 > 解决方案 > 如何用颤振执行开关按钮?

问题描述

我是 Flutter 的新手,我需要在我的 Flutter 应用程序上执行一个按钮,我在网上看到了一些包(custom_switchtoggle_switch),但渲染与我想要执行的设计并不完全相同。 这是我想做的图片

标签: flutter

解决方案


我不知道有类似的设计,所以我想你需要自己构建它。

以下可能是您可以使用容器添加的底层逻辑、圆角边框等。

Row(children: <Widget> [
  Flatbutton(
    color: (toggle ? color1 : color2),
    Text("on"),
    onPressed: () => toggle = !toggle,
  ),
  
  Flatbutton(
    color: (toggle ? color2 : color1),
    Text("off"),
    onPressed: () => toggle = !toggle,
  )
])

推荐阅读