button - 使用 slider 按钮创建分段控件小部件-Flutter

Question

如何创建与此类似的内容？:

演示:


我知道 flutter 有

CupertinoSegmentedControl()

但这会创建类似于选项卡的内容，不会像滑动带有内部按钮的Switch那样滑动任何内容。

Answer 1

我发现最好的是CupertinoSlidingSegmentedControl():

class _ViewState extends State<View> {
  int segmentedControlGroupValue = 0;
  final Map<int, Widget> myTabs = const <int, Widget>{
    0: Text("Item 1"),
    1: Text("Item 2")
  };

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CupertinoSlidingSegmentedControl(
          groupValue: segmentedControlGroupValue,
          children: myTabs,
          onValueChanged: (i) {
            setState(() {
              segmentedControlGroupValue = i;
            });
          }),
    );
  }
}

希望这可以帮助。参见文档here。