Flutter页面布局：Wrap组件

最新推荐文章于 2024-05-28 22:43:04 发布

风曦Kisaki

最新推荐文章于 2024-05-28 22:43:04 发布

阅读量879

点赞数

文章标签： flutter android

本文链接：https://blog.csdn.net/weixin_46136019/article/details/129586274

版权

Flutter的Wrap组件提供流式布局方案，当水平方向空间不足时，元素会自动换行。它既可类似Row处理单行，也可类似Column处理单列，为布局设计提供了更多灵活性。

摘要由CSDN通过智能技术生成

Wrap 可以实现流布局，单行的 Wrap 跟 Row 表现几乎一致，单列的 Wrap 则跟 Column 表现几乎一致。但 Row 与 Column 都是单行单列的，Wrap 则突破了这个限制，mainAxis 上空间不足时，则向crossAxis上去扩展显示，简单说就是如果你在x轴上进行布局，当x轴的元素溢出后他会自动扩展到另一行。

请添加图片描述

import 'package:flutter/material.dart';

class MyApp_Wrap extends StatelessWidget {
   
  @override
  Widget build(BuildContext context) {
   
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(