zoukankan      html  css  js  c++  java
  • Flutter学习之纵向布局

    import 'package:flutter/material.dart';
    
    void main(){
      runApp(Columns());
    }
    
    class Columns extends StatelessWidget{
      @override
      Widget build(BuildContext context){
        return MaterialApp(
          title: "Column",
          home: Scaffold(
            appBar: new AppBar(
              title: new Text("以列为主轴的的纵向布局"),
              backgroundColor: Colors.pinkAccent,
            ),
            body: Center(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget> [
                  new Image.network("https://avatars1.githubusercontent.com/u/41252899?s=40&v=4"),
                  new Image.network("https://avatars1.githubusercontent.com/u/41252899?s=40&v=4"),
                  new Image.network("https://avatars1.githubusercontent.com/u/41252899?s=40&v=4"),
                  new Image.network("https://avatars1.githubusercontent.com/u/41252899?s=40&v=4"),
                  new Image.network("https://avatars1.githubusercontent.com/u/41252899?s=40&v=4"),
                  new Image.network("https://avatars1.githubusercontent.com/u/41252899?s=40&v=4"),
                ]
              ),
            ),
          ),
        );
      }
    }
    

    纵向布局也就是以纵轴为主轴(mainAxisAlignment),横轴为辅助轴(crossAxisAlignment)进行布局,然后在这个组件中的children 对象就会按照布局填充。

    最近踩了一个坑,在定义类的时候,创建的类一定不要和已有的类同名,否则在这个类中优先调用的是自身的同名组件。

  • 相关阅读:
    C# 读取sqlite文件
    MongoDB聚合管道
    提取Word里的文本内容 C#
    Two Sum【LeetCode】
    Could not create SSL/TLS secure channel.
    处理Task引发的异常
    https请求抛出异常
    hexo+github page +markdown问题汇总
    通过自定义比较器排序(C#版)
    GridView固定行宽,自动换行,鼠标放在Table的Tr上变色
  • 原文地址:https://www.cnblogs.com/yfc0818/p/11072659.html
Copyright © 2011-2022 走看看