ReactNative入门系列 React Native组件 Flutter基础系列前言移动开发中,用户交互是一个重要的环节,在Android中的触摸、点击、滑动等事件处理都提供了相关的Api,在Flutter中也是一样的,是由Widget来实现的。 Flutter中的手势系统有两个独立的层。第一层是原始指针事件(pointer events),它描述了屏幕上指针,比如触摸、鼠标、触控
Flutter中的宽高单位不同于Android中的dp和IOS中的pt,Flutter奉行另外一种单位,即逻辑像素。Flutter 遵循简单的基于密度的格式,如 iOS。资产可能是1.0x、 2.0x、3.0x或任何其他乘数。Flutter 没有dp 但有逻辑像素,与设备无关像素基本相同。所谓devicePixelRatio 表示物理像素在单个逻辑像素中的比例。devicePixelRatio表示
转载 2023-12-18 18:45:51
105阅读
出现“flutter android studio 断点”的问题,使得我在进行应用开发时遭遇了很多麻烦。这不仅仅影响了开发的效率,更关键的是对产品的交付周期产生了负面影响。为了解决这个问题,我决定记录下整个排查和解决的过程,以便今后可以更高效地处理类似的情况。 【业务影响分析】 在开发过程中,断点调试是一个至关重要的环节。通过断点调试,开发者能够实时检查代码的执行流程,轻松发现和解决问题。由于频
原创 5月前
45阅读
flutter学习网址:https://flutter-io.cn/-------------------------------------------------------------------本人是学习flutter的菜鸟一枚,此文仅记录自己的学习过程。--------------------------------------------------------------------
Flutter事件循环(Event loop) 文章目录Flutter事件循环(Event loop)前言一、什么是Event loop?二、玩转Event loop1.直接运行 ——在main函数中直接运行Future.sync()Future.value()_.then()2.Microtask队列scheduleMicrotask()Future.microtask()_completed.
转载 2024-06-04 06:01:07
47阅读
  一、Dart 异常捕获、抛出  在Dart中,异常分两类:同步异常和异步异常1、同步异常:Dart中同步异常可以通过try/on/catch/finally来捕获代码块异常,可以通过throw 关键字用来明确地抛出异常。如下案例:List testList = List(); try { var s = testList[3]; //代码逻辑 } on Integer
转载 2024-01-28 05:22:10
264阅读
一、Flutter中的Event LoopFlutter是有Dart语言开发的,与Android一样是事件驱动的,在Android中的结构是Looper/Handler,相信熟悉Android开发的的同事对Looper循环器和Handler都非常深刻。但在Dart语言中也有自己的Event Loop,那Dart中的Event Loop是什么样的结构呢? 下面我们先通过一个简单的流程图来观察和了解一
牢骚故乡容不下灵魂,他乡容不下肉身!若能一世安稳,谁愿颠沛流离。正文在 Dart 中,没有多线程的概念,所谓的异步操作全部都是在一个线程里面执行的, 并且不会造成卡顿的原因就是事件循环(Event Loop),如下图所示,在程序的运行过程中,会有两个事件 补充上图:Micortask Queue 为空 才会执行 EventQueue ,EventQueue 为空时程序结束,实际上,事件循环从启动的
转载 6月前
21阅读
 fiddler断点调试一.     这是Fiddler又一强大和实用的工具之一。通过设置断点,Fiddler可以做到:1. 修改HTTP请求头信息。例如修改请求头的UA, Cookie, Referer 信息,通过“伪造”相应信息达到达到相应的目的(调试,模拟用户真实请求等)。2. 构造请求数据,
转载 1月前
438阅读
Flutter 说到底只是一个 UI 框架,很多功能都需要通过原生的 Api 来实现,那么就会涉及到 Flutter 和 Native 的交互,因为本人不懂 iOS 开发,所以只能讲下 FlutterAndroid 的交互。 Android项目配置Flutter依赖 既然是互相交互,那么需要准备一 个 Android 项目。 接着就需要创建 flutter mod
实现的时候碰到的几个问题:实现方式: 如果用Navigator路由到新页,可以用PopupRoute自己实现,也可以直接用PageRouteBuilder来自定义,只要opaque设置为false就可以实现透明背景的弹出效果。同时可以方便的将barrierDismissible设置为true实现点击消失。其实PopupRoute其实也就是通过这两个属性来设置的 。如果实现浮窗效果,可以使用O
作者丨四爷 01、混合开发应用场景 目前在国内开发纯Flutter的应用还是比较少的,绝大部分使用Flutter来开发的公司也都是使用混合开发。那么混合开发的主要使用场景有哪些呢? 作为独立的页面进行加入,可以从原生页面跳转到Flutter页面,也可以从Flutter页面跳转到原生页面。作为页面的一部分嵌入。02、创建Flutter module 既然是做混合开发,那么我们
在开发中,我们经常会使用本地JSON或者从服务器请求数据后回去到JSON,拿到JSON后通常会将JSON转成Model对象来进行后续的操作,因为这样操作更加的方便,也更加的安全。所以学习JSON的相关操作以及读取JSON后如何转成Model对象对于Flutter开发也非常重要。1、 JSON资源配置 JSON也属于一种资源,所以在使用之前需要先进行相关的配置。 我们在之前使用Image组件时,用到
转载 9月前
28阅读
概述在移动端,各个平台或者 UI 系统的事件模型都是基本一致,即:一次完整的事件分为三个阶段,手指按下,移动,抬起,而其他的双击,拖动等都是基于这些事件的当指针按下时,Flutter 会对应用程序执行命中测试(Hit Test) ,以确定指针与屏幕接触的位置存在哪些 Widget,指针按下事件(以及该指针的后续事件)会被分发到由命中测试发现的最内部的组件,然后从哪里开始,事件会在组件树中向上冒泡,
转载 9月前
66阅读
本文目的介绍包和插件的概念介绍 flutter 调用平台特定代码的机制:Platform Channels,和相关类的常用方法介绍插件开发流程和示例介绍优化插件的方法:添加文档,合理设置版本号,添加单元测试,添加持续集成介绍发布插件的流程和常见问题目录结构编写之前Platform Channels插件开发优化插件发布插件总结编写之前包(packages)的概念packages 将代码内聚到一个模块
转载 2024-05-10 01:07:29
75阅读
## Flutter iOS断点 在开发Flutter应用程序时,调试是必不可少的步骤。在iOS平台上,我们经常会使用断点来帮助我们查找问题并调试代码。本文将介绍如何在Flutter应用程序中设置和使用iOS断点。 ### 设置iOS断点Flutter中,我们可以使用Xcode来设置iOS断点。首先,打开你的Flutter项目,然后选择`ios`文件夹下的`Runner.xcworksp
原创 2024-03-27 07:03:04
176阅读
 在已有Android项目当中开发Flutter 1. 引入Flutter模块参考  引入flutter步骤  1.假设有一个 `some/path/MyApp`的android程序 输入以下命令$ cd some/path/ $ flutter create -t module flutter_module 这样就在当前path文件夹里与 MyApp有同层
转载 2023-10-08 12:30:48
206阅读
今发布一个flutter apk 安装后启动时老是闪退,经过一遍又一遍查找,发现是指定了so的问题看多次点击启动一、比对打包后的apk在出现该问题后也搜索了不少资料,参考过https://www.uedbox.com/post/65078/ 这些朋友的博客,很不幸我并未处理掉问题,接下来只好自己一点点排查了发现打包后的apk体积相当小于是我尝试着去掉了so架构的指定删除掉如上红箭头处的配置,最后配
转载 2023-09-10 17:58:05
194阅读
学习Flutter一小段时间,对纯Flutter项目有了一些基本的了解,但更趋近实际开发的应该是将Flutter模块作为一个依赖库添加到原生的Android项目中。本文笔者将尝试分享个人针对FlutterAndroid混编时的配置步骤,以及踩坑过程。一、初始化Flutter-Module参考 官方文档 ,首先需要确认Flutter-Module依赖库文件夹的位置,简单来说,这里有两种方式:1.创
转载 2024-03-12 11:07:08
72阅读
## 实现iOS Flutter断点调试的流程 下面是实现iOS Flutter断点调试的流程图: ```mermaid flowchart TD; A[创建Flutter项目] --> B[打开iOS模拟器] B --> C[在VS Code中打开项目] C --> D[设置断点] D --> E[调试Flutter应用] ``` ### 步骤详解 ###
原创 2023-11-03 04:55:44
315阅读
  • 1
  • 2
  • 3
  • 4
  • 5