Flutter入门学习--(13)Expanded控件

最新推荐文章于 2025-04-17 09:00:00 发布

游响云停

最新推荐文章于 2025-04-17 09:00:00 发布

阅读量1k

点赞数

分类专栏： Flutter 文章标签： Flutter Expanded

本文链接：https://blog.youkuaiyun.com/zx13525079024/article/details/86636187

版权

Flutter 专栏收录该内容

19 篇文章

订阅专栏

接上一节，在使用垂直布局控件ROW的时候，如果一行内容屏幕显示不完的时候，会出现黄色斑马线，此时如果使用Expanded控件，内容会自动换行填充，并显示完全，我们看下对吧效果图

未使用前代码

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter',
        home: new Row(
          children: <Widget>[
            new Text("你好,"),
            new Text("交流群207464864,欢迎大家学习交流FLUTTER,"),
            new Text("你好，"),
          ],
        ));
  }
}

使用Expanded后代码

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter',
        home: new Row(
          children: <Widget>[
            new Text("你好,"),
            new Expanded(
              child:new Text("交流群207464864,欢迎大家学习交流FLUTTER,") ,
            ),
                new Text("你好，"),
          ],
        ));
  }
}