使用滑块按钮创建分段控件小部件 - Flutter [英] Create a Segmented Control Widget with slider button - Flutter

问题描述

我如何创建类似的东西?:

How do I create something similar to this?:

演示:

我知道颤振有

CupertinoSegmentedControl()

但这会创建类似于选项卡的东西，不会像内部带有按钮的 Switch 那样滑动.

But this creates something similar to tabs, nothing that slides like something a Switch with a button inside.

推荐答案

我发现最好的东西是 CupertinoSlidingSegmentedControl():

Best thing I have found is the 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;
            });
          }),
    );
  }
}

希望这会有所帮助.请参阅此处的文档.

Hope this helps. See the docs here.

这篇关于使用滑块按钮创建分段控件小部件 - Flutter的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！