网络培训心得_什么软件可以做图片设计_爱战网关键词_站内推广的方法

flutter run
文档:https://tangguo.feishu.cn/docs/doccnOEucSIUzgNSEZj4OKwVNHf
json自动转class// https://javiercbk.github.io/json_to_dart/

await
new Future 类似于 new posize
sleep(Duration(seconds: 2)); //延时
// // 在这里模拟异步操作，例如网络请求
// await Future.delayed(const Duration(seconds: 3)); // 模拟一个3秒的异步任务
// print(“任务完成”);

轮播 tab换屏等 支持滑动
PageView.builder()

滚动
1.SingleChildScrollView() 无接口

2.ListView.Builder() 有接口 内置回到顶部按钮
->ScrollController _controller = ScrollController();
->_scrollController.addListener(_onScroll); 可以操作和监听 滚动元素

toList 类似与 …[] 将数组中 return 的所有子元素展开到页面上

3.网格布局(支持滚动) GridView.builder() 同css 可以用 弹性布局替代
支持宽高比

布局 children代表要布局的内容 其余是参数
1.弹性布局: 固定比例左右分Flex()
1.1->线性布局: flex 的横ROW() 竖Column() 同css
(一般只用 Row 或者 Column)
1.2->流式布局 Warp() 同css flex warp

4.层叠布局 相对定位 只存在 Stack(Positioned())
5.Content() 类似于 div
->Align()
->Center() 选中代码 右键重构 选中Center 可包裹 选中代码
->Padding()
6.ConstrainedBox 约束容器 支持设置最大最小宽高
7.

6.按钮 有三种
文字按钮
边框按钮
背景按钮

小项目(不会有语法提示)
String jsonStr=‘{“name”:“1”}’
Map m = json.decode(jsonStr) // 字符json转为对象
print(m[‘name’])

String s=json.encode(m) // 对象转为字符json

// https://javiercbk.github.io/json_to_dart/
// 自动生成类的工具 实体 和 json 互转 大项目

文档:https://tangguo.feishu.cn/docs/doccnOEucSIUzgNSEZj4OKwVNHf

免费学习网站
https://www.itying.com/category-88-b0.html

本教程于2024年更新重录，基于最新的Flutter3.x讲解，所有内容支持最新的Flutter， 教程前16讲是Dart基础，第17讲开始讲的是Flutter 跨平台app开发。
课件+源码下载地址：https://pan.baidu.com/s/1gRxupvp3I3u7MruJ-RIw0w?pwd=abcd 密码 abcd

Flutter从入门到入坑
课件地址：
https://tangguo.feishu.cn/docs/doccnOEucSIUzgNSEZj4OKwVNHf
代码地址：
https://gitee.com/tangguodalong/flutter

-----windows flutter环境搭建 ------
C:\xxx 下
1.解压 flutter 3.24.3 到当前文件夹
C:\xxx\flutter 下
2.右键管理员运行 flutter_console.bat
3.复制下面三行到黑窗口回车
set https_proxy=http://127.0.0.1:7890
set http_proxy=http://127.0.0.1:7890
set all_proxy=socks5://127.0.0.1:7890
4.flutter doctor
回车
C:\xxx 下
5.安装 Android Studio
C:\xxx 下
6.解压 jdk-17.0.7 到当前文件夹 重命名为 java
系统变量新增 JAVA_HOME=C:\xxx\java
path->%JAVA_HOME%\bin
CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib;
用户变量path新增 C:\xxx\flutter\bin
重启
检查 java --version 为java17
7.重复2~4 没有变化
8.打开 Android Studio ,如果没有出现代理 则上一步
http 设置 127.0.0.1
端口 7890
测试 https://www.google.com
成功 ok
9.C:\Users\Administrator\AppData\Local\Android\Sdk
开始下载 任务管理器 猫的 代理生效 在下载 速度 26.8Mbps
ANDROID_HOME=D:\Android\SDK
10.重复4 检测到 Android Studio 已安装
11.等待 下载完成
12.点击 finish
13.flutter doctor
可以检测到真机调试
如果提示 Android Studio 未安装
flutter config --android-studio-dir “C:\xxx\Android\Android Studio”
设置为自己下载的Android Studio 路径

在 Android Studio 中
14.点击 Plugins(配置)
搜索 flutter 并安装插件
搜索 dart 并安装插件
安装完成 点击 Restart IDE 重启 Android Studio
Restart 确认
多了个 New Flutter Project 创建 flutter项目

15.重复4 提示 cmdline-tools component is missing
open 打开项目 C:\xxx\dpurse-v5
trust 信任 目录并打开项目
16.右上 -> 设置icon -> SDK Man…(管理)
点击 SDK Tools -> 勾选 Command-line Tools
ok 等待下载完成

