草庐IT

flutter_swiper

全部标签

Flutter开发之Package与Plugin

前言在flutter中有包和插件两个概念,插件(plugin)是package的一种,全称是pluginpackage,我们简称为plugin,中文叫插件。包(Package)主要指对flutter相关功能的封装,类似于Android中的插件和iOS中的三方库。而插件(Plugin)主要指通过插件调用原生的功能,如获取手机基本信息、获取原生的相机等。两者还是存在一定的差别的,Package一般只包含Dart代码,而插件除了包含有Dart外,还会包含有原生的语言,比如安卓中的Java或Kotlin,和iOS中的Objective-C或Swift。Package和Plugin都是为了封装一些基础组

移动框架对比:uniapp和flutter选哪个好

在移动应用开发领域,uniapp和flutter是两个备受关注的框架。它们都是跨平台框架,在同一套代码下,可以同时开发iOS和Android等移动应用。然而,因为技术特点的不同,它们各有优缺点。本文将从技术特点、开发体验和生态环境等方面,为大家介绍uniapp和flutter,并提供一些参考,帮助选择更适合自己的框架。一、技术特点uniappuniapp是由dcloud开发的一款跨平台开发框架。uniapp采用了Vue.js作为其核心运行环境,同时支持H5、IOS、Android、小程序和快应用的开发。使用uniapp进行开发,可以快速生成可以部署到不同系统的应用程序,可视化开发,且具有良好的

uniapp-微信小程序实现swiper左右滚动切换tab,上下滚动加载列表

思路:左右滑动使用swiper,上下滑动用scroll-view,swiper改变时同时改变tab并更新列表坑点:1.swiper高度问题,导致滑动不到最底部和最顶部    需要手动计算,减去顶部高度和底部tabbar,并且需要同时设置padding-top和paddin-botton,否则列表显示不完整2.由于最开始的代码是每次切换tab后都会重新请求,导致swiper还没切换成功的过程中,显示的列表错误    将代码改造成每一个tab下面的list都是隔离开的,原先使用了一个list维护不同tab3.每个tab下的list的加载完成状态也需要隔离开,否则导致tab1切换到tab2以后,ta

Flutter 与渐变色相关的那些有趣实用的例子

前言在日常的开发中,UI为了让界面更加吸引人往往会在界面上用到大量的渐变色。那么在本文中,我们将通过几个案例更好的去了解Flutter中渐变色的使用。让我们开始探索Flutter世界中绚丽多彩的渐变色效果吧!源代码:https://www.aliyundrive.com/s/ogrtF3xM9Up案例一:渐变色边框很多时候,一个简单的边框并不能满足我们对于界面的美感要求。我们希望给边框增添一些特殊的效果,让它更加引人注目和独特。而正是在这种情况下,渐变色边框成为了一个合适的选择。在Flutter中,实现渐变色边框的方式有很多,有简单的,有复杂的。最简单的实现方式呢就是通过两个Container

鸿蒙arkui初体验比起flutter如何

刚接触鸿蒙的ArkUI,谈谈看法。安装环境还是挺快的,没有flutter这种国外框架的限制,下载sdk什么的都贼快!如同Flutter的热重载技术,实时预览语法如图,和SwiftUI和Compose都极其相像,虽然说是声明式,但是为啥还是把属性给放外面捏!什么ArkUIArkUI是一套构建HarmonyOS应用界面的声明式UI开发框架。它使用极简的UI信息语法、丰富的UI组件、以及实时界面预览工具,帮助您提升HarmonyOS应用界面开发效率30%。您只需使用一套TS/JSAPI,就能在多个HarmonyOS设备上提供生动而流畅的用户界面体验。ArkUI框架的优点流行的组件式开发(最大化复用)

flutter开发警告This class (or a class that this class inherits from) is marked as ‘@immutable‘, but one

文章目录问题描述问题代码问题原因如何解决修改后的源码问题描述Thisclass(oraclassthatthisclassinheritsfrom)ismarkedas‘@immutable’,butoneormoreofitsinstancefieldsaren’tfinal:SerialsTimer.tasks问题代码classSerialsTimerextendsStatefulWidget{lateQueueTask>tasks;//使用Queue来管理任务SerialsTimer({Key?key,requiredthis.tasks,}):super(key:key);@overr

flutter 实战 之 dio小实践

我们要对dio进行封装classHttpRequest{staticFuturerequest(Stringurl,{Stringmethod="get",Map?params})async{//创建dio实例BaseOptionsbaseOptions=BaseOptions(baseUrl:base_url,connectTimeout:Duration(seconds:1));finaldio=Dio(baseOptions);//发送网络请求Optionsoptions=Options(method:method);try{finalresult=awaitdio.request(ur

flutter 路由配置

get用法进入新页面Get.to(NextScreen());back回退操作使用场景:关闭Dialogs、SnackBars或者退出当前页面Get.back();off类似于replace操作它会替拿当新页面换掉当前页面,并且新页面左上角没有返回按钮,Get.off(NextScreen());offAll清空历史路由该方法会清空我们之前打开过的页面,只留下新的页面Get.offAll(NextScreen());接收新返回信息vardata=awaitGet.to(Payment());别名路由导航//toNamed导航到下一个页面Get.toNamed(“/NextScreen”);//

Flutter开发③——组件

目录Container容器组件decoration属性 padding和maring属性transform属性Text组件 TextStyle参数图片组件Container实现圆形图片 ClipOval实现圆形图片 加载本地图片 图标组件自带的Icons图标借助阿里巴巴图标库自定义字体图标ListView列表组件垂直列表水平列表可左右滑动 动态列表 通过ListView的构造函数builder来生成动态列表GridView网格组件GridView.count GridView.extend动态生成GridView.builder实现动态列表页面布局PaddingRowColumnFlexExp

如何在vue2项目中使用Swiper5组件

文章目录一、背景一、安装Swiper5二、导入css和js三、粘贴html结构四、初始化Swiper一、背景之前做的业务需要在vue2中插入一个Swiper组件,但是尝试了很多次都一直失败,官方文档和能搜索到的方法也对我不太有用,总是报错!后来在大佬的视频(https://www.bilibili.com/video/BV1TY4y1z7Z8/?spm_id_from=333.337.search-card.all.click&vd_source=d45e199a358edbf199494ee895775ab3)中才明白是vue版本和Swiper版本没有对应上的问题。所以,如果你是在维护一个基