# learnFlutter

**Repository Path**: guyif3/learnFlutter

## Basic Information

- **Project Name**: learnFlutter
- **Description**: 学习flutter 相关
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-12-24
- **Last Updated**: 2023-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# testui

学习Flutter 相关基础知识和框架搭建

## 查看的书籍地址为
    https://github.com/kangshaojun/flutter-book.git
    https://book.flutterchina.club/chapter5/padding.html#_5-1-1-padding
    https://flutter.cn/docs/reference/widgets



##  flutter_gen 快速引用，方便引用assets中相关资源
https://github.com/FlutterGen/flutter_gen/tree/main/examples/example
flutter packages pub run build_runner build


## 布局相关排版需要使用以下布局

1.计算屏幕的宽高的尺寸：MediaQuery.of(context).size


2.通过层级控件 Stack ， 利用Positioned.fill 来计算新的

3.利用ConstrainedBox 中的 constraints 来进行布局设置


4.针对列表中的数据，则是通过 Column、Row、Flex控件来实现 配合 Expanded 来进行相关操作


5.FractionallySizedBox 组件可以使子组件填充部分可用空间

6.AspectRatio 组件可以直接指定子组件的固定宽高比例