草庐IT

flutter_swiper

全部标签

flutter更新后[VERBOSE-2:FlutterDarwinContextMetalImpeller.mm(35)] Using the Impeller rendering backend,

 在更新Flutter3.10.0后编译项目出现上线这样的提示,原因是在Flutter3.10.0后iOS默认使用开始使用Impeller 。在3.7版本中Impeller就被引入用于未来替换Skia,Flutter团队面对Skia上越来越多的问题无法有效快速推进,所以走上了自研Impeller的道路。关闭这个提示,只需把plist里的 FLTEnableImpeller 设置为 false。如下面这样就ok了。 ...//省略代码 FLTEnableImpeller ...//省略代码

flutter的setState详细分析以及性能优化

Flutter的setState()方法是用于更新widget状态的。在Flutter中,widget通常被描述为不可变的对象,当widget的状态发生改变时,Flutter会创建一个新的widget,并将其与之前的widget进行比较,然后进行重建。因此,使用setState()方法可以告诉Flutter重新构建当前widget的子树。setState()方法的源码非常简单,它只是将一个回调函数放入队列中,以便在下一帧中调用它,如下所示:voidsetState(VoidCallbackfn){assert(fn!=null);assert((){if(_debugLifecycleStat

Flutter 绘制番外 | 将你的 Canvas 绘制保存为图片

theme:cyanosis前言光阴似箭,《Flutter绘制指南-妙笔生花》转眼间已经发布两年半了,不知道各位练习得怎么样。有不少朋友问过如何将Canvas绘制的内容保存为图片,最近在做的东西刚好涉及了这块,通过本文来分享一下。提到保存图片,很多人可能会想到RepaintBoundary,但它使用起来有点繁琐,同时也存在一些局限性。而且Canvas有更灵活的生成图片方式,没有必要使用RepaintBoundary,下面一起来看看吧!1.自己创建Canvas对象如果我问:如何得到Canvas对象,来进行绘制操作?可能绝大多数朋友都知道继承自CustomPainter,在paint回调中获取Ca

vue3 - swiper插件 实现PC端的 视频滑动功能(仿抖音短视频)

 swiper官网​​​​​​swiper属性/组件查询vue中使用swiper步骤:①npminstallswiper安装②基础模板:......import{Swiper,SwiperSlide}from'swiper/vue';import"swiper/swiper-bundle.css";exportdefault{name:'VideoList',components:{Swiper,SwiperSlide,},data(){return{...}}}  如图:属性:direction="'vertical'",滑动方向,vertical垂直方向。(注:一定要两对引号包裹着,否则不

flutter开发实战-应用更新apk下载、安装apk、启动应用实现

flutter开发实战-应用更新apk下载、安装apk、启动应用实现在开发过程中,经常遇到需要更新下载新版本的apk文件,之后进行应用更新apk下载、安装apk、启动应用。我们在flutter工程中实现下载apk,判断当前版本与需要更新安装的版本进行比对判断,通过判断VersionCode来确定下载新版版APK一、应用更新apk下载当应用需要更新的时候,我们需要判断版本号,在flutter工程中versionCode是工程中的pubspec.yaml中的version确定的。如version:1.0.0+1version为1.0.0,versionCode为1需要我们获取接口,需要判断的就是v

flutter 实战 之 GridView

GridView和ListView是Flutter中用于构建滚动列表的两种常见小部件。它们之间的主要区别在于它们的布局方式和如何显示其子小部件。布局方式:ListView是单列或单行的滚动列表,它垂直或水平滚动。可以根据需要垂直排列或水平排列子小部件。GridView是一个二维网格列表,可以在垂直和水平方向上滚动。子小部件以行和列的形式进行排列。子小部件排列:ListView的子小部件是单列(或单行)排列的,依次从顶部到底部(或从左到右)排列。它适合于在一个方向上展示大量垂直或水平排列的数据。GridView的子小部件是以二维网格的形式排列的,可以按行或列展示。根据不同的构造函数,可以设置子小

flutter中数据库(Drift)的使用

前言Flutter目前比较好用的sqlite数据库orm框架就是drift(以前叫作moor),由于dart语言不支持反射,这个框架使用了dart代码生成器,自动生成代码。这个数据库框架的优点是支持全平台使用,此框架通过使用datr语言的ffi功能(相当于JAVA的jni)来调用sqlite动态库实现数据库操作,Web平台是通过wasm(浏览器可以运行的二进制文件,可由C、C++、rust、go等语言编译而来)来调用sqlite,Web平台的sqlite数据库文件则通过indexeddb虚拟文件系统保存。官方文档https://drift.simonbinder.eu/docs/platfor

封装flutter webview页面

例如在flutter里面跳转百度页面需要安装webview_flutterwebview_page.dartimport'package:flutter/material.dart';import'package:webview_flutter/webview_flutter.dart';classMyWebViewextendsStatefulWidget{constMyWebView({super.key,requiredthis.webViewUrl,this.webViewTitle=''});finalStringwebViewUrl;finalStringwebViewTitle;

MacOS 14 系统 XCode15、 Flutter 开发 IOS

Flutter系列文章目录MacOS14Sonoma安装Flutter开发环境MacOS系统Flutter开发Android环境配置MacOS系统Flutter开发IOS环境配置​​​​​​​前言前面我们已经在MacOS14M3芯片上安装好Flutter环境,包括开发工具VsCode、AndroidStuiod,那么flutter如何开发IOS呢?我们知道IOS开发语言为objcet-c或者swift,Flutter是如何和它们交互的呢?其实本节你可以不用知道那么多的,但有一个是肯定的你必须安装xCode,想必懂开发的都应该知道这工具,因为 MacOS14所以系统配备xCode15。🔧先按步骤

Flutter - APP跳转高德、百度、腾讯、谷歌地图

demo地址:https://github.com/iotjin/jh_flutter_demo代码不定时更新,请前往github查看最新代码这里介绍的是不需要自己开发地图,直接通过给定的经纬度,跳转到三方地图APP调用导航的方式一种是写的工具类,一种是通过调用三方库map_launcher实现的官方文档:跳转高德导航-路径规划高德地图官方文档-Android高德地图官方文档-iOS跳转高德导航高德地图官方文档跳转百度导航-路径规划百度地图官方文档跳转腾讯导航腾讯地图官方文档参考文章:Flutter跳转地图软件调起导航:百度、高德、腾讯、苹果Flutter实战调起三方地图导航(高德、百度、腾讯