本文主要是介绍第7章页面布局-Baseline基准线布局，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
防采集标记：亢少军老师的课程和资料
import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {@overrideWidget build(BuildContext context) {return new Scaffold(appBar: new AppBar(title: new Text('Baseline基准线布局示例'),),body: new Row(//水平等间距排列子组件mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [//设置基准线new Baseline(baseline: 80.0,//对齐字符底部水平线baselineType: TextBaseline.alphabetic,child: new Text('AaBbCc',style: new TextStyle(fontSize: 18.0,textBaseline: TextBaseline.alphabetic,),),),new Baseline(baseline: 80.0,baselineType: TextBaseline.alphabetic,child: new Container(width: 40.0,height: 40.0,color: Colors.green,),),new Baseline(baseline: 80.0,baselineType: TextBaseline.alphabetic,child: new Text('DdEeFf',style: new TextStyle(fontSize: 26.0,textBaseline: TextBaseline.alphabetic,),),),],),);}
}
void main() {runApp(new MaterialApp(title: 'Baseline基准线布局示例',home: new LayoutDemo(),),);
}
- Flutter技术入门与实战: http://product.dangdang.com/26485813.html
- Flutter交流学习群：894109159
- Flutter开源项目请关注: https://github.com/kangshaojun
- Flutter视频教程：https://edu.csdn.net/lecturer/2436
@作者: 亢少军
这篇关于第7章页面布局-Baseline基准线布局的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
