flutter布局综合⽰例import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
//风景区地址部分
Widget addressContainer = Container(
padding: EdgeInsets.all(32.0),
child: Row(
children: <Widget>[
Expanded(
//垂直布局
child: Column(
crossAxisAlignment: CrossAxisAlignment.start, //次轴即⽔平放系在哪个左侧对齐
children: <Widget>[
Container(
padding: ly(bottom: 8.0),
child: Text(
'风景区地址',
style: TextStyle(fontWeight: FontWeight.bold),
),
)
,
Text(
'湖北省⼗堰市丹江⼝',
style: TextStyle(color: [500]),
)
],
),
),
//图标
Icon(
Icons.star,
color: d[500],
),
Text('66')
],
),
);
//构建按钮中点个按钮参数为图标及⽂本
Column buildBottomColumn(IconData icon, String label) {
return Column(
mainAxisSize: MainAxisSize.min, //垂直⽅向⼤⼩最⼩化
mainAxisAlignment: , //垂直⽅向对齐
children: <Widget>[
flutter开发appIcon(icon,color: Colors.lightGreen[600],),
Container(
margin: ly(bottom: 8.0),
child: Text(
label,
style: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w400,
color: Colors.lightGreen[600],
),
)
,
)
],
);
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。