flutter笔记(上)

flutter笔记(上),第1张

仅作备忘录,无可读性

零:APP结构





一:基本组件 1.文本组件

import 'package:flutter/material.dart';

class TextDemo extends StatelessWidget {
  const TextDemo({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("首页"),
        leading: Icon(Icons.menu),
        actions: [
          Icon(Icons.settings)
        ],
        elevation: 0.0,
        centerTitle: true,
      ),
      body: HelloText(),
    );
  }
}

class HelloText extends StatelessWidget {
  const HelloText({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: const [
        Text(
          "你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好",
          textDirection: TextDirection.ltr,
          style: TextStyle(
            fontSize: 30,
            color: Colors.blue,
            fontWeight: FontWeight.w500,
            fontStyle: FontStyle.italic,
            decoration: TextDecoration.lineThrough,
            decorationColor: Colors.yellow
          ),
          textAlign: TextAlign.right,
          maxLines: 3,
          overflow: TextOverflow.ellipsis,
          textScaleFactor: 1.5,
        )
      ],
    );
  }
}
2.Icon

3.color

4.按钮






5.图片


6.列表


7.ios风格组件

二:布局 1.container

2.线性布局

3.d性布局

4.流式布局

5.层叠布局

6.网格布局

7.card

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/993056.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存