flutter
229836277
https://chengang.plus/
展开
-
flutter通信机制-EventChannel
微信公众号:Android部落格个人网站:https://chengang.plus/流程图如下:1、使用方式当原生平台需要向dart发送消息时,需要用到EventChannel。1.1 Android端注册Android平台的注册方式:class MainActivity : FlutterActivity(){ val DATA_RESULT_CHANNEL = "com.yourname.yourname/typeData" override fun on.原创 2020-05-15 17:09:52 · 3943 阅读 · 0 评论 -
flutter通信机制-MethodChannel
微信公众号:Android部落格流程图如下:1、发送和接收1.1 flutter端发送消息方式是:class InteractUtil { static const platform = const MethodChannel("com.yourname.yourname/method"); factory InteractUtil() => _getInstance(); static InteractUtil get instance .原创 2020-05-09 19:21:44 · 7406 阅读 · 1 评论 -
flutter 绘制过程 系列1-Binding
1、WidgetStatelessWidget和StatefulWidget都继承自Widget。Widget作为虚类,定义了Element createElement()方法,给继承者实现,返回Element对象。具体到StatelessWidget,实现createElement,返回StatelessElement对象。StatelessElement继承自ComponentEleme...原创 2020-04-30 16:30:50 · 982 阅读 · 0 评论 -
Flutter系统启动过程分析
启动过程分析原图地址是:https://ftp.bmp.ovh/imgs/2020/04/f92a2d6c47bcf3f6.jpg1、 初始化一般的,都有一个入口Activity,这个Activity继承自FlutterActivity。从入口Activity的oncreate方法开始分析,首先调用FlutterMain.startInitialization(this),如果我们自定义...原创 2020-04-09 15:26:13 · 1191 阅读 · 0 评论 -
Flutter-banner轮播
文章将同步更新到微信公众号:Android部落格问题背景因为最近做商城App,需要用到轮播,发现flutter的控件库里面没有这个控件(当然了,可能是我自己没有找到),于是就决定自己动手做一个banner轮播图片了。框架整体框架就是一个PageView,Indicator指示器,一个定时器。PageView用来展示需要播放的Widget,此处不一定必须限定死要展示Image....原创 2019-10-25 20:19:18 · 373 阅读 · 0 评论 -
flutter InheritedWidget机制
微信公众号:Android部落格,文末有二维码个人网站:chengang.plus1、用法用法示例:class InheritedData extends InheritedWidget { final String data; InheritedData({ this.data, Widget child, }) : super(child: child); static InheritedData of(BuildContext context) { .原创 2020-05-19 17:44:46 · 843 阅读 · 0 评论 -
flutter setState机制
微信公众号:Android部落格,文末有二维码个人网站:chengang.plus1、定义setState方法只能定义在State类中,执行这个方法之后,能够更新State限定的StatefulWidget及其子Widget树。在StatefulWidget执行createElement方法创建StatefulElement对象的时候,会回调到StatefulWidget的createState方法,也就回到了我们自定义Widget继承StatefulWidget的createState方法,从.原创 2020-05-19 17:43:40 · 1160 阅读 · 0 评论 -
flutter 绘制过程 系列3-绘制渲染
文章将同步到微信公众号:Android部落格流程图如下:1、预热帧1.1 scheduleWarmUpFramerunApp调用的最后一个方法是scheduleWarmUpFrame,从这里开始渲染之前遍历的widget。packages\flutter\lib\src\scheduler\binding.dart\ScheduleBindingvoid scheduleWa...原创 2020-05-07 17:42:07 · 627 阅读 · 0 评论 -
flutter 绘制过程 系列2-布局
文章将同步到微信公众号:Android部落格流程图如下:1、处理RootWidget1.1 scheduleAttachRootWidget回到runApp方法:packages\flutter\lib\src\widgets\binding.dartvoid runApp(Widget app) { WidgetsFlutterBinding.ensureInitial...原创 2020-05-07 17:39:34 · 745 阅读 · 0 评论 -
Flutter-网络
文章将会被同步至微信公众号:Android部落格文章参考:https://flutterchina.club/networking/文章参考:https://flutter.dev/docs/cookbook/networking/fetch-data一、flutter中网络请求使用http库在pubspec.yaml中添加配置:dependencies:http: ^0.12.0...原创 2019-05-23 11:25:58 · 381 阅读 · 0 评论 -
flutter基础集锦
View篇有几种视图框架总体来说有两种,Column和Row,前者表示竖直方向,后者表示水平方向。怎么实现类似wrap_content和match_parent的效果Widget parent = Container( width: 360, height: 360, color: Colors.lightGreen, child: Column( mainAxis...原创 2020-04-09 15:36:37 · 730 阅读 · 0 评论 -
Flutter-界面之间跳转
参考:https://flutter.io/docs/cookbook/navigation/navigation-basics一、概述Flutter中通过Navigator实现在两个界面之间跳转,分别是push和pop方法。直接上示例:import 'package:flutter/material.dart';void main() { runApp(MaterialApp...原创 2019-06-03 16:40:07 · 2328 阅读 · 0 评论 -
Flutter-动画
参考:https://flutter.io/docs/development/ui/animations一、动画类型动画分为两类:基于tween或基于物理的。1)补间(Tween)动画“介于两者之间”的简称。在补间动画中,定义了开始点和结束点、时间线以及定义转换时间和速度的曲线。然后由框架计算如何从开始点过渡到结束点。2)基于物理的动画在基于物理的动画中,运动被模拟为与真实...转载 2019-06-03 16:35:00 · 497 阅读 · 0 评论 -
Flutter CustomBarChartWidget
Flutter-CustomBarChartWidget1、SceneWe hold our mobile phone everywhere and almost everytime,naturally a application which can show our usage detail is born.Like this:DailyWeeklyMonthly-Yearl...原创 2019-03-25 20:08:37 · 606 阅读 · 0 评论 -
Flutter-A glimpse of flutter
1、Offical websiteWe can get numerous knowledge about flutter at offical website.The basic skeleton of flutter is below:We can find out that it can be apply to Android and iOS platform,and package ...原创 2019-03-26 20:12:31 · 566 阅读 · 0 评论 -
Flutter-HelloWorld
文章将会被同步至微信公众号:Android部落格一、Flutter初识Flutter有什么优势?它可以帮助你:提高开发效率同一份代码开发iOS和Android用更少的代码做更多的事情轻松迭代在应用程序运行时更改代码并重新加载(通过热重载)(IDE部署的时候,并不是在移动设备上运行的时候,与插件化的热更新不是一个概念)修复崩溃并继续从应用程序停止的地方进行调试创建美观,高度...原创 2019-05-16 10:12:53 · 274 阅读 · 0 评论 -
Flutter-Widget总览
详情参考 https://flutter.dev/docs/development/ui/widgets-intro文章将会被同步至微信公众号:Android部落格一、HelloWorldimport 'package:flutter/material.dart';void main() { runApp( new Center( child: new Tex...原创 2019-05-16 10:22:21 · 380 阅读 · 1 评论 -
Flutter-基础组件1
所有组件翻译自官方文档 https://docs.flutter.io/flutter/widgets/widgets-library.html一、Container一个拥有绘制、定位、调整大小的 widget。容器首先由decoration中定义的边界属性围绕子widget,然后对填充范围应用附加约束(将宽度和高度合并为约束,如果非空的话)。 然后容器被margin属性设置的空隙边缘包...原创 2019-05-16 10:41:10 · 294 阅读 · 0 评论 -
Flutter-基础组件2
所有组件翻译自官方文档 https://docs.flutter.io/flutter/widgets/widgets-library.html文章将会被同步至微信公众号:Android部落格作为Android开发人员上手Flutter有几个比较重要的视图需要找到替代者。一、tab包含顶部和底部tab,在flutter中分别是:TabBarView和BottomNavigationBa...原创 2019-05-16 10:52:10 · 326 阅读 · 0 评论 -
Flutter-一天入门dart语言
参考网址 http://dart.goodev.org/guides/language/language-tour 相关数据所有权归该网站所有,当前文章不会产生收益。该文章不会被标注被原创,如果其他人复制或转载或以其他方式获取当前文章内容并标注为原创,由此与原作者产生的纠纷与本人无关。文章将会被同步至微信公众号:Android部落格,也不会被标注为原创。1、Variables(变量)v...转载 2019-05-16 11:44:49 · 538 阅读 · 0 评论 -
Flutter-国际化
可以参考flutter中文社区的做法:https://flutterchina.club/tutorials/internationalization/本文参考,但有自己的修改:https://www.didierboelens.com/2018/04/internationalization---make-an-flutter-application-multi-lingual/国际化还...翻译 2019-05-17 18:07:24 · 320 阅读 · 0 评论 -
Flutter-数据处理
文章将会被同步至微信公众号:Android部落格文章参考:https://flutterchina.club/json/更多信息可以参考flutter官方教程:https://flutter.dev/docs/cookbook一、文件IOPathProvider 插件提供了一种平台透明的方式来访问设备文件系统上的常用位置。该类当前支持访问两个文件系统位置:临时目录: 系统可随时清除...原创 2019-05-23 11:45:16 · 829 阅读 · 0 评论 -
Flutter-FloatCircleMenuWidget
Flutter-FloatCircleMenu1、RequirementTo implements this view, in Android platform,we can self-design a custom circle menu by canvas,furthermore,the material design can do a favor.The view contains an...原创 2019-03-21 21:55:45 · 411 阅读 · 0 评论