
flutter
文章平均质量分 67
韩小浪~~
技术永无止境,砥砺前行!
展开
-
Flutter系列之十:状态管理State
如果你对 State 已经有所了解,可以继续往下看:在有交互的属性的widget中,调用 setState() 是至关重要的,因为这告诉框架, widget 的状态已经改变,应该重绘。例如:IconButton :onPressed()方法等那么谁管理着 stateful widget 的状态?widget 本身?父 widget?双方?另一个对象?如何决定使用哪种管理方法?以下原则可以帮助您决定: 如果状态是用户数据,如复选框的选中状态、滑块的位置,则该状态最好由父 widget..原创 2022-05-11 15:01:50 · 395 阅读 · 0 评论 -
Error: Not found: ‘dart:ui‘; 完美解决
报错如下:import 'dart:ui' as ui show Paint, Path, Canvas;产生原因:错误配置了工程。解决:重新配置为flutter工程。原创 2022-05-11 11:17:26 · 6210 阅读 · 3 评论 -
Flutter系列之九:自定义bottomNavigationBar
源码地址:GitHub - hhbbeijing/flutter_app_test 提交日期:2022-5-10上章我们已能够自定义图片库,本示例我们将结合ttf 自定义bottomNavigationBar,作为企业级app的一部分。一、制作TTF1.1 将png转换为SVG:PNG转SVG – 在线将PNG文档转换成至SVG转换成功后能够预览图片,否则显示失败。2.2 制作 TTF网址:iconfont-阿里巴巴矢量图标库登录后,上传SVG到自己的项目...原创 2022-05-10 15:08:55 · 1570 阅读 · 0 评论 -
Flutter系列之八:自定义ICON库
一、生成TTF库1.1、将png等格式的图片转换为svg格式 不做解释,网站有很多在线转换。 例如:PNG转SVG – 在线将PNG文档转换成至SVG1.2、将svg格式转换为ttf格式;网址:IcoMoon App - Icon Font, SVG, PDF & PNG Generator或者使用:iconfont-阿里巴巴矢量图标库第一步: 导入SVG图片第二步:选择要转换的图片(选取后变为黄色边框)...原创 2022-05-09 18:14:43 · 900 阅读 · 0 评论 -
Flutter系列之七:基础布局
本章节以Material app为例,同时兼顾非Material app。一个 Flutter app 本身就是一个 widget,大多数 widgets 都有一个build()方法,在 app 的build()方法中实例化和返回一个 widget 会让它显示出来。一、基本概念1.1 可见widget例如:Text、Image、Icon等。这些flutter中的基本元素widget,都是可见widget。1.2 布局widget所有布局 widgets 都具有以下任一项:...原创 2022-05-09 14:15:13 · 599 阅读 · 0 评论 -
Flutter系列之六:添加资源和图片
Flutter 应用程序包含代码和 assets(也为资源)。资源是被打包到应用程序安装包中,可以在运行时访问的一种文件。常见的资源类型包括静态数据(例如 JSON 文件),配置文件,图标和图片。分为两部分讲解,图片加载、JSON文件加载...原创 2022-05-07 18:07:00 · 1152 阅读 · 0 评论 -
Flutter系列之五:路由管理与导航框架(fluro 2.0.3)
先补充上节的一个知识点 GestureDetector:A widget that detects gestures.这是一个检测手势的小部件。GestureDetector在Flutter中负责处理跟用户的简单手势交互,并作出相应的处理,包括点击、拖动和缩放。还有一个child属性,这就意味着我们可以利用GestureDetector包裹本身不支持点击回调事件的Widget赋予它们点击回调能力,像Text、Image。回归正题,Fluro作为一款优秀的Flutter企业级路由框架,将分散原创 2022-05-06 15:16:00 · 1626 阅读 · 0 评论 -
Flutter系列之四:路由(routes)和导航(Navigator)
路由和导航大多数应用程序具有多个页面或视图,并且希望将用户从页面平滑过渡到另一个页面。Flutter的路由和导航功能可帮助您管理应用中屏幕之间的命名和过渡。管理多个页面时有两个核心概念和类:Route和Navigator。 一个route是一个屏幕或页面的抽象,Navigator是管理route的Widget。Navigator可以通过route入栈和出栈来实现页面之间的跳转。...原创 2022-05-05 18:14:31 · 1419 阅读 · 0 评论 -
Flutter系列之三:Widget示例
Widget示例,包含:StatefulWidget、StatelessWidget、InheritedModel原创 2022-04-28 17:14:57 · 1032 阅读 · 0 评论 -
Flutter系列之二:Widget
前提需要了解安卓开发,及AS工具。并已成功创建运行flutter项目(可参考:windows 平台下 使用Android Studio 搭建 Flutter)一、项目结构android:原生工程ios:ios工程lib:flutter代码着重介绍以下文件:1.1 pubspec.yamldependencies://依赖的库 flutter: sdk: flutter http: ^0.13.4 english_words: ^4.0.0flu...原创 2022-04-27 17:54:52 · 868 阅读 · 0 评论 -
Dart 基础语法
阅读本文前提是有java基础。一、入口//void 可隐藏void main(){}二、数据类型常用的数据类型:1).Numbers(数值):int,double2).Strings(字符串) : String3).Booleans(布尔) : bool4).List(数组) : 在Dart中数组是列表对象5).Maps(字典) : Map为键值对相关对象2.1 变量的声明dart是一种强大的脚本语言,可以不预先定义变量的类型,dart会自动类型推导可以原创 2022-04-27 16:21:42 · 635 阅读 · 0 评论 -
android flutter demo 报错 NonNull Keep 红色
一、解决方案:1.1 app/build.gradle 添加依赖库dependencies { implementation 'com.android.support:support-annotations:28.0.0' implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"}1.2点击下图右上角【open。。。】1.3 右键点击 要引入库点击【+】复制库所在的目录原创 2022-04-19 17:21:49 · 2603 阅读 · 0 评论 -
Flutter系列之一:windows 平台下 使用Android Studio 搭建 Flutter
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter 可以通过热重载(hot reload)实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态一、安装 flutter 的插件安装插件:Dart与Flutter,以AS为例:二、安装 Flutter SDK2.1 下载地址:https://docs.flutter.dev/development/tools/sdk/releases#w...原创 2022-04-19 15:28:57 · 1238 阅读 · 0 评论