草庐IT

Flutter-FlutterBloc

全部标签

【Flutter入门到进阶】Flutter基础篇---布局

1GridView网格布局组件1.1说明1.1.1图例1.1.2说明        GridView网格布局在实际项目中用的也是非常多的,当我们想让可以滚动的元素使用矩阵方式排列的时 候。此时我们可以用网格列表组件GridView实现布局GridView创建网格列表主要有下面三种方式        1、可以通过GridView.count 实现网格布局        2、可以通过GridView.extent 实现网格布局        3、通过GridView.builder实现动态网格布局1.2常用属性属性1.3案例1.3.1GridView.count 实现网格布局        Gri

混合开发框架|Flutter多引擎&dart多入口设计实现

Flutter多引擎&dart多入口设计Flutter项目混合架构FlutterFragment普通实现设计解释截图中代码片逻辑含义系统FlutterFragment自带普通设计实现自定义FlutterFragmentFlutter多引擎设计Flutterdart入口设计仿照工行投资理财页面,使用Flutter实现。通过此讲述混合开发中,项目设计中,需求下如何创建多个Flutter引擎。Flutter引擎如何对应各自的dart入口,并实现每个Flutter引擎下路由切换页面。从而完成Flutter项目架构的设计搭建。Flutter项目混合架构FlutterFragment普通实现设计系统有提供

Flutter 全埋点的实现

一、前言目前,FlutterApp(以下简称App)的全量日志的模块埋点功能采用业务层手动埋点的方式实现,这种方式不仅增加了研发成本,同时也限制了后续的扩展和维护。因此,可以基于DartAOP实现Flutter全埋点功能来补齐全量日志。该方式不依赖于业务层,可以在端上自动采集并上报数据,并通过一定规则筛选出所需数据,用于分析和模拟用户行为,帮助排查线上疑难问题。这种方法不仅能够提高我们的效率,而且能够加快问题的排查速度,从而提高App的稳定性。二、实现原理随着App的不断迭代,项目复杂度也不断提升。在该过程中,为了准确找出问题并排查,我们需要使用一些技术手段来辅助。在Flutter方面,Hoo

Flutter:安装依赖报错doesn‘t support null safety

项目中需要引用http依赖,在pubspec.yaml文件中添加如下信息:当同步时,报错信息如下:[myflutter]flutterpubupgradeResolvingdependencies...ThecurrentDartSDKversionis3.1.3.Becausemyflutterdependsonhttp>=0.2.8+2Thelowerboundof"sdk:'=2.0.0-dev.61.0Fordetails,seehttps://dart.dev/null-safety Youcantrythefollowingsuggestiontomakethepubspecres

Flutter导入安卓第三方库报错:Flutter Could not find method implementation() 的可能原因及解决办法

在build.gradle里面试图添加引用一个库:buildscript{ext.kotlin_version='1.7.10'repositories{google()mavenCentral()}dependencies{classpath'com.android.tools.build:gradle:7.2.0'classpath"org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"implementation'com.abc.def:ghi:114.514.1919810'}}然后运行的时候报错:Aproblemoccur

flutter 文本不随系统设置而改变大小[最全的整理]

文本不随系统设置而改变大小[二]前言方案七:使用LayoutBuilder和MediaQuery方案八:使用AutoSizeText库方案九:使用RichText和TextSpan方案十:使用LayoutBuilder和CustomPainter方案十一:使用自定义字体缩放比例方案十二:使用第三方库auto_size_text总结前言在flutter越来越来的平台适配中,最常见的一直场景就是,修改了设备的字体大小或者样式,从而导致整个APP的适配变形等情况的出现,对于这种问题的解决方案,当然就是限制字体了,但是如果一概而论的话,又不太适合,毕竟产品可不管你方不方便的,这里我整理了绝大部分的场景

【flutter对抗】blutter使用+ACTF习题

最新的能很好反编译flutter程序的项目‍1、安装gitclonehttps://github.com/worawit/blutter--depth=1​然后我直接将对应的两个压缩包下载下来(通过浏览器手动下载)不再通过python的代码来下载,之前一直卡在这个地方。如果读者可以正常运行init_env_win.py,手动这一步可以省略。cd.\blutter\python.\scripts\init_env_win.py​再次运行就可以安装成功​‍2、blutter反编译使用​运行该工具,进入目标文件夹提供libapp.so和libflutter.so的目录​​pythonblutter.

flutter开发实战-hero实现图片预览功能extend_image

flutter开发实战-hero实现图片预览功能extend_image在开发中,经常遇到需要图片预览,当feed中点击一个图片,开启预览,多个图片可以左右切换swiper,双击图片及手势进行缩放功能。这个主要实现使用extend_image插件。在点击图片时候使用hero动画进行展示。Hero简单使用,可以查看https://brucegwo.blog.csdn.net/article/details/134005601hero实现图片预览功能效果图一、图片GridView在展示多张图片,使用GridView来展示。GridView可以构建一个二维网格列表,其默认构造函数定义如下:GridV

2023.11.25更新关于mac开发APP(flutter)的笔记与整理(实机开发一)

我自己写的笔记很杂,下面的笔记是我在chatgpt4的帮助下完成的,希望可以帮到正在踩坑mac开发APP(flutter)的小伙伴目标:通过MAC电脑使用flutter框架开发一款适用于苹果手机的一个APP应用本博客的阅读顺序是,在了解了具体的环境布置的步骤后,看(二.亲测参考可用的资料链接)里面进行详细的mac电脑上的部署,出现问题遇到坑了就可以在本博客里面找找有没有类似的与解决方法。反正我之前网上找的时候就是没有个全乎的,要不是有gpt我都不知道要卡多久,看到这了,还不快点个赞,然后说谢谢博主。(这里的笔记大概总结下,1.完成在mac上的flutter的搭建(该部分涉及flutter,da

Flutter 图文并茂:打造交互丰富的应用界面

前言Flutter作为一种现代的UI工具包,为开发者提供了丰富的工具和小部件,轻松构建漂亮、响应迅速的应用界面。本篇博客将带你踏入Flutter的世界,学习如何巧妙运用图片、按钮、图标,以及行与列进行布局,打造令人惊艳的用户交互体验。无论你是Flutter初学者还是有一定经验的开发者,通过本文的指南,你将掌握使用网络图片和资源图片的技巧,灵活使用按钮和图标,以及构建响应式布局的方法。让我们一同探索Flutter的奇妙之处,为你的应用增色不少!🌈图片与资源📸在Flutter中,图片是构建应用界面时经常使用的元素之一。本文将介绍如何在Flutter中使用两种常见的图片:网络图片和资源图片。网络图片