flutter 学习总结

flutter 学习总结

1.flutter简介：
flutte 谷歌的跨平台（IOS,android）原生开发框架工具（框架，SDK)
框架：用于编译dart语言和widget库；
sdk: 用于将dart代码编译为原生ios,android)代码；

DART:由谷歌开发的用于WEB,服务器，移动应用，物联网等领域的开发编程语言。面向对象；
widget：库

2.flutter 安装
flutter.dev
flutterchina.club

MACOS
pwd
vim .bash_profile
flutter doctor
open -a simulator

macos 需安装组件：
1. flutter;
2.android toolchain develop for android devices
3.xcode -for ios and macos
4.ios tools
5.android studiox
6.vs code
brew.cn

WINDOW需安装组件：
1. git;
2. flutter sdk:flutter_windows_v1
3.配置环境变量：bin
4.flutter doctor 检查安装情况
5.安装adnroid studio
6.git 创建第一个项目 flutter create first_app
7.open android studio,install pul
8.flutter doctor
9.vscode install,
flutter install,
dart install

开发语法介绍：
. lib,main.dart
void main(){
print("hello world");
//单行注释
/**
* 多行注释
*/
}
变量和数据类型：
//number :int /double
//String:String
//Bollean:bool
//String 转义 String s1='i\'m henry';
String s2="i'm henry";

//String 拼接
String myname=" denny " + " is my name";
//$变量：
int a =20;
int b=20;
print('this sum of $a and $ is ${a+b}‘)；

//分支
var salery=2000;
if(salery > 2000){
print("$salery 大于2000“);
}else {
print("$salery
}

// ?: 三元表达式

// ??表达式 if name is null then print age 32,
String name=" mi mu";
String nametoprint=name ?? "age 32";

//switch
String grade="a";
switch(grade){
case "a":
print("very good");
beak;
case "b":

}


//for loop
for(int i=0;i<=10;i++){
if(i % 2==0){
print(i);
}
}

// for in
for(String person in pelople){
print(person);
}


//while loop
int i=0;
while(i < plople.length)
{
print(pelople[i]);
i++;
}

//do while
int i =0;
do{
print(peple[i]);
i++;

}while(i

//break 停止循环，退出当前所有循环
for(int i=0;i<10;i++)
{
if(i==5){
break;
}
}

//指定停止循环，给内外循环命名：

//continue 停止本次循环


//函数：具有一定功能的代码段
//定义函数，传参，返回值，默认返回值，箭头函数，函数参数，默认参数

//箭头函数 void sumValue(int a,int b) => print("a+b= :${a + b}");

//箭头函数有返回值 sumValue(int a,int b) =>a+b；

//函数可选参数[]
void sumvaue(int a,[int b,int c]){

}



try catch on finally
try{
int result =12 ~/0;

}catch(e){

}finally{

}


try{
int result =12 ~/0;

}on onintExtion{

}


//自定义铺货异常
class DepositException implements Exception{
String errorMessage(){
return "金额不能少于0元“；
}
}
void depositMoney(int amount){
if((amount < 0){
throw new DepositException();
}
}

try{
depositMoney(-200)
}catch(e)
{
print(e.errorMessage());
}


//定义class
void main(){
var st=Student();
st.id=10;
st.name="a";
}
class Student{
int int;
String name;
void study()
{
print("${this.name} is now studing");
}
}

//构造函数
Student(){
print("这个就是构造函数“）；
}
Student(int id,String name){

}
Student(this.id,this.name)

//setter,getter


//类的继承
class Anima{
String name;
}
class Dog extends Anima{

}

class Cat extends Anima{

}

flutter100.net
女装商城 实例知识点：
1.Dio：http请求库；
2.swiper:滑动插件使用,首页轮播图
3.路由fluro：企业级路由
4.屏幕适配：一次开发匹配所有屏幕
5.状态管理provide：组件间状态管理inheritwidget
scoped model
redux
bloc
state
provide:google

6.本地存储：
7.复杂页面的布局：
8.Node：
9.express:框架

首页 ：
1.轮播图banner slides
2.商品分类列表数据
3.商品推荐上部
4.广告图
5.图片商品推荐底部
6.火爆推荐,上拉刷新wrap

github/flutterchina/dio

https://flutterchina.club/