如何创建类似的内容?:演示:
我知道Flutter
CupertinoSegmentedControl()
但这创建了类似于标签的东西,没有什么像里面有按钮的开关一样滑动的东西。
3xiyfsfu1#
我找到的最好的东西是CupertinoSlidingSegmentedControl():
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。
ogsagwnx2#
检查https://pub.dev/packages/material_segmented_control包中的控件,如x1c 0d1x还可以查看https://pub.dev/packages/custom_sliding_segmented_control以了解这些控件
它们都可以让你自定义控件的视觉方面,如圆角半径,颜色等。就我个人而言,我使用它们是因为CupertinoSegmentedControl和CupertinoSlidingSegmentedControl不允许更改圆角半径,这是我在应用程序中需要的。感谢编剧!
CupertinoSegmentedControl
CupertinoSlidingSegmentedControl
2条答案
按热度按时间3xiyfsfu1#
我找到的最好的东西是
CupertinoSlidingSegmentedControl()
:希望这能有所帮助。请参阅文档here。
ogsagwnx2#
检查https://pub.dev/packages/material_segmented_control包中的控件,如x1c 0d1x
还可以查看https://pub.dev/packages/custom_sliding_segmented_control以了解这些控件
它们都可以让你自定义控件的视觉方面,如圆角半径,颜色等。就我个人而言,我使用它们是因为
CupertinoSegmentedControl
和CupertinoSlidingSegmentedControl
不允许更改圆角半径,这是我在应用程序中需要的。感谢编剧!