首页>>移动端>>flutter->flutter左滑删除,flutter 侧滑删除

flutter左滑删除,flutter 侧滑删除

时间:2023-12-26 本站 点击:0

Flutter踩坑之旅

1、这是库的地址 PhilipsHue/flutter_reactive_ble: Flutter library that handles BLE operations for multiple devices. (github.com)安卓主要的坑就是,在使用蓝牙功能的时候,需要获取定位权限,这个需要动态获取。

2、最近在做个flutter蓝牙功能,用的flutter_blue,在iOS上没有任何问题,照着例子写完,正常运行蓝牙功能,但是在安卓上发现各种坑,用这个插件首先是有些设备拿不到设备名称,还有就是读写特征和ios上拿到的也不一样。

3、由于只有flutter的命令执行的时候无响应,所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后,问题仍然存在。

4、记录下坑 一开始我就使用Future、async、await去做异步操作,以为这样能解决问题,经过一天研究发现他们都还在同一个线程里面,也就是UI线程,导致卡顿,这明显不是我们想要的异步加载数据。

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 组件。

Flutter性能优化

直接在 build 里调用肯定可以,虽然 build 会被比较频繁执行,但是 of(context) 操作其实就是在一个 map 里通过 key - value 获取泛型对象,所以对性能不会有太大的影响。

Flutter使用谷歌自己的Skia渲染引擎,而Android系统自带Skia引擎,iOS平台上Flutter也会把Skia引擎打包到APP中,从而实现了高效渲染。而React Native通过桥接层访问原生UI,操作频繁就容易出性能问题。

一个Demo,3个动画的CPU使用率达到了80%,如果用java or kotlin 去实现应该不会有那么高的占有率,所以Flutter的还需要继续的优化。

Flutter:手把手教你使用滚动型列表组件:ListView

要实现上图的界面,直接想到是ListView添加Header。

SliverGridDelegate 是一个抽象类,定义了GridView Layout相关接口,子类需要通过实现它们来实现具体的布局算法。

解决方法一:listview 外面添加一个container,并且给定一个指定的高度。

当ListView、GridView作为Wrap、Column等组件的子组件时,若外部没有设置高度,则会产生此报错。解决放案:为ListView、GridView设置属性 shrinkWrap: true,刷新后,报错消失,但是发现其只可内部滚动。至此,需求达成。

关于flutter左滑删除和flutter 侧滑删除的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/flutter/64229.html