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

hjzp0vay  于 2022-11-30  发布在  Flutter
关注(0)|答案(2)|浏览(234)

如何创建类似的内容?:
演示:

我知道Flutter

CupertinoSegmentedControl()

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

3xiyfsfu

3xiyfsfu1#

我找到的最好的东西是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

ogsagwnx

ogsagwnx2#

检查https://pub.dev/packages/material_segmented_control包中的控件,如x1c 0d1x
还可以查看https://pub.dev/packages/custom_sliding_segmented_control以了解这些控件

它们都可以让你自定义控件的视觉方面,如圆角半径,颜色等。就我个人而言,我使用它们是因为CupertinoSegmentedControlCupertinoSlidingSegmentedControl不允许更改圆角半径,这是我在应用程序中需要的。
感谢编剧!

相关问题