flutter
老虎从不发威-新歌
只要持之以恒,你就会成功
展开
-
Flutter 浅析之 登录页
技术无止境,只怕不学习啊,Flutter 我们开始吧先上图来看一下要实现的效果:页面结构1.标题2.手机号输入框3.验证码输入框4.获取验证码5.60s倒计时6.登录按钮7.跳转到主页下面直接上代码说明/// (`InkWell`)可用时使用的字体样式。final TextStyle _availableStyle = TextStyle( fontSize: 16.0, color: const Color(0xFF00CACE),);/// (`InkWell`)原创 2020-08-06 12:09:14 · 540 阅读 · 0 评论 -
Flutter 页面刷新数据 State的生命周期
技术无止境,只怕不学习啊,Flutter 我们开始吧flutter 是怎么刷新数据的刚开始接触的时候有点迷茫,经过一点探索原来是这个样子的。在 Flutter 中,有两类常用的 Widget无状态的 StatelessWidget有状态的 StatefulWidgetStatelessWidgetStatelessWidget 是不能被改变的,比如:Icon、Text等。如果控件一旦显示,就不需要再做任何的变更,那么使用 StatelessWidget。class MyTestWidg原创 2020-07-30 10:28:55 · 3158 阅读 · 0 评论 -
Flutter 浅析之 自定义view 六 CircleProgressBar
技术无止境,只怕不学习啊,Flutter 我们开始吧CircleProgressBar原型进度条自定义view结合动画来完成进度条效果。CustomPainter先来想想使用canvas的哪个方法来完成绘制。首先,需要绘制一个圆形的背景啊,所以肯定要使用canvas.drawCircle方法。其次,需要绘制圆上面的圆弧,所以就是canvas.drawArc方法了啊。所以,先来绘制一个圆来看效果哈/// 绘制进度条class CircleProgressBarPainter extends原创 2020-07-23 18:03:05 · 702 阅读 · 0 评论 -
Flutter 浅析之 自定义view 五 绘制标签
技术无止境,只怕不学习啊,Flutter 我们开始吧有时候会遇到展示一些标签,最近项目中也遇到做一个标签标记,电商项目中多数都会用到,可能都是UI切的图,这里我们用自定义view 的方式来画一个标签或自定义LabelView首先还是先建立类继承于CustomPainterclass LabelViewPainter extends CustomPainter { @override void paint(Canvas canvas, Size size) {} @overr原创 2020-07-23 15:21:49 · 881 阅读 · 0 评论 -
Flutter 浅析之 自定义view (自定义图形 绘制drawImage 加载本地图片 ui.Image的使用) 四
技术无止境,只怕不学习啊,Flutter 我们开始吧绘制drawImage的时候遇到一个问题获取要绘制的图片,查询的一些资料找出来一个方法可以回去本地图片 ,因为绘制的时候Image对象必须使用ui.Image /// 通过assets路径,获取资源图片 Future<ui.Image> load(String asset) async { ByteData data = await rootBundle.load(asset); ui.Codec codec = awa原创 2020-07-22 18:18:41 · 3676 阅读 · 2 评论 -
Flutter 浅析之 自定义view (自定义图形) 三
技术无止境,只怕不学习啊,Flutter 我们开始吧绘制路径drawPathdrawPath(Path path, Paint paint)绘制路径非常的简单,首先需要一个要绘制的路径path,然后就是这个paint了。Path的用法也非常的简单,下面列出一下常用的方法:方法名作用moveTo将路径起始点移动到指定的位置relativeMoveTo相对于当前位置移动到lineTo从当前位置连接指定点relativeLineTo相对当前位置连接到原创 2020-07-22 17:42:32 · 547 阅读 · 0 评论 -
Flutter 浅析之 自定义view (自定义图形) 二
技术无止境,只怕不学习啊,Flutter 我们开始吧今天我们就按照这个步骤来实现下自定义ViewCustomPainter的使用新建类继承于CustomPainter并且实现CustomPainter里面的paint()和shouldRepaint方法。class TestPainter extends CustomPainter { @override void paint(Canvas canvas, Size size) { // TODO: implement paint原创 2020-07-22 11:08:05 · 905 阅读 · 0 评论 -
Flutter 浅析之 自定义view (自定义图形) 一
技术无止境,只怕不学习啊,Flutter 我们开始吧最近要使用Flutter 的自定义view来做图形引擎工作,所以来个插先了解一下自定义view,Flutter中Widget已经做得很强大了但总有不满足的时候,需要我们通过自定义来实现效果。Flutter的自定义和Android还是差不多的,但也有一些区别1.新建类继承于CustomPainter实现paint()和shouldRepaint()方法2.在paint方法中绘制你想要的内容3.借助于 CustomPaint Widget来构建自己原创 2020-07-22 09:57:14 · 978 阅读 · 0 评论 -
Flutter 浅析之Image
技术无止境,只怕不学习啊,Flutter 我们开始吧Flutter Image图片添加 Image空间 首相Image有四种加载图片的方式network 加载网络图片file 本地文件asset 资源目录主要讲解asset 资源目录添加图片文件夹在lib 同一个目录下添加images文件夹把需要使用的图片复制到images文件夹中然后在pubspec.yaml中配置注意格式在容器中添加Image读取资源图片class MyApp extends StatelessWidget原创 2020-07-19 21:51:24 · 2005 阅读 · 0 评论 -
Flutter 浅析之 Container容器
技术无止境,只怕不学习啊,Flutter我们开始吧Flutter Container容器在Container容器添加Text文本以及字体大写class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Startup Name Generator', theme: new ThemeData原创 2020-07-19 00:50:50 · 1085 阅读 · 0 评论 -
Flutter 浅析之 Text Widget
技术无止境,只怕不学习啊,Flutter 我们开始吧Flutter 之路从文本开始 TextText文本的剧中class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( title: "Text WidGet", // 标题 home: Scaffold(原创 2020-07-17 19:34:46 · 287 阅读 · 0 评论 -
android studio集成flutter (windows)
配置镜像由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn在用户变量中添加获取Flutter SDK1.去flutter官网下载其最新可用的安装包 点击下载下载最新版下载后解压配置fl原创 2020-07-12 13:29:41 · 629 阅读 · 0 评论