- 博客(19)
- 收藏
- 关注
RSS订阅原创 Flutter开发笔记17 - 全屏幕与折叠屏适配指南
全屏幕特点，及存在的问题全面屏手机的特点：大、屏占比高、长宽比达到了19.5:9甚至更高； 短点的像素、density的取值都是一样的，所以需要适配的是长。问题：传统布局的高度不足，导致上下留黑边； 基于屏幕顶部和底部的布局，如弹框，在全面屏上显示会发生位移； 安全区域的问题。适配要点顶部NavigationBar的上面和底部NavigationBar的下面要预...
2019-04-29 11:16:24
1792
转载 Flutter开发笔记16 - Widget的生命周期
前言和其他的视图框架比如android的Activity一样，flutter中的视图Widget也存在生命周期，生命周期的回调函数提现在了State上面。理解flutter的生命周期，对我们写出一个合理的控件至关重要。组件State的生命周期整理如下图所示：大致可以看成三个阶段初始化（插入渲染树） 状态改变（在渲染树中存在） 销毁（从渲染树种移除）各个函数构造函数这个...
2019-04-26 15:06:25
461
转载 Flutter开发笔记15 - Flutter基础-组件通信(父子、兄弟，类似iOS中的NSNotification用法）
博客原文：https://www.jianshu.com/p/25a85c02d586?tdsourcetag=s_pctim_aiomsg上一篇中讲了如何通过父组件给子组件传值: 传送门（方法传参，block回调）这一篇的内容会讲述如何实现：1. 父子组件之间的传值方法2. 兄弟组件之间的传值方法 —— eventbus（类似iOS中的NSNotification用法）实现后...
2019-04-17 17:26:00
1427
原创 Flutter开发笔记14 - http请求与Future开发
GitHub地址：https://github.com/LINGLemon/FlutterFutureDemo1、需在pubspec.yaml中导入http插件包dependencies: http: ^0.12.0+1然后执行flutter packages get2、test1：future小demo // 1、测试future _test1() { ...
2019-04-17 10:51:38
1114
原创 Flutter开发笔记13 - Flutter集成Bugly插件
最近公司Flutter项目中要求集成监控App崩溃的功能，由于Flutter是一个跨平台中较新的框架，在衡量阿里云、AppCenter、腾讯Bugly的利弊之后，内部决定使用TencentBugly。而在GitHub上也找到了对应的插件，地址如下：腾讯Bugly flutter应用更新统计及异常上报插件,支持Android、iOSgithub地址：https://github.com/cr...
2019-04-16 15:36:01
6457
原创 Flutter开发笔记12 - Flutter包与插件的开发
一、Package简介1、pubspec.yaml2、一个lib文件夹二、Package类型1、package（一般主要是dart的代码）2、plugin（有Flutter、iOS、Android的）三、创建包的方式1、可视化方式（推荐）2、命令行方式自行百度。。。（推荐使用第一种方式简单，按图文点击即可）四、开发Flut...
2019-04-16 11:32:55
1661
原创 Flutter开发笔记10 - 如何检测用户手势与处理事件
GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo直接上码：包含点击事件，还有拖拽事件import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { // This widget is the root of your application. @ov.
2019-04-14 17:20:27
414
原创 Flutter开发笔记09 - Flutter页面跳转
GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo1、创建项目2、每个界面必须是Scaffold作为根节点3、可以根据路由名字与否进行页面跳转根节点代码：import 'package:flutter/material.dart';import 'package:flutter_routes_demo/page1.dart';import 'package:flutter_routes_demo/page2.d.
2019-04-14 15:40:38
215
原创 Flutter开发笔记08 - Flutter布局Widget练习
参考另一篇详细widget说明：Flutter开发笔记04 - Flutter_Widget布局控件笔记_酸柠檬的博客-CSDN博客GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo下面是布局相关组件列表图：Container：容器组件RenderObjectWidget：提供一系列配置，用于约束里面布局的配置SingleChildRenderObjectWidget：单节点布局组件Opa
2019-04-14 14:36:12
352
原创 Flutter开发笔记07 - StatefulWidget与其基础组件
GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo先列举StatelessWidget与其相关的基础组件：MaterialApp：材料设计APP组件，通常用于放在页面根节点Scaffold：有头部bar、底部导航栏、侧边栏、body的界面AppBar：头部barBottomNavigationBar：底部导航栏RefreshIndicator：下拉刷新指示器Image：图片组件TextField..
2019-04-13 23:12:56
175
原创 Flutter开发笔记06 - StatelessWidget与其基础组件
GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo先列举StatelessWidget与其相关的基础组件：其中，Container：容器组件Text：文本组件Icon：icon组件CloseButton/BackButton：返回按钮组件Clip：一个标签组件Divider：分割线组件Card：带有圆角阴影边框的组件AlertDialog：提示框组件...
2019-04-13 20:52:37
174
原创 Flutter开发笔记05 - 开发底部导航栏
GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo这里是使用iOS样式的底部导航栏控件CupertinoTabScaffoldclass MyApp extends StatefulWidget { const MyApp({Key? key}) : super(key: key); @override State<MyApp> createState() => _MyAppState();}.
2019-04-12 16:42:31
1106
原创 Flutter开发笔记04 - Flutter_Widget布局控件笔记
GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo1、StackStack即层叠布局控件，能够将子控件层叠排列。Stack控件的每一个子控件都是定位或不定位，定位的子控件是被Positioned控件包裹的。Stack控件本身包含所有不定位的子控件，其根据alignment定位（默认为左上角）。然后根据定位的子控件的top、right、bottom和left属性将它们放置在Stack控件上。import 'packa.
2019-04-12 16:27:51
244
原创 WKWebView禁止放大缩小(捏合手势)
在webView加载完毕之后的delegate中，添加下面的JS代码禁止WKWebView放大缩小// 加载完毕- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation { NSString *injectionJSString = @"var script = docum...
2019-04-10 14:58:09
9186
原创 手机浏览器能否拉起支付宝并跳转自定义页面
把页面链接urlencode后 拼接到alipays://platformapi/startapp?appId=20000067&url= 后面 访问拼接的链接来实现唤起支付宝访问指定页面如：alipays://platformapi/startapp?appId=20000067&url=www.baidu.com...
2019-04-09 17:06:27
11482
1
原创 Flutter开发笔记03 - 网络图片缓存plugin
GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo1、在pubspec.yaml file中添加:dependencies: cached_network_image: ^3.1.02、安装flutter packages get3、引入头文件import 'package:cached_network_image/cached_network_image.dart';4、使用new Cach.
2019-04-09 10:33:39
1142
原创 Flutter开发笔记02 - Flutter默认项目初试与main.dart中状态管理解析
一、二章节是重点GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo一、什么是StatelessWidget？Flutter中的StatelessWidget是一个不需要状态更改的widget - 它没有要管理的内部状态。当您描述的用户界面部分不依赖于对象本身中的配置信息以及widget的BuildContext 时，无状态widget非常有用。AboutDialog,CircleAvator和Text都是S...
2019-04-02 22:09:59
3373
原创 Flutter开发笔记01 - 环境搭建（Mac，含M1解决方案）
苹果M1笔记本打开终端前需：打开Finder-> 打开应用程序->打开实用工具，找到终端.app，显示简介，把使用 Rosetta打开勾选上，然后重启终端一、Flutter SDK 下载在Flutter官网下载安装包，转到对应环境的下载页：安装和环境配置 | Flutter 中文文档 | Flutter 中文开发者网站注意：下载后，自行解压；推荐路径为:/Users/用户名/flutter镜像使用：由于在国内访问Flutter有时可能会受到限制，Flutter官方为中
2019-04-01 13:43:49
1422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人