[技术汇总] Flutter学习笔记04

Row布局

import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'RowWidgetDemo',home:Scaffold(appBar:newAppBar(title:newText('水平方向布局'),),body:newRow(children:<Widget>[Expanded(child:newRaisedButton(onPressed:(){},color:Colors.redAccent,child:newText('RedButton'),),),Expanded(child:newRaisedButton(onPressed:(){},color:Colors.orangeAccent,child:newText('OrangeButton'),),),Expanded(child:newRaisedButton(onPressed:(){},color:Colors.lightBlue,child:newText('BlueButton'),),),],),));}}

Column布局

import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'ColumnWidgetDemo',home:Scaffold(appBar:newAppBar(title:newText('垂直方向布局'),),body:newColumn(children:<Widget>[Text('Iamzhouyuming'),Text('Iamzhouyuming'),Text('Iamzhouyuming'),Text('Iamzhouyuming'),],),));}}