fluter课堂笔记2022/10/23

binnnnnnn_

已于 2022-10-23 16:40:26 修改

阅读量113

点赞数

分类专栏： flutter 文章标签： flutter android

于 2022-10-23 15:53:33 首次发布

本文链接：https://blog.csdn.net/binnnnnnn_/article/details/127474407

版权

flutter 专栏收录该内容

2 篇文章 0 订阅

订阅专栏


import 'package:flutter/material.dart';

void main () {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Container(
          decoration: BoxDecoration(
            border: Border.all(),
          ),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.end,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                width: 100,
                height: 100,
                color: Colors.red,
              ),
              Container(
                width: 100,
                height: 150,
                color: Colors.green,
              ),
              Container(
                width: 100,
                height: 200,
                color: Colors.blue,
              ),
            ],
          )
        ),
      ),
    )
  );
}

在这里插入图片描述


import 'package:flutter/material.dart';

void main () {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Container(
          decoration: BoxDecoration(
            border: Border.all(),
          ),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            mainAxisSize: MainAxisSize.max,
            children: [
              Container(
                width: 50,
                height: 50,
                decoration: BoxDecoration(
                  shape: BoxShape.circle,
                  color: Colors.red,
                ),
              ),
              Expanded(
                child: Container(
                  child: Text('聊天内容'),
                  color: Colors.blue,
                ),
              ),
              Text('13:34'),
            ],
          )
        ),
      ),
    )
  );
}

在这里插入图片描述

import 'package:flutter/material.dart';

void main() {
  runApp(
      MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          body: Container(
            decoration: BoxDecoration(
              border: Border.all(),
            ),
            child: Stack(
              children: [
                Container(
                  height: 640,
                  width: 430,
                  color: Colors.green,
                ),
                Positioned(
                  top: 10,
                  left: 10,
                  child: Container(
                    width: 200,
                        height: 200,
                        color: Colors.red,
                  ),
                ),
                Positioned(
                  top: 10,
                  left: 220,
                  child: Container(
                    width: 200,
                    height: 200,
                    color: Colors.red,
                  ),
                ),

                Positioned(
                  top: 220,
                  left: 220,
                  child: Container(
                    width: 200,
                    height: 200,
                    color: Colors.red,
                  ),
                ),
                Positioned(
                  top: 10,
                  left: 220,
                  child: Container(
                    width: 200,
                    height: 200,
                    color: Colors.red,
                  ),
                ),
                Positioned(
                  top: 220,
                  left: 10,
                  child: Container(
                    width: 200,
                    height: 200,
                    color: Colors.red,
                  ),
                ),
                Positioned(
                  top: 430,
                  left: 10,
                  child: Container(
                    width: 200,
                    height: 200,
                    color: Colors.red,
                  ),
                ),

                Positioned(
                  top: 430,
                  right: 10,
                  child: Container(
                    width: 200,
                    height: 200,
                    color: Colors.white,
                  ),
                ),

                
                // Container(
                //   width: 200,
                //   height: 200,
                //   color: Colors.yellow,
                // )
              ],
              
            ),

          ),
        ),
      ),
      );
  }