Flutter基础—布局模型之滚动块

ListView即滚动列表控件，能将子控件组成可滚动的列表。当你需要排列的子控件超出容器大小，就需要用到滚动块。

import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {@overrideWidget build(BuildContext context) {
    return new Scaffold(appBar: new AppBar(title: new Text('滚动布局'),),body:new ListView(children: <Widget>[new Center(child: new Text('\nSonnet',style: new TextStyle(fontFamily: 'serif',fontSize: 26.0,),),),new Center(child: new Text('William Shakespeare\n\n',style: new TextStyle(fontFamily: 'serif',fontSize: 12.0,),),),new Center(child: new Text('''
From fairest creatures we desire increase,
That thereby beauty's rose might never die,
But as the riper should by time decease,
His tender heir might bear his memory;
But thou, contracted to thine own bright eyes,
Feed'st thy light's flame with self-substantial fuel,
Making a famine where abundance lies,
Thyself thy foe, to thy sweet self too cruel.
Thout that are now the world's fresh ornament
And only herald to the gaudy spring,
Within thine own bud buriest thy content
And, tender churl, mak'st waste in niggarding.
Pity the world, or else this glutton be,
To eat the world's due, by the grave and thee.
WHEN forty winters shall besiege thy brow
And dig deep trenches in thy beauty's field,
Thy youth's proud livery, so gazed on now,
Will be a tottered weed of small worth held:
Then being asked where all thy beauty lies,
Where all the treasure of thy lusty days,
To say within thine own deep-sunken eyes
Were an all-eating shame and thriftless praise.
How much more prasie deserved thy beauty's use
If thou couldst answer, 'This fair child of mine
Shall sum my count and make my old excuse,'
Proving his beauty by succession thine.
This were to be new made when thou art old
And see thy blood warm when thou feel'st cold.
LOOK in thy glass, and tell the face thou viewest
Now is the time that face should form another,
Whose fresh repair if now thou renewest,
Thou dost beguile the world, unbless some mother.
For where is she so fair whose uneared womb
Disdains the tillage of thy husbandry?
Or who is he so fond will be the tomb
Of his self-love, to stop posterity?
Thou art thy mother's glass, and she in thee
Calls back the lovely April of her prime;
So thou through windows of thine age shalt see,
Despite of wrinkles, this thy golden time.
But if thou live rememb'red not to be,
Die single, and thine image dies with thee.''',style: new TextStyle(fontFamily: 'serif',fontSize: 14.0,),),),]),);}
}
void main() {runApp(new MaterialApp(title: 'Flutter教程',home: new LayoutDemo(),),);
}

Flutter基础—布局模型之滚动块相关推荐

Flutter基础—布局模型之层叠定位
Stack即层叠布局控件,能够将子控件层叠排列. Stack控件的每一个子控件都是定位或不定位,定位的子控件是被Positioned控件包裹的.Stack控件本身包含所有不定位的子控件,其根据alig ...
Flutter基础—布局模型之水平垂直
水平布局 Row控件即水平布局控件,能够将子控件水平排列. Row子控件有灵活与不灵活的两种,Row首先列出不灵活的子控件,减去它们的总宽度,计算还有多少可用的空间.然后Row按照Flexible.f ...
Flutter基础布局组件及实现
https://www.cnblogs.com/lxlx1798/p/11084904.html 一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Paddi ...
Flutter 基础布局Widgets之Baseline、AspectRatio详解
Baseline概述 Baseline即根据child的baseline定位child的小部件,即使得不同的child都处在规定的基线位置,尤其是多用在文字排版中,比如使得不同大小的文字处于同一水平线 ...
Flutter 基础布局之Row
Row意为水平布局,可以使其包含的子控件按照水平方向排列代码如下: class _TestState extends State<Test> {@overrideWidget build ...
Flutter 基础布局Widgets之Expanded详解
Expanded概述 Expanded是用于展开Row,Column或Flex的子child的Widget. 使用Expanded可以使[Row],[Column]或[Flex]的子项扩展以填充主轴中 ...
Flutter 基础布局之Column
Column意为垂直布局,可以使其包含的子控件按照垂直方向排列代码如下: class _TestState extends State<DemoPage2> {@overrideWidg ...
flutter基础布局之 Drawer
Drawer 一般放在标题栏上,通过ListView和ListTile的配合,用于显示隐藏的标题. Scaffold(appBar: AppBar(title: const Text('Drawer ...
web前端——html基础笔记 NO.12｛css布局模型（流动，浮动，层模型）｝
css布局模型清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上,又 ...

Flutter基础—布局模型之滚动块

Flutter基础—布局模型之滚动块相关推荐

最新文章

热门文章