由Expanded widget引发的思考 设计稿如下 布局widget分解 很常见的一种布局方式:Column的子widget中包含ListView @override Widget build(BuildContext context) { return Column( children: <Widget>[ ListView.builder( itemCount: 30, itemBuilder: (BuildContext context, int index) { return Li…

decoration: BoxDecoration( borderRadius: BorderRadius.circular(), //圆角 gradient: RadialGradient( colors: [Colors.red, Colors.green]), //渐变效果 boxShadow: [ //阴影 BoxShadow( offset: Offset(6.0, 7.0), //偏移量 color: Colors.black45, //颜色 blurRadius: 5.0, //模…

一.viewport视口 1.1什么是屏幕尺寸.屏幕分辨率.屏幕像素密度? 屏幕尺寸:指屏幕的对角线的长度,单位是英寸,常见的屏幕尺寸有3.5.3.7.4.2.4.7.5.0.5.5.6.0等. 屏幕分辨率:指在横纵向上的像素点数,单位是px,1px=1个像素点.一般以纵向像素*横向像素来表示一个手机的分辨率,如1920*1080.(这里的1像素指的是物理设备的1个像素点) 屏幕像素密度:屏幕上每英寸可以显示的像素点的数量,单位是ppi.屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,…

一.上传 formidable天生可以处理上传的文件,非常简单就能持久上传的文件. 今天主要讲解的是,前后端的配合套路. 上传分为同步.异步.同步公司使用非常多,异步我们也会讲解. 1.1 先看一下antd中的Form和代码校验 我们看antd中的Form组件,https://ant.design/components/form-cn/ 所谓的装饰器指的是将一个组件作为一个函数的参数. MyForm是一个标准的组件,要用Form.create()()装饰一下. const WrappedRegi…

所有浮动都是贴着浮动的.一左一右的话就毫无联系了. 浮动元素和标准流是两个级别了,浮起来了,后面的人会补上空缺的位置,让其他标准流的盒子占有. 很容易形成叠加效果,(蓝色的标准流会上去补上浮动的位置,浮动压着标准流) 上沿对其,而且不说明左浮右浮就会贴着左浮,原来是竖着排列的盒子会在一行内完成浮动.缩小页面,装不下四个的时候就会另起一行,但还是左边对齐, 无论是块元素还是行内元素都是一样的可以浮动, 行内块元素不指定宽度的时候,浮动的时候不是100%,是你里面的内容多宽他就显示多宽. 父元素管上…

视频地址: https://www.bilibili.com/video/av39709290/?p=7 博客地址: https://jspang.com/post/flutterDemo.html#toc-65a 创建demo04 flutter从1.0 开始就鼓励大家使用类的不用再写前面的 New关键字了 例如原来new MyAp();现在直接 MyApp();就可以了 新建 frosted_glass_demo.dart stack是层叠组件把我们的图片毛玻璃都重叠在一起 我们使用的网络图…

如需转载,请注明出处:Flutter学习笔记(22)--单个子元素的布局Widget(Container.Padding.Center.Align.FittedBox.Offstage.LimitedBox.OverflowBox.SizedBox) 入门学习Flutter有一段时间了,Demo用过的Widget也有不少,想着整体的梳理一下,所以今天结合Flutter中文网和书籍梳理一下Widget的使用,首先梳理一下拥有单个子元素的布局Widget. Container:一个拥有绘制.定位.调…

Flutter的Fliter Widget 也是非常强大的,它可以制作出你想要的神奇滤镜效果.下面制作一个毛玻璃效果. 这个和以前的写法都一样,所以就直接贴代码了. import 'package:flutter/material.dart'; import 'dart:ui'; //引入ui库,因为ImageFilter Widget在这个里边. void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @ove…

重点是什么? Widgets 是用于构建UI的类. Widgets 用于布局和UI元素. 通过简单的widget来构建复杂的widget Flutter布局机制的核心就是widget.在Flutter中,几乎所有东西都是一个widget - 甚至布局模型都是widget.您在Flutter应用中看到的图像.图标和文本都是widget. 甚至你看不到的东西也是widget,例如行(row).列(column)以及用来排列.约束和对齐这些可见widget的网格(grid). 您可以通过构建widge…

一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Padding.Center.Flex.Row.Colum.ListView.GridView.按照<Flutter技术入门与实战>上面来说的话,大概分为四类 基础布局组件:Container(容器布局),Center(居中布局),Padding(填充布局),Align(对齐布局),Colum(垂直布局),Row(水平布局),Expanded(配合Colum,Row使用),FittedBox(缩放布局)…