- 博客(20)
- 收藏
- 关注
原创 Compose 技术原理 如何确定重组范围
习惯了 Android 开发的同学一定知道,UI 的刷新要非常的慎重,尤其是复杂的页面,这会给性能带来一定的损耗。Compose 中有一个非常重要的改念-,今天我们就来了解一下重组的规则。官方文档中有一段对重组范围的说明,大意是如果界面的某些部分无效,Compose 会尽力只重组需要更新的部分。请大家仔细看下面的例子,思考第一次运行时输出的日志是什么?Button 响应点击事件之后,日志输出又是什么?
2023-01-05 16:58:34
523
原创 jetpack compose 从hello world开始
Jetpack是一个由多个库组成的套件,可帮助开发者遵循最佳做法、减少样板代码并编写可在各种Android版本和设备中一致运行的代码,让开发者可将精力集中于真正重要的编码工作。JetpackCompose是用于构建原生Android界面的新工具包。它可简化并加快Android上的界面开发,使用更少的代码、强大的工具和直观的KotlinAPI,快速打造生动而精彩的应用。...
2022-07-28 10:27:53
289
原创 FLutter web app 运行显示空白页
Flutter作为一个可移植的UI框架,已经支持现代Web应用开发了! 我们很开心已经发布了SDK预览版,这样你可以在Web浏览器里直接运行你的Flutter UI代码。从去年Beta版发布以来,我们现在已经可以直接使用flutter sdk来支持web应用了,网上有太多早期 flutter for web 的新手教程,大家在还是跟着官方文档尝试以下吧。简单来说就分几步google 已经把 flutter_web merge 到 flutter 主工程,但是现在看起来还是 beta 版本才能使用
2021-02-22 16:51:54
5670
12
原创 Flutter Layout 约束
由于最近赶项目比较忙没有更新,今天准备回顾下之前项目中遇到的一个小问题,研究了一下,还是比较有意思的。事情是这样的,公司心来的实习生,写了一段代码,在设置大小的时候,总是不生效,于是我们研究了一下这个问题,分享给大家。以下是简化后的代码和效果。请仔细看,在第二层的子container中设置了大小就是不生效,我们稍加修改以下代码,看看效果。我们在子container上加了一个center,子container设置的100,生效了,我们看到显示正常了。那么是什么原因导致了子conta.
2021-02-02 15:58:05
205
1
原创 Flutter couldn‘t find “libflutter.so“
今天项目中遇到了一个问题,小伙伴在打包的时候发现报错couldn't find "libflutter.so" 。在詹姆斯.刘的帮助下,把这个地方调试通了。那么我们今天就来讲一讲这个问题。以下是本期目录目录一、so是什么?二、目前手机cpu的架构有哪些?三、如何查看手机的cpu架构。四、Flutter支持哪些cpu架构。五、couldn't find "libflutter.so"产生的原因。六、解决方案。总结一、so是什么?在android开发中...
2020-09-16 16:52:27
8765
9
原创 Flutter 资源文件 Adding assets and images
今天临时插播一条内容,因为在工作中有小伙伴对Flutter的assets and images有些疑问,查了查文档也不太明白,今天我们就一步一步看看Flutter的assets到底怎么使用。Flutter应用可以同时包含代码和资产(也称为资源)。 资产是与您的应用程序捆绑和部署的文件,可在运行时访问。 资产的常见类型包括静态数据(如JSON文件),配置文件,图标和图像(JPEG,WebP,GIF,动画WebP / GIF,PNG,BMP和WBMP)。指定资产Flutter使用位于项目根目录的pubs
2020-09-14 17:12:44
797
原创 Flutter 常用Widget-输入框
material design组件提供了两种输入框,分别是TextField和TextFormField。他们的作用都是使用户可以使用硬件键盘或屏幕键盘输入文本。TextField每当用户更改字段中的文本时,文本字段就会调用onChanged回调。如果用户已完成在字段中的键入(例如,通过按软键盘上的按钮),则文本字段将调用onSubmitted回调。要控制在文本字段中显示的文本,就要使用controller。例如,要设置文本字段的初始值,请使用已经包含一些文本的controller。默认情况
2020-09-11 13:51:58
557
原创 Flutter 常用Widget-图片Image
Flutter中,加载并显示图片使用的是Image组件。我们先来看下这个构造函数:Image的构造参数有一下几种分别是:Image:从Provider获取图像 Image.asset:加载资源图片 Image.file:加载本地图片文件 Image.network:记载网络图片 Image.memory:加载Uint8List资源图片我们接下来看一下如何使用class ImagePage extends StatelessWidget { @override Widget
2020-09-10 14:06:47
481
原创 Flutter 常用Widget-按钮
按钮,是我们开发中最常用的部件之一,在Flutter中也提供了丰富的按钮部件。MaterialButtonRaisedButton OutlineButton FlatButton IconButtonMaterialButton,依赖于widget tree中最近的ButtonTheme和Theme的Material按钮。按钮的大小将扩展以适合子窗口小部件。其onPressed处理函数为null的MaterialButtons将被禁用。 要启用按钮,请确保为onPressed传递非
2020-09-08 14:22:47
247
1
原创 Flutter 常用Widget-Text
Text 部件是我们日常开发中最常用的部件,我们先来看看文档上对它的描述。Text 部件用于显示单个样式的文本字符。字符串可能会多行显示,也可能在同一行显示,具体取决于布局对它的约束。Text 部件的样式参数是可选的。等省略这个参数时,文本将使用最接近的封闭的DefaultTextStyle的样式(原文为the closest enclosing DefaultTextStyle)。如果给定样式的TextStyle.inherit属性为true(默认值),则该给定样式将与最接近的DefaultTe
2020-09-07 15:18:44
277
原创 Flutter第6期 自定义widget
说起自定义控件,做过iOS和android开发的肯定都不陌生,flutter中也提供了相关的api。flutter中原声提供的各类widget已经可以满足了大部分的业务需求,通过不同的组合,我们也能实现一些较为复杂的需求。今天我们来讲一个需要自己绘制的自定义widget。在Android中,我们是通过自定义view的draw->paint->canvas等一些列的api绘制,flutt...
2020-01-15 16:02:10
341
原创 Flutter第5期 状态管理
一提起flutter,有一个东西一定不陌生。就是状态管理。网上的教程例子????也有很多。这里我谈谈自己对于状态管理的理解。那么状态管理管理的是什么?可能很多人觉得这个问题很可笑,状态管理啊,当然管理的是状态。那么状态又是指什么呢?比如我们设想一个场景。这个场景就是最简单的输入用户名密码点击登陆然后登陆成功显示相关信息。假设我们所有的基础协议都已经完善了,我们只是填写一个表单,然后通过网络层发送...
2020-01-09 11:39:45
171
原创 Flutter第4期 滑动抽屉
上一期我们写了hello world,总算迈出了第一步。接下来我们要开始逐步的建立起一个app。首先就是我们app中最常用的滑动侧边栏。就像下面这样。废话不多说开搞!!!!!一、改造首页由于我们的hello world是在官方的demo基础上设置的,所以我们这里要做自己的app了。把下面的代码替换 MyHomePageclass MyHomePage ext...
2019-11-20 17:14:16
398
原创 Flutter第3期 hello world
学习flutter已经有一段时间了,现在已经开始到了具体项目中。想着刚开始学习的时候,好多文档资料说的都不一样,就准备把新项目的过程记录下来。可能有不对的地方,欢迎大家指出。废话不多说,开整~flutter 官方推荐的开发工具是Android studio、visual studio、intellij IDEA,由于习惯了android 开发,所以这里选择的还是Android studio。...
2019-11-20 14:34:14
146
翻译 Flutter第2期 macOS上搭建Flutter开发环境
使用镜像 系统要求 获取Flutter SDK 运行 flutter doctor 更新环境变量 编辑器设置 平台设置 iOS 设置 安装 Xcode 设置iOS模拟器 安装到iOS设备 Android设置 安装Android Studio 设置您的Android设备 设置Android模拟器 使用镜像由于在国内访问Flutter有时可能会受...
2019-11-20 10:33:22
200
翻译 Flutter第1期 前言
What's flutter ?Made by Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.Flutter是谷歌的移动UI框架,可以快...
2019-11-20 10:25:00
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人