Flutter基础学习

目录结构

android：用于android软件的相关

ios：用于ios相关

lib：Flutter代码存放地

test：测试用例代码存放地

Dart以main函数为入口，软件以runApp实体类为软件绘制入口。

1
2
3
4
5
6
7
8
9
import 'package:flutter/material.dart';

void main(){
    runApp(
    	Center(
        child: Text('XXX'),
        )
    );
}

可以单独将Center抽离成一个组件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import 'package:flutter/material.dart';

void main(){
 runApp(MyApp());
}

class MyApp extends StatelessWidget{
    
    @override
    Widget build(BuildContext context){
        
           return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
        title: Text('Flutter Demo')
        ),
        body: HomeContext(),
      ),
      theme: ThemeData(
        primarySwatch: Colors.deepOrange
      ),
    );

    }
}

ClipOval类：

child: Image.asset(“images/b.webp”) 加载本地图片

width: 设置宽

height: 设置高

静态组件更新：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
```



GridView网格布局：

动态组件用这个：

```dart
@override
Widget build(BuildContext context){
	return GridView.builder(
	)
}

静态组件用这个：

1
2
3
4
5
@override
Widget build(BuildContext context){
	return GridView.count(
	)
}

Row：

mainAxisAlignment

crossAxisAlignment

children