使用滑块按钮创建分段控件小部件 - Flutter

Gab*_*che 8 controls button flutter flutter-layout

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

演示:
演示

我知道颤振有

CupertinoSegmentedControl()
Run Code Online (Sandbox Code Playgroud)

但这会创建类似于标签的东西,没有什么像里面有按钮的开关那样滑动。

Aid*_*all 22

我发现的最好的事情是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;
            });
          }),
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助。请参阅此处的文档。

  • 太棒了,这里有关于实施的票证和显示行为的图像。https://github.com/flutter/flutter/pull/42775 (2认同)