草庐IT

Flutter_Blue

全部标签

Flutter 笔记 | Flutter 基础组件

TextText用于显示简单样式文本,它包含一些控制文本显示样式的一些属性,一个简单的例子如下:Text("Helloworld",textAlign:TextAlign.left,);Text("Helloworld!I'mJack."*4,maxLines:1,overflow:TextOverflow.ellipsis,);Text("Helloworld",textScaleFactor:1.5,);下面是Text的常用属性:属性功能textAlign文本对齐方式(center居中,left左对齐,right右对齐,justfy两端对齐)textDirection文本方向(ltr从左至

Flutter实现Android拖动到垃圾桶删除效果-Draggable和DragTarget的详细讲解

文章目录Draggable介绍构造函数参数说明使用示例DragTarget介绍构造函数参数说明使用示例DragTarget如何接收Draggable传递过来的数据?Draggable介绍Draggable是Flutter框架中的一个小部件,用于支持用户通过手势拖动一个子部件。它是基于手势的一种方式,可以使用户可以在屏幕上拖动指定的部件。以下是关于Draggable的一些详细介绍:构造函数Draggable的构造函数DraggableT>({Key?key,requiredthis.child,this.feedback,this.data,this.axis,this.childWhenDra

Flutter的Event Loop

Flutter的事件循环机制是其框架的核心部分,它负责管理事件的处理和UI的渲染。了解这个机制对于开发高效且响应迅速的Flutter应用非常重要。以下是Flutter事件循环的主要组成部分和工作原理:1.主事件循环(MainEventLoop)当Flutter应用启动时,它会在Dart的虚拟机上创建一个主事件循环。这个循环负责监听和分发所有的事件,包括用户交互(如触摸事件)、系统事件(如传入的消息)、以及来自Flutter引擎的绘图请求。2.任务队列(TaskQueues)主事件循环维护着几个任务队列,最重要的是微任务队列(MicrotaskQueue)和事件队列(EventQueue)。微任

用 Flutter 轻松做个红包封面

前言在Flutter的开发中,最常见的就是层层的组件嵌套,因此不可避免会遇到子组件如何适配父组件的问题。比如,按钮的可点击区域是否要占满整个父组件?图片是居中还是居左?这些问题可以通过Flutter提供的FittedBox组件来解决。FittedBox简介FittedBox组件设计的目的就是让其子组件与父级组件进行适配,包括对齐、缩放、裁剪和溢出处理。constFittedBox({Key?key,this.fit=BoxFit.contain,this.alignment=Alignment.center,this.clipBehavior=Clip.none,Widget?child,})

【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普通实现设计系统有提供

目录上的 Android Studio Blue Square

我刚刚将一个项目从Eclipse导入到AndroidStudio中进行试用。我看到一些目录的右下角有一个蓝色的小方block,还有一些目录是蓝色的而不是橙色的。这是否意味着什么(我假设是),如果是,那意味着什么? 最佳答案 蓝色方block:这些是模块根。等效于Eclipse中的项目。蓝色目录:这些是模块中的源代码根目录。您可以通过项目结构(Ctrl-Shift-Alt-S)更详细地探索和配置模块结构和源目录。有关更多信息,请查看ProjectToolWindowhelptopic 关于

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