第7章页面布局-SizedBox设置具体尺寸

最新推荐文章于 2022-10-28 14:07:50 发布

原创最新推荐文章于 2022-10-28 14:07:50 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

97 篇文章

订阅专栏

本文通过实例详细讲解了Flutter中SizedBox组件的使用方法，演示如何设定组件的具体尺寸，适合Flutter初学者和开发者参考。

防采集标记：亢少军老师的课程和资料

import 'package:flutter/material.dart';

class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('SizedBox设置具体尺寸示例'),
      ),
      body: SizedBox(
        //固定宽为200.0 高为300.0
        width: 200.0,
        height: 300.0,
        child: const Card(
            child: Text('SizedBox',
              style: TextStyle(
                fontSize: 36.0,
              ),
            )),
      ),
    );
  }
}

void main() {
  runApp(
    new MaterialApp(
      title: 'SizedBox设置具体尺寸示例',
      home: new LayoutDemo(),
    ),
  );
}

Flutter技术入门与实战: http://product.dangdang.com/26485813.html
Flutter交流学习群：894109159
Flutter开源项目请关注: https://github.com/kangshaojun
Flutter视频教程：https://edu.youkuaiyun.com/lecturer/2436

@作者: 亢少军