美文网首页
Wrap 中子widget 过多超过屏幕的解决办法

Wrap 中子widget 过多超过屏幕的解决办法

作者: CowboyBebop | 来源:发表于2019-04-26 16:53 被阅读0次

Wrap 内容超过屏幕不会自动滑动,可以加在 SingleChildScrollView 的child 中

import 'package:flutter/material.dart';
class WrapPage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('WrapPage'),
      ),
      body: new WrapPageBody(),
    );
  }
}
// Wrap 内容超过屏幕不会自动滑动,可以加在 SingleChildScrollView 的child 中
class WrapPageBody extends StatelessWidget{

   List<RaisedButton> _list = [];

  @override
  Widget build(BuildContext context) {

    for(int i = 0; i< 80; i++){
      _list.add(
        RaisedButton(
          child: Text(i.toString(),style: TextStyle(fontSize: 18),),
          padding: EdgeInsets.all(10),
          onPressed: () {
            print('btn index =' + i.toString());
          },
        )
      );
    }
   return new SingleChildScrollView(
     child: new Container(
       padding: EdgeInsets.fromLTRB(10, 10, 0, 30),
       child: Wrap(
         spacing: 10.0,
         runSpacing: 10.0,
         alignment: WrapAlignment.start,
         crossAxisAlignment: WrapCrossAlignment.start,
         children: _list,
       ) ,
     )
   );
  }
}
wrap.gif

相关文章

  • Wrap 中子widget 过多超过屏幕的解决办法

    Wrap 内容超过屏幕不会自动滑动,可以加在 SingleChildScrollView 的child 中

  • Flutter 流式布局 Wrap

    当使用Row 时,宽度超过屏幕宽时,超过部分无法显示。 使用Wrap时,超过屏幕宽度时,自动换行。 可以水平使用,...

  • Flutter(十)Wrap流式布局

    属性 主要特点 当使用Row 时,宽度超过屏幕宽时,超过部分无法显示。 使用Wrap时,超过屏幕宽度时,自动换行。...

  • Wrap Widget

    某些时候在显示行或者列时,由于宽度或者高度超过了屏幕,多余的部分无法显示,并且还会报出错误.使用Wrap来替代Ro...

  • flutter 动手篇3 - 流式布局

    流式布局 Wrap 在介绍Row和Colum时,如果子widget超出屏幕范围,则会报溢出错误,如: 运行: 可以...

  • flutter 流式布局Wrap、Flow

    流式布局 Wrap 在介绍Row和Colum时,如果子widget超出屏幕范围,则会报溢出错误,如: 可以看到,右...

  • 3.2 布局类Widget-流式布局Wrap和Flow

    原文在此,这里只为学习 流式布局Wrap 在介绍Row和Colum时,如果子widget超出屏幕范围,则会报溢出错...

  • Flutter 常用 Widget 介绍

    级别:★☆☆☆☆标签:「Flutter 常用 Widget」「SafeArea」「Expanded」「Wrap」「...

  • Flutter Widget 003: Wrap

    1.概要 我们使用Row和Column的时候,如果子Widget不多的时候,是可以正常显示的: 但是,当Widge...

  • ConstraintLayout 难点解析

    WRAP_CONTENT 我们知道这个属性在其他view中的意思是包裹内容,就是自身的尺寸,最大不会超过屏幕的尺寸...

网友评论

      本文标题:Wrap 中子widget 过多超过屏幕的解决办法

      本文链接:https://www.haomeiwen.com/subject/mssqnqtx.html