Flutter_ListView左滑出现删除按钮
如同iOS原生ListView的删除风格,列表项左滑,右侧出现删除按钮。这里用了2个dart文件,实现这个功能。(1) left_slide_actions.dart文件。(2)main.dart文件。
UITbableView作为列表展示信息,除了展示的功能,有时会用到删除的功能,比如购物车,视频收藏等。删除功能可以直接使用系统自带的删除功能,当横向向左轻扫cell时,右侧出现红色的删除按钮,点击删除当前cell。
问题出在系统适配上,左滑按钮事件,在iOS11系统中,是以UISwipeActionsConfiguration这个类来表示的 那么,把它设置为NO,就好了。
向左向右滑动,需要给每个listview的item单独的加上很多代码来控制显示和隐藏文字,更容易出现bug。长按删除这一操作,是从android系统推出以来就有的功能,便于用户操作,积累了操作习惯。
在需要使用 Slideview 的页面 page.json 中引入组件:WXML 文件中引用 slideview:JS 文件中需要配置左滑的按钮 slideButtons:这样即引用了 Slideveiw 组件。
步骤二:点击“X”符号接下来,我们只需要点击想要删除的应用图标右上角的“X”符号即可。此时,系统会弹出一个确认删除的提示框,需要我们再次确认是否要删除该应用。如果确认删除,则点击“删除”按钮即可。
3、Flutter中ThemeData与AppBar
1、iconTheme :设置appbar icon的颜色,appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色,这里可以在iconTheme中指定icon的颜色。
2、这里的ThemeData即为控制App的主题,primarySwatch设置即可控制主题的各类颜色,但是这里的颜色是需要MaterialColor,但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。
3、SliverAppBar 控件,一个 MD 的 AppBar 。属性和 AppBar 类似,但做的效果比 AppBar 更加强大。相同的属性具体可以看 Flutter 之 Scaffold 控件 , 里面有 AppBar 控件的介绍。
4、默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置:核心的思想就是在column中使用expend包裹一次然后child使用listView,这样的话输入框被聚焦的时候键盘就会把页面顶上去。
5、很早在做Demo的时候就想改变下CheckBox的未选中状态的颜色,但是多是设置全局 ThemeData.unselectedWidgetColor 的颜色来设置。不过可以想到的就是一个App中如果有不同颜色的变态需求的话...。
如何更改appbarleading图标
要更改leading图标,可以使用IconButton组件,并将其作为leading属性的值。IconButton是一个带有图标的可点击按钮。在IconButton中,可以指定一个图标,该图标将显示在AppBar的左侧。
flutter左侧图标按钮的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于flutter桌面小部件、flutter左侧图标按钮的信息别忘了在本站进行查找喔。