Flutter使用ScreenUtil获取屏幕宽高初始化报错

2021-11-17
阅读 1 分钟
10.2k
我们在布局中使用ScreenUtil().screenWidth获取屏幕宽度是,在初始化未装载视图时,第一次获取时拿不到,会出现如上的崩溃。

Flutter 页面滚动吸顶详解(NestedScrollView)

2021-11-15
阅读 4 分钟
9.1k
在业务开发中我们经常会有滚动吸顶的效果,目前Flutter也有很多种实现方式,这里介绍一下本人在开发中使用到的基于NestedScrollView实现的滚动吸顶组件;以及中间涉及的各种定位的布局操作;

Flutter业务开发常用小技巧(样式布局篇)

2021-11-12
阅读 4 分钟
4.5k
阴影样式中flutter和css对应关系如下图的阴影 UI给出的css样式 {代码...} flutter样式布局 {代码...} 对应关系属性css(box-shadow)flutter(boxShadow)offset前两个值offset: Offset(0, 0.5)blurRadius第三个值blurRadius: 5,spreadRadius第四个值spreadRadius: 0colorrgba(0, 0, 0, 0.08)color: Color.fromRGBO(0, 0...

Flutter自定义时间轴timeline

2021-11-12
阅读 2 分钟
6.1k
组件在业务开发中经常会使用到timeline时间轴,来记录数据操作记录等,在这本人封装了一个相对较通用的时间轴组件。示例参数参数类型必填说明timelineListList是时间轴数据lineColorColor是时间轴轴线颜色heightdouble否时间轴右侧容器高度(默认80)titleStyleTextStyle否时间轴标题样式(已定义初始值 如无特殊样式无...

前端攻略-全栈系列(图谱)

2021-01-25
阅读 2 分钟
8.5k
前端知识体系(图谱)前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex小程序快应用ionicCordova性能优化和监控

前端知识体系-全系列(图谱+大纲)

2021-01-25
阅读 36 分钟
12k
前端知识体系(图谱)前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex小程序快应用ionicCordova性能优化和监控前端知识体系(大纲)前端工程化体系基础设施规范化前端标准(基础)W3CSPADOMBOMXHTMLXMLJSONJSONPHTTPHTML5CSS3编...

Flutter Text文本组件详解

2019-10-09
阅读 10 分钟
8.6k
示例 API Text,很常用的一个Widget;用于显示简单样式文本,它包含一些控制文本显示样式的一些属性 text构造方法源码: {代码...} 参数详解: data 要显示的字符串 style样式TextStyle TextStyle的构造函数: {代码...} 属性 说明 inherit 是否将null值替换为祖先文本样式中的值(例如,在TextSpan树中)。如果为false...

Flutter设置背景图片

2019-09-19
阅读 8 分钟
9.4k
效果展示 前言 在我们平时的开发中会经常使用到背景图片,下面我这介绍的是Container通过BoxDecoration来设置的 布局 1、创建路由子页面 {代码...} Scaffold 路由页面的骨架,我们在里面可以拼装出一个完整的路由页面 appBar 创建导航栏 body 构建页面主体结构 2、页面布局 {代码...} 为了后续方便维护,在页面布局时最...

vscode中调试flutter非常实用方便

2019-09-18
阅读 2 分钟
18.7k
之前每次启动flutter时首先是要open -a Simulator打开本地的模拟器(我这里是Mac Xcode的iOS模拟器),然后在运行flutter run命令,这是才会把程序运行的模拟器;

通过解决一个flutter的路由错误来深入理解BuildContext

2019-09-17
阅读 7 分钟
4.8k
前言 在使用flutter路由跳转是出现如下错误: 代码: {代码...} 解决方案 把home部分作为一个新的Widget拆出来就可以了。 {代码...} 为什么我的Navigator操作会出现当前的context找不到Navigator的情况,为什么拆成新的widget就好了? 那下面就来具体分析一下 Navigator 我们经常会在应用中打开许多页面,当我们返回的时...