前端

最新博文

• flutter-10(页面布局 Wrap 组件)

  ## 一、Flutter RaisedButton 定义一个按钮 `Flutter` 中通过 `RaisedButton` 定义一个按钮。`RaisedButton` 里面有很多的参数，这一讲我们只 是简单的进行使用。  ``` return RaisedButton( child: Text('女装'), textCo

  2020-04-30【Flutter】

  阅读更多

• flutter-09(AspectRatio 、Card 卡片组件)

  ## 一、Flutter AspectRatio 组件 `AspectRatio` 的作用是根据设置调整子元素 `child` 的宽高比。 `AspectRatio` 首先会在布局限制条件允许的范围内尽可能的扩展，`widget` 的高度是由宽度和比率决定的，类似于 `BoxFit` 中的 `contain`，按照固定比率去尽量占满区域。 如果在满足所有限制条件过后无法找到一个可行的尺寸，`AspectRatio` 最终将会去优先适应布局限制条件，而忽略所设置的比率。 属性

  2020-04-30【Flutter】

  阅读更多

• flutter-08(页面布局 Stack 层叠组件 Stack 与 与 Align Stack 与 与 Positioned 现定位布局)

  ## 一、Flutter Stack 组件 `Stack` 表示堆的意思，我们可以用 `Stack` 或者 `Stack` 结合 `Align` 或者 `Stack` 结合 `Positiond` 来实现页面的定位布局 属性 | 说明 ---|--- alignment | 配置所有子元素的显示位置 children | 子组件 ## 二、 Flutter Stack Align `Stack` 组件中结合 `Align` 组件可以控制每个子元素的显示位置 属性 |

  2020-04-30【Flutter】

  阅读更多

• flutter-07(页面布局 Paddiing Row Column Expanded 组件详解)

  ## 一、Flutter Paddiing 组件 在 `html` 中常见的布局标签都有 `padding` 属性，但是 `Flutter` 中很多 `Widget` 是没有 `padding` 属 性。这个时候我们可以用 `Padding` 组件处理容器与子元素直接的间距。 属性 | 说明 ---|--- padding | padding 值, EdgeInsetss 设置填充的值 child | 子组件 ![image](http://image.apidata.

  2020-04-30【Flutter】

  阅读更多

• flutter-06 ListView 基础列表组件、水平列表组件 、 图标组件

  ## 一、Flutter 列表组件概述 列表布局是我们项目开发中最常用的一种布局方式。`Flutter` 中我们可以通过 `ListView` 来定义列表项，支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。 列表有一下分类： 1. 垂直列表 2. 垂直图文列表 3. 水平列表 4. 动态列表 5. 矩阵式列表 ## 二、 Flutter 列表参数 名称 | 类型 | 说明 ---|---|--- scrollDirection | Axis | A

  2020-04-30【Flutter】

  阅读更多

• flutter-05(图片组件)

  ## 一、Flutter 图片组件是显示图像的组件，`Image` 组件有很多构造函数 - `Image.asset`， 本地图片 - `Image.network` 远程图片 **Image 组件的常用属性:** 名称 | 类型 | 说明 ---|---|--- alignment | Alignment | 图片的对齐方式 color 和colorBlendMode | | 设置图片的背景颜色，通常和 colorBlendMode 配合一起使用，这样可以是图片颜色和背景

  2020-04-29【Flutter】

  阅读更多

• flutter-04(Flutter Container 组件、Text 组件详解)

  > Flutter Container 组件、 、Text 组件详解 ## 一、Flutter Text 名称 | 功能 ---|--- textAlign | 文本对齐方式（center 居中，left 左对齐，right 右对齐，justfy 两端对齐） textDirection | 文本方向（ltr 从左至右，rtl 从右至左） overflow | 文字超出屏幕之后的处理方式（clip裁剪，fade 渐隐，ellipsis 省略号） textScaleFactor |

  2020-04-29【Flutter】

  阅读更多

• flutter-03(Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件)

  > Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件 ## 一、Flutter 目录结构 文件夹 | 作用 ---|--- android | android 平台相关代码 ios | ios 平台相关代码 lib | flutter 相关代码，我们主要编写的代码就在这个文件夹 test | 用于存放测试代码 pubspec.yaml | 配置文件，一般存放一些第三方库的依 赖。

  2020-04-29【Flutter】

  阅读更多

• flutter-02(demo)

  ``` import 'package:flutter/material.dart';// fim void main() { runApp(MyApp()); } class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( home: Sca

  2020-04-29【Flutter】

  阅读更多

• flutter-01(环境配置)

  ## 电脑安装JDK 1. 下载安装JDK `https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html` 2. 配置JDK 1. 系统变量里面新增 `JAVA_HOME`，设置值为 `java sdk` 根目录： 2. 系统变量找到 Path 在 Path环境变量里面增加如下代码 `;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin` ## 安

  2020-04-29【Flutter】

  阅读更多