flutter

1.无状态组件StatelessWidget，

快捷代码块

示例代码

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
        appBar: AppBar(title: const Text("你好 flutter")), body: const MyApp()),
  ));
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const Center(child: Text("你好 flutter"));
  }
}

2.有状态组件StatefulWidget

动态循环列表，可以使用for或者map去生成，但是listView.builder更加简便

listView.builder方式 map方式

gridView布局，同理也可以for或者map效果一致

flex布局

组件的位置定位

size.width 获取屏幕的宽高