Flutter
Lud_
积累点滴
展开
-
Flutter:Stack
alignmentStack 组件的每个子组件要么定位要么不定位,定位的字组件是用 Positioned 组件包裹的。Stack 组件本身包含所不定位的子组件,子组件根据 alignment 属性定位(默认为左上角)。然后根据定位的子组件的 top、right、bottom 和 left 属性将他们放置在 Stack 组件上。示例代码如下:import 'package:flutter/m...原创 2019-10-24 11:14:13 · 376 阅读 · 0 评论 -
Flutter:FittedBox(缩放布局)
FittedBox 组件主要做两件事,缩放(Scale)和位置调整(Position)。FittedBox 会在自己的尺寸范围内缩放并调整 child 的位置,使 child 适合其尺寸。FittedBox 和 Android 中的 ImageView 有些类似,将图片在其范围内按照规则进行缩放和位置调整。布局分为两种情况:如果外部有约束的话,按照外部约束调整自身尺寸,然后缩放调整 chi...原创 2019-10-23 15:14:48 · 7945 阅读 · 0 评论 -
Flutter:Row(水平布局),Column(垂直布局)
Row(水平布局),Column(垂直布局) 相当于 Android 中的 LinearLayout 的效果。Row水平布局是一种常用的布局方式,我们主要用Row组件来完成水平方向的排列,对于 Row 来说,水平方向是主轴,垂直方向是次轴。示例代码如下:class MyApp extends StatelessWidget { // This widget is the root o...原创 2019-10-23 11:14:17 · 3758 阅读 · 0 评论 -
Flutter:Center(居中布局),Padding(填充布局),Align(对齐布局)
文章目录Center (居中布局)Padding (填充布局)Align (对齐布局)Center (居中布局)在Center布局中,子元素处于水平和垂直方向的中间位置。代码如下:void main() => runApp(MyApp());class MyApp extends StatelessWidget { // This widget is the root of y...原创 2019-10-21 18:51:53 · 15886 阅读 · 0 评论 -
Flutter:Container(容器布局)
Container布局在Flutter里大量使用,它是一个组合Widget,内部有绘制Widget、定位Widget和尺寸Widget。Container组件常用属性如下图:下面是一个Container的示例:在工程下新建一个images文件夹,并放入几张图片如下图:打开 pubspec.yaml 配置文件添加images配置如下图:接下来编写Container代码如下:imp...原创 2019-10-21 16:54:04 · 1190 阅读 · 0 评论