17. flutter doctor
    提示 Java binary at: C:\xxx\Android\Android Studio\jbr\bin\java
    这是 当前编辑器绑定的自带java版本

    flutter config --jdk-dir C:\xxx\java
    设置为自己下载的java 路径 默认Android Studio自带的java 然后是JAVA_HOME

    提示 flutter doctor --android-licenses
    运行(安卓许可授权) 全部 y 同意

    flutter doctor -v
    回车 返回的正确信息如下

Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
[√] Flutter (Channel stable, 3.24.3, on Microsoft Windows [版本 10.0.19044.3803], locale zh-CN)
• Flutter version 3.24.3 on channel stable at C:\xxx\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 2663184aa7 (9 weeks ago), 2024-09-11 16:27:48 -0500
• Engine revision 36335019a8
• Dart version 3.5.3
• DevTools version 2.37.3
• Pub download mirror https://pub.dev
• Flutter download mirror https://storage.flutter-io.cn

[√] Windows Version (Installed version of Windows is version 10 or higher)

[√] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
• Android SDK at C:\Users\Administrator\AppData\Local\Android\sdk
• Platform android-35, build-tools 35.0.0
• Java binary at: C:\xxx\java\bin\java
• Java version Java™ SE Runtime Environment (build 17.0.7+8-LTS-224)
• All Android licenses accepted.

[√] Chrome - develop for the web
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[X] Visual Studio - develop Windows apps
X Visual Studio not installed; this is necessary to develop Windows apps.
Download at https://visualstudio.microsoft.com/downloads/.
Please install the “Desktop development with C++” workload, including all of its default components

[√] Android Studio (version 2024.2)
• Android Studio at C:\xxx\Android\Android Studio
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• android-studio-dir = C:\xxx\Android\Android Studio
• Java version OpenJDK Runtime Environment (build 21.0.3±12282718-b509.11)

[√] VS Code (version 1.94.2)
• VS Code at C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code
• Flutter extension can be installed from:
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[√] Proxy Configuration
• HTTP_PROXY is set
• NO_PROXY is localhost,127.0.0.1,::1
• NO_PROXY contains localhost
• NO_PROXY contains ::1
• NO_PROXY contains 127.0.0.1

[√] Connected device (3 available)
• RMX2200 (mobile) • T8496XDAAEXONNAM • android-arm64 • Android 10 (API 29)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [版本 10.0.19044.3803]
• Chrome (web) • chrome • web-javascript • Google Chrome 130.0.6723.117

[√] Network resources
• All expected network resources are available.

! Doctor found issues in 1 category.

如果window 只有CMD可翻墙 Android Studio 编辑器控制台不能翻墙
系统设置开启代理 猫也打开
然后尝试 控制台
set https_proxy=http://127.0.0.1:7890
set http_proxy=http://127.0.0.1:7890
set all_proxy=socks5://127.0.0.1:7890

curl https://www.google.com 有返回则
执行 flutter run
回车
等待下载 gradle-8.1的包
与项目其他所需的所有资源包
注意查看任务管理器 clash的网速 是否正在正常走动 在下载 100k-6M左右
有的快有的慢

成功编译
手机上点击安装,就可以开发调试了

异常重装
1.删除所有 用户 和 系统 以及 path 中 的 flutter和java 相关系统变量
2.删除 C:\Users\Administrator.android
3.删除 C:\Users\Administrator\AppData\Local\Google\AndroidStudio2024.2
4.删除 C:\Users\Administrator\AppData\Roaming\Google\AndroidStudio2024.2
5.删除 C:\Users\Administrator.gradle
------结束-----

window10
java17
flutter flutter_windows_3.24.3-stable
安卓编辑器 最新

---

flutter java gradle 版本对照表

flutter config --android-studio-dir D:\java\bin

项目需要
gradle-8.1-all
environment:
sdk: ^3.5.3
dart: “>=3.5.3 <4.0.0”
flutter: “>=3.24.0”

实际上
flutter_windows_3.24.3-stable
的 gradle 是8.3
dart: 是3.5.3

1.https://pub.dev 官方源解决包解析失败

现在官网只有 21.0.3 没有21.0.4 项目里锁定了 21.0.4

不建议改镜像地址 建议本地https://www.cnblogs.com/DafaRan/p/18291416

最新教程:https://blog.csdn.net/Meiko_ahri/article/details/143590896?spm=1001.2014.3001.5502

1.java
https://www.oracle.com/cn/java/technologies/downloads/#java23
java 回车

distributionUrl=https://services.gradle.org/distributions/gradle-8.3-all.zip
CMD设置代理
window 搜索代理 打开手动代理
开发 打开开发者
或者
set https_proxy=http://127.0.0.1:7890
set http_proxy=http://127.0.0.1:7890
set all_proxy=socks5://127.0.0.1:7890

Windows PowerShell

CMD取消代理
set http_proxy=
set https_proxy=

CMD取消代理：
netsh winhttp reset proxy

CMD查看代理情况：
netsh winhttp show proxy

代理测试
curl https://www.google.com
curl https://services.gradle.org

curl -v https://www.google.com

C:\Users\Administrator.gradle\wrapper\dists

distributionUrl=https://mirrors.cloud.tencent.com/gradle/gradle-8.3-all.zip
distributionUrl=file:///C:/Users/24430/.gradle/gradle-8.3-all.zip

https://services.gradle.org/distributions/ 对应版本

