草庐IT

flutter 的卡片堆

全部标签

Flutter系列(十一)实现商城首页和商品详情页

基础工程:Flutter系列(四)底部导航+顶部导航+图文列表完整代码_摸金青年v的博客-CSDN博客一、前言    本文用flutter实现商城首页和商品详情页,效果如下图:       二、使用的组件MasonryGridView.count  瀑布流插件,组合Expanded可以添加固定在底部的按钮组三、完整代码 3.1商城首页1)瀑布流官方插件文档:flutter_staggered_grid_view|FlutterPackage(pub.dev)pubspec.yaml  添加依赖:  dependencies:flutter:sdk:flutter#瀑布流插件flutter_st

flutter的ListView和SingleChildScrollView有什么区别?他们的使用场景有什么不一样?

文章目录简介ListViewSingleChildScrollView使用场景的不同简介ListView和SingleChildScrollView都是在Flutter中用于处理滚动内容的组件,但它们有一些关键的区别。ListView多个子元素:ListView是一个滚动的可滚动组件,通常用于包含多个子元素的情况。它可以接受一个children参数,该参数是一个包含所有子元素的列表。有限的子元素:由于ListView需要知道所有子元素的数量,因此适用于具有有限子元素的情况。这使得它在性能上更高效,因为它只会在屏幕上显示的子元素上工作。支持分割器:ListView可以包含分割器,用于在列表项之间

解决Flutter运行报错Could not run build/ios/iphoneos/Runner.app

错误场景更新了IOS的系统版本为最新的17.0,运行报以下错误Launchinglib/main.dartoniPhoneindebugmode...AutomaticallysigningiOSfordevicedeploymentusingspecifieddevelopmentteaminXcodeproject:GN3DCAF71CRunningXcodebuild...Xcodebuilddone.10.3sInstallingandlaunching...Couldnotrunbuild/ios/iphoneos/Runner.appon00008101-000465E821FA0

Harmony 开始支持 Flutter ,聊聊 Harmony 和 Flutter 之间的因果

原创作者:恋猫de小郭相信大家都已经听说过,明年的HarmonyNext版本将正式剥离AOSP支持,基于这个话题我已经做过一期问题汇总,当时在现有App如何兼容HarmonyNext问题上提到过:华为内部也主导适配目前的主流跨平台方案,主动提供反向适配支持,估计后面就会有类似Flutterforharmony的社区支持。没想到HDC大会才刚过去一个多月,就有网友提醒,针对OpenHarmony的Flutter版本已经开源:gitee.com/openharmony…,这既让人惊喜又是「情理之中」,因为在众多框架里,Harmony和Flutter之间的联系可以说是最密不可分。关系为什么说Harm

Flutter面试中常问到的问题

以下是本人总结的一些可能会在Flutter面试中问到的问题,分享出来,帮助大家找工作时候使用;一直在更新,一直在精简!主要包括概念性问题和技术性问题:概念性问题:1.Flutter是什么?为什么选择Flutter?Flutter是一个由谷歌开发的开源UI框架,可以用于构建高性能、高保真度、跨平台的移动应用、Web应用和桌面应用。使用Flutter的好处有很多,包括:快速开发:Flutter提供了丰富的UI控件和功能,可以快速构建高质量的应用。高性能:Flutter使用自绘引擎Skia,可以实现高性能的渲染和动画效果。热重载:Flutter支持热重载,可以在不重新启动应用的情况下快速预览和调试应

HarmonyOS4.0系统性深入开发07创建一个ArkTS卡片

创建一个ArkTS卡片在已有的应用工程中,创建ArkTS卡片,具体操作方式如下。创建卡片。根据实际业务场景,选择一个卡片模板。在选择卡片的开发语言类型(Language)时,选择ArkTS选项,然后单击“Finish”,即可完成ArkTS卡片创建。ArkTS卡片创建完成后,工程中会新增如下卡片相关文件:卡片生命周期管理文件(EntryFormAbility.ts)、卡片页面文件(WidgetCard.ets)和卡片配置文件(form_config.json)。配置卡片的配置文件卡片相关的配置文件主要包含FormExtensionAbility的配置和卡片的配置两部分:卡片需要在module.j

Flutter笔记: 在Flutter应用中使用SQLite数据库

Flutter笔记在Flutter应用中使用SQLite数据库(基于sqflite)作者:李俊才(jcLee95):https://blog.csdn.net/qq_28550263邮箱:291148484@163.com本文地址:https://blog.csdn.net/qq_28550263/article/details/134451075【简介】本文旨在介绍在Flutter中通过sqflite模块使用SQLite数据库。目录1.概述2.安装和配置sqflite2.1添加依赖2.2导入模块3.SQL基础知识和SQLite工具3.1创建表3.2插入数据3.3查询数据3.4更新数据3.5删

flutter 中的动画详解 全网最全 动画一篇搞定 一万四千字

flutter中的动画详解全网最全动画一篇搞定前言一、基础概念二、隐式动画三、显示动画四、过渡五、手势动画六、复杂动画七、自定义动画八、物理动画九、Flutter动画库十、动画性能和优化十一、第三方动画库总结前言学习Flutter中的动画和过渡是构建流畅用户界面的关键部分之一。这里我整理了一个主要的学习路径,可以帮助你逐步掌握Flutter中的动画和过渡技术,希望能够帮助到你一、基础概念开始之前,了解一些基本的动画和过渡概念是很重要的。学习什么是动画、过渡,以及它们在用户体验中的作用。动画:动画是指在一段时间内,将元素从一个状态平滑地过渡到另一个状态的过程。在用户界面中,动画可以使元素的变化显

flutter + firebase 云消息通知教程 (android-安卓、ios-苹果)

如果能看到这篇文章的一定已经对手机端的消息推送通知有了一定了解。国内安卓厂商这里不提都有自己的FCM可自行查找。(国内因无法科学原因 ,不能使用谷歌服务)只说海外的。目前adnroid 和ios推送消息分别叫 FCM和APNs。这里通过google的 firebase 分别向两个平台同时推送消息只需要配置一套服务便可以。(firebase推送消息服务免费-它除消息推送还有很多服务收费+)跟多产品了解 https://firebase.google.com/pricing?authuser=0&hl=zh-cn这里是firebase官网地址(需要VPN访问) https://firebase.g

Flutter中(){}和()=>{}的细微区别

文章目录()=>{}(){}()=>{}在Dart语言中,=>符号是箭头语法的一部分,它用于创建单行函数或表达式的缩写。在你的两个例子中,使用()=>和(){}都是合法的,但有细微的区别。()=>箭头函数(Arrowfunction):这是一种简写形式,适用于只有一条语句的函数体。在这种情况下,函数体的结果就是函数的返回值。示例:onDragStarted:()=>setState(()=>isShowTrashCan=true),(){}(){}匿名函数(Anonymousfunction):这是传统的函数声明形式,适用于多行函数体或需要执行多个语句的情况。示例:onDragStarted: