zoukankan      html  css  js  c++  java
  • wrap

    import 'package:flutter/material.dart';
    
    void main() {
      runApp(MaterialApp(home: new MyApp()));
    }
    
    
    class MyApp extends StatelessWidget {
      var width = 80.0;
      var height = 60.0;
    
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        return Wrap(
          spacing: 8.0, // 主轴(水平)方向间距
          runSpacing: 4.0, // 纵轴(垂直)方向间距
          alignment: WrapAlignment.center, //沿主轴方向居中
          children: <Widget>[
            Container(height: 50,  50,color: Colors.red,),
            Container(height: 50,  50,color: Colors.white,),
            Container(height: 50,  50,color: Colors.white10,),
            Container(height: 50,  50,color: Colors.redAccent,),
            Container(height: 50,  50,color: Colors.amber,),
            Container(height: 50,  50,color: Colors.amberAccent,),
            Container(height: 50,  50,color: Colors.grey,),
            Container(height: 50,  50,color: Colors.brown,),
            Container(height: 50,  50,color: Colors.black,),
            Container(height: 50,  50,color: Colors.grey,),
            Container(height: 50,  50,color: Colors.green,),
            Container(height: 50,  50,color: Colors.red,),
            Container(height: 50,  50,color: Colors.white10,),
            Container(height: 50,  50,color: Colors.lightBlue,),
            Container(height: 50,  50,color: Colors.redAccent,),
            Container(height: 50,  50,color: Colors.red,),
            Container(height: 50,  50,color: Colors.green,),
            Container(height: 50,  50,color: Colors.grey,),
            Container(height: 50,  50,color: Colors.brown,),
            Container(height: 50,  50,color: Colors.red,),
    
          ],
        );
      }
    }
    

      

  • 相关阅读:
    java中讲讲PrintStream的用法,举例?
    Spark Scala当中reduceByKey的用法
    springboot与ActiveMQ整合
    solr(六): 集群
    zookeeper集群
    solr(五): centos中, 整合 tomcat&solr
    springboot redis(单机/集群)
    redis 五种数据类型
    redis 集群搭建: redis-cluster
    redis 持久化
  • 原文地址:https://www.cnblogs.com/pythonClub/p/10571026.html
Copyright © 2011-2022 走看看