distributionUrl=file:///C:\Users\Administrator.gradle\wrapper\dists\gradle-8.3-all\85zykzblbyo7tjl1dp56gns1\gradle-8.3-all.zip

2.https://docs.flutter.cn/release/archive?tab=windows
下载为zip 解压zip
电脑->高级->环境变量->系统变量->admin用户->新建
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
电脑->高级->环境变量->系统变量->>admin用户->双击path
安装目录/flutter/bin

flutter --version
全局
flutter doctor
项目下
flutter pub get
flutter run -v
flutter clean

可以观察目录C:\Users\Administrator.gradle.tmp 是不是都是0kb文件，如果是就停止就好了。还是网络有问题！

3.Android Studio
https://developer.android.google.cn/studio?hl=zh-cn

在运行 flutter doctor 后，提示 Proxy Configuration! NO_PROXY is not set 报错
在系统环境变量中用户增加变量名NO_PROXY， 变量值localhost,127.0.0.1,::1 即可

//入口函数 main
//基本类型 int整数1
//double小数1.1
//bool正负true,false
//list数组[11,2,‘’]
//set唯一对象{‘1’:‘2’}
//map对象{‘1’:‘2’} null
//类型可推导
//var(万能) const(不可改变,必须首次赋值) final(不可改变,将复制留给下一次) 区别

//定义参数类型 fun(‘kk’,2);
// fun(String e,int e2,[String e3=‘可选参数’]){
// print(“$e---${e2}–${e3}”);
// }

// fun(String ‘kk’,int 2,);

// 可选参数
//printName(‘tangguodalong’, 28, ‘未知’);
printName(String name, int age, [String xb = ‘男’]) {
print(“$name---${age}–${xb}”);
}

// 命名参数
// printName2(
// age: 28,
// xb: ‘男’,
// name: ‘zhangsan’,
// );
printName2({name = ‘tangguodalong’, age, xb}) {
print(“$name---${age}–${xb}”);
}

void main(List arguments) {
// print(“Hello world! ${arguments}”);
/**
int age = 28; 整数
double amount = 10.0; 小数
bool flag = true; 正负
var list = [1, 2, 2, 2, 3, 4, 5, ‘tangguodalong’]; 数组
Set set = new Set();唯一对象
set.addAll(list);
print(set);
print(list);
var m = {‘name’: ‘tangguodalong’, ‘age’: 28}; 对象
print(“my name is ${m[‘name’]}”);

//const age;
final age1;
age1 = 28;
print(age1);
//print(age);
*/
//printName(‘tangguodalong’, 28, ‘未知’);
printName2(
age: 28,
xb: ‘男’,
name: ‘zhangsan’,
);
}

import ‘lib/animal.dart’;
import ‘lib/cat.dart’;

//在继承的时候 ，子类没有继承parent的命名构造函数
void main() {
Animal a = Animal.initFromName(
name: ‘Simba’,
);
a.eat();

Animal c = Cat.initFromName(name: ‘tom’);
c.eat();
}

// 运行时发现 机器码 防止客户端呈现 空

// String? 可以为 空
// kk?.k2 空判断
//

printNameLenght(String? name) {
if (name != null) {
print(‘${name}-- KaTeX parse error: Expected 'EOF', got '}' at position 21: …!.length}'); }̲ print('{name}-- ${name?.length}’);
}

//运行时才发现
//空安全null safety null 可见 可控
//dart如何实现 ? 可空类型 int? double? String?
//String? ==== String|null
//?. 成员访问符 如果为空不调用属性或方法
//断言 ！
//late 明确在后面赋值
void main() {
printNameLenght(‘tangguodalong’);
//NoSuchMethodError: The getter ‘length’ was called on null.
printNameLenght(null);
List list = <String?>[‘Simba’, ‘Jerry’, ‘Tom’, null]; // 必须是String
list.forEach((element) {
printNameLenght(element);
});
}

// class类的介绍

@override 表示覆写
// 权限修饰符
//private public 不存在此方法
// _xx 表示xx是当前类class的私有变量
//The unnamed constructor is already defined.

class Animal {
String? name;
Animal() {//非命名的 构造函数 只能存在一个
print(‘Animal()’);
}
// Animal a =new Animal();
// a.eat(); // Simba

//以class命名的 构造函数 重名方法
Animal.initFromName({required this.name});
//{required this.name} 表示匿名参数 传递 (name:‘Simba’)
// required 表示必传

// Animal a =new Animal.initFromName(‘Simba’);
// new 可省略
// Animal a = Animal.initFromName(name:‘Simba’);
// a.eat(); // Simba
void eat() {
print(‘${name} is eating!’);
}
}

import ‘animal.dart’;

// 类的继承

class Cat extends Animal {
Cat.initFromName({required String? name}) : super.initFromName(name: name);
// : 在前面之前先执行后面

// super上级父类
@override // @override 方法覆写 并增加一些代码 被叫做多态
void eat() {//
// 子类需手动继承父类匿名函数 命名构造函数则会自动继承
super.eat();
print(‘miaomiaomiao’);
}
}