Flutter 安装,配置,运行第一个app 1

起因, 目的:

flutter, 其实几年前,我就写过。 当时纯属是个人兴趣,随意探索。

当时我也写了几篇笔记:

  1. 比如这一篇
  2. 还有这个

flutter,其实不难,比较繁琐,小的知识点很多.

flutter, 又是环境配置。。。。

安装 flutter + first app 视频教程: https://www.youtube.com/watch?v=8sAyPDLorek

1. 安装 Flutter

  1. 按照官方文档给的流程,
  2. 使用国内的镜像。 https://docs.flutter.cn/community/china/
  3. 最后检查一下环境 flutter-doctor

2. 在 VScode 中, 创建 flutter 项目:

  1. 确保安装了 flutter 插件
  2. 按 f1, 输入 > flutter New project
  3. 设置文件夹路径,项目名称(小写字母), done! 我的路径是 D:\flutter_apps

3. 写代码, 写第一个 app.

  1. 修改 pubspec.yaml 的内容,参考: https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=zh-cn#2
  2. 修改 pubspec.yaml, 以及 main.dart

4. 代码笔记:

StatefulWidget

  • 有状态的组件。
  • 就是说, 能重新构建自己。
  • 数据和内容,可能会随用户的选择而改变!

setState(() {} )

这个跟 react js 中的 useEffect() 简直是一回事!!!



个人接单,留学生辅导,python, R语言,私聊.

老哥,支持一下啊。

相关推荐
见山是山-见水是水6 小时前
鸿蒙版 Flutter Video 视频播放组件:播放控制、全屏切换与倍速播放
flutter·音视频·harmonyos
六年码农9 小时前
2026最新开源 屏译ScreenTranslator 0.4.4 开源 全屏实时翻译教程
运维·人工智能·flutter·开源
WeiAreYoung10 小时前
Flutter+iOS 实现 Live Activity
flutter·ios
恋猫de小郭13 小时前
超好用 R8 Configuration Analyzer, 优化你的 App 大小和内存
android·前端·flutter
键盘飞行员1 天前
Flutter App 全套实战学习计划:从零搭建到 APK 部署
学习·flutter
GitLqr1 天前
Flutter 实战:图片上传前的压缩优化,解决带宽与存储的“大户”问题
flutter·全栈·dart
进哥AI研习社1 天前
AtomCode 跨端开发实战:Flutter 项目从原型到多端运行的 AI 驱动体验
人工智能·flutter
恋猫de小郭2 天前
Flutter A2UI 的正确用法,怎么把 AI 和动态 UI 结合有效生产
android·前端·flutter
年小个大2 天前
受 go-zero 启发,我给 Flutter 整了套 MVI-BLoC 脚手架
android·flutter·架构
Zender Han2 天前
Flutter 自适应(Adaptive)与响应式(Responsive)设计实践:官方推荐方案详解
android·flutter·ios