快速生成无状态模板 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Container( ); }
原创 2022-12-08 15:11:16
178阅读
我们可以看到,无论是Android SDK还是iOS的UIKit 的职责都是相同的,它们只是语言载体和底层的系统不同而已。那么可不可以实现这么一个UI系统:可以使用同一种编程语言开发,然后针对不同操作系统API抽象一个对上接口一致,对下适配不同操作系统的的中间层,然后在打包编译时再使用相应的中间层代
原创 2021-07-20 16:33:27
165阅读
s that are triggered when the user taps the widge  二.Stateless widgets & StatefulWidgetsStateles
原创 2022-08-05 08:32:09
76阅读
二、常用控件文本控件文本显示控件:TextView效果图简介用于显示文本代
原创 2022-02-22 17:26:12
289阅读
前言:Flutter系列的文章我应该会持续更新至少一个月左右,从User Interface(UI)到数据相关(文件、数据库、网络)再到Flutter进阶(平台特定代码编写、测试、插件开发等),欢迎感兴趣的读者持续关注(可以扫描左边栏二维码或者微信搜索”IT工匠“关注微信公众号哦,会同步推送)。Flutter Widget采用现代响应式框架构建,这是从 React中获得的灵感,核心思想是用Widg
转载 2024-07-03 04:23:09
112阅读
这是一个系列,通过8篇文章帮助大家建立起 Flutter 的知识体系,建议大家好好阅读并收藏起来。本篇文章我们先介绍 Flutter 里一些常用的 UI 控件,然后借助官网提供的两个 demo 把所学的控件知识实际使用起来。基本控件Widget在 Flutter 里,UI 控件就是所谓的 Widget。通过组合不同的 Widget,来实现我们用户交互界面。Widget 分为两种,一种是无状态的,叫
转载 2024-01-12 02:08:59
276阅读
小型应用基本难不倒MySQL数据库,一来访问量少,二来数据不多。但是企业级的应用,访问量大,更要命的是它的数据量大。我想...
原创 2022-08-03 10:41:10
344阅读
二、常用控件文本控件文本显示控件:TextView效果图简介用于显示文本代码Text('文本显示')文本输入控件:TextField普通文本输入效果图简介用于输入文本信息
原创 2021-10-19 16:12:41
365阅读
效果展示:该项目基于Flutter2.0但是只完成了UI可以学习学习对其什么的开源地址:https://gitee.com/liuande/flutter_translation
原创 2023-03-17 06:32:08
209阅读
本文,我将解析怎么前构建一个用户交互的登录页面。文末附上整个布局的完整代码,读者可复制粘贴代码进行学习验证...
翻译 2022-10-07 18:27:12
328阅读
版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处都是widget的思想。因此FlutterUI界面的...
转载 2023-01-05 11:03:37
302阅读
作者:晨曦_iOS虽然一般不建议在原生项目中嵌入Flutter,但是Flutter也可以支持这种方式,下面我们来看一下具体的实现。原生嵌入 Flutter 的工程配置 如图,我们想使原生嵌入Flutter的话,使用Android Studio创建项目的时候就要选择Module进行创建,使之作为一个模块来开发。 打开我们新建的flutter_module工程目录可以看到,与创建的Flutter
转载 2024-04-04 11:34:49
26阅读
Flutter学习Flutter简介Flutter是什么?Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.flutter是一个UI SDKflutter可以进行移动端(iO
转载 2023-09-16 23:39:30
68阅读
想必大家Image组件都玩得挺6的,那么如何在Canvas上画一个图片,实现图片的放大等变换又该如何操呢?如何去监听一个图片流。这些Image组件就无法完成了。 import 'dart:ui' as ui; class ImagePage extends StatefulWidget { ImagePage({Key key,}):super(key:key); @override
转载 2024-07-22 16:27:22
116阅读
1.异步代码2.后台开线程执行代码3.网络请求4.长时间的任务添加进度条1.异步代码在 Android 中,不开线程,所有代码都走主线程执行;在 Flutter 也是一样,不开线程,Dart 代码永远主线程执行。我们可以通过 async / await 来实现异步操作,比如网络请求:loadData() async { String url="https://xx"; http.R
原创 精选 2023-05-15 15:43:34
453阅读
三棵树什么是三棵树? 在 Flutter 中 Widget 是核心,一切都是 Widget,但一起协同工作的还有另外两个元素:Element 和 RenderObject。由于它们都是有着树形结构,所以经常会称它们为三棵树。Widget在开发 Flutter 应用过程中,接触最多的无疑就是Widget,是『描述』 Flutter UI 的基本单元。Flutter 在 widgets 层中使用了相同的概念(一个 Widget)来表示屏幕上的绘制、布局(位置和大小)、用户交互、状态管理、主题、动画及导航。
原创 2022-01-24 11:43:38
183阅读
这里也为想要学习Flutter的朋友们准备了两份学习资料《Flutter Dart语言编程入门到精通》《Flutter实战》,从编程语言到项目实战,一条龙服务!!
原创 2023-10-19 10:00:16
99阅读
Flutter 的 Decoration 就是 android 的 shape,可以设置:​​背景色​​​ ​​背景图​​​ ​​边框​​​ ​​圆角​​​ ​​阴影​​​ ​​渐变色​​​ 的等属性,Decoration 是基类,我们一般都是用 Decoration 的子类:​​BoxDecoration​​BoxDecoration属性Flutter 里我们看一个 Weight 有什么属性的话
原创 2022-01-05 15:42:24
173阅读
Flutter 动画库的核心类是 Animation 对象,它生成指导动画的值,Animation 对象指导动画的当前状态(例如,是开始、停止还是向前或者向后移动),但它不知道屏幕上显示的内容。动画类型分为两类:补简动画(Tween),定义了开始点和结束点、时间线以及定义转换时间和速度的曲线。然后由框架计算如何从开始点过渡到结束点。Tween是一个无状态(stateless)对象,需要begin
转载 10月前
37阅读
认真对待每时、每刻每一件事,把握当下、立即去做。 Flutter UI 性能优化实践经验,结合关键优化方向和具体代码示例进行一个解析。 一. 布局优化 1. 减少布局计算‌ 使用 ListView.builder 实现懒加载,只构建可见项,避免一次性计算所有子项布局。同时要注意避免在 Column ...
转载 29天前
439阅读
  • 1
  • 2
  • 3
  • 4
  • 5