Flutter学习笔记02：初探Flutter项目

已于 2022-03-14 13:26:24 修改
阅读量3.8k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： # 移动应用开发 文章标签： flutter
于 2022-03-14 11:40:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/howard2005/article/details/123474047
本文详细介绍了如何使用Android Studio创建Flutter项目，解析了项目的目录结构，包括android、ios、lib、test目录及pubspec.yaml文件的作用。接着讲解了如何在安卓模拟器和真机上调试运行App的步骤，最后对主程序main.dart中的关键组件和逻辑进行了剖析，包括main()函数、MyApp类、MyHomePage类和状态类_MyHomePageState。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

一、创建Flutter项目

  • 启动Android Studio
    在这里插入图片描述
  • 单击【New Flutter Project】按钮，在对话框里设置Flutter SDK路径
    在这里插入图片描述
  • 单击【Next】按钮，在对话框里设置项目基本信息
    在这里插入图片描述
  • 单击【Finish】按钮， 就创建好第一个Flutter App了。
    在这里插入图片描述

二、项目目录文件说明

  • Flutter App目录结构图
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Flutter 学习笔记（一）
sakurakider的博客
07-01 788
吐槽 真的真的好久没写博客了，主要是自己公司那段时间很忙，自己心态也不好，生病难受不想写东西，然后最近回学校准备课设，准备期末考试复习什么的，无聊时候开学学习下flutter，为什么要学这个，我个人觉得这个跨平台肯定是以后一个趋势，flutter很可能就是以后一个主流，所以提前学下还是很好的。//主要是部门leader让我学的233 flutter概述和其他跨平台框架对比 特点 跨平台 用户界面...
flutter学习笔记
洛江清的博客
12-23 2217
在Flutter中，大多数东西都是widget，包括对齐(alignment)、填充(padding)和布局(layout) widget的主要工作是提供一个build()方法来描述如何根据其他较低级别的widget来显示自己。 使用外部包的方法：在pubspec.yaml中，将english_words（添加到依赖项列表，如下面高亮显示的 dependencies: flutter: sdk: flutter english_words: ^3.1.5 注意格式的对齐，然后点击上
Flutter学习笔记（四）--Flutter几个小知识点
weixin_30856965的博客
03-14 158
Flutter的Widget采用的是现代化的React风格，该风格的设计灵感来源于React这么语言。最核心的理念是你可以使用Widget设计界面。Widget通过当前的state和注册信息来描述view应该长成什么样子的。当当前的状态发生了变化后，Widget会重新构建。 一、Hello World void main() { runApp( n...
flutter学习笔记（一）
最新发布
qq_58039700的博客
06-03 1482
获取 StatefulWidget 的状态的方法是通用的，我们并不能在语法层面指定 StatefulWidget 的状态是否私有，所以在 Flutter 开发中便有了一个默认的约定：如果 StatefulWidget 的状态是希望暴露出的，应当在 StatefulWidget 中提供一个。在flutter中main方法为应用程序的入口，runApp（）接受一个Widget类型的参数，在示例代码中，这个参数为一个MyApp（）的对象，main方法调用runApp（）启动了My App（）这个对象。
Flutter 学习笔记
qq_35930739的博客
05-18 364
一、环境搭建 如果已经安装了 Flutter SDK 那么就不需要安装 Dart SDK 因为Flutter SDK已经包含了 二、Dart 语法 Dart是一种面向对象的语言 class TestClass{ void display(){ print("Hello Dart"); } } void main(){ TestClass c= new TestClass(); c.display(); } 一、变量声明 使用 var 来定义变量，Da
Flutter学习资料集合(开发必备)
henhenha的博客
03-31 3918
Flutter学习资料，包含了Flutter学习社区、入门学习资料、进阶学习资料、性能优化、面试资料和书籍等资料
markdown:前端学习笔记
05-04
学习笔记（持续更新） 验证你是否真正掌握一个知识的最好方法，就是看你能否用直白浅显的语言把复杂深奥的问题和知识讲清楚 -- 费曼技巧「以教为学」 大纲 前端杂记 策略模式 发布订阅者模式 责任链模式（todo） 0.1...
Flutter开发者必备学习资料
the_cleaner的博客
03-31 1189
Flutter学习资料，包含了Flutter学习社区、入门学习资料、进阶学习资料、性能优化、面试资料和书籍等资料
flutter登录，androidusb驱动开发
2401_84407972的博客
04-23 777
Java&Android 基础知识梳理(0) - Java 基础知识大纲Java&Android 基础知识梳理(1) - 注解Java&Android 基础知识梳理(2) - 序列化Java&Android 基础知识梳理(3) - 内存区域Java&Android 基础知识梳理(4) - 垃圾收集器与内存分配策略Java&Android 基础知识梳理(5) - 类加载&对象实例化Java&Android 基础知识梳理(6) - 字节输入输出流。
Flutter学习笔记 (一)
woyvzhuixun的博客
03-26 428
1. 为啥想学Flutter 最新项目稳定下来,想学学公司一直推崇的混合开发,移动端ios和android在公司的开发人员一直不稳定,人数几乎一边倒,面向的用户群体不一样嘛,公司早就想开发一套代码,双端运行,学这个是为了提升一下自己价值 2.当前有什么适合双端开发 简单分为三点 1.H5+原生混合开发 hybird技术,原生嵌套Html页面的开发模式,webview作为渲染工具,双端开发一次,以...
超完整的Flutter项目功能丰富适合学习和日常使用
08-10
超完整的Flutter项目，功能丰富，适合学习和日常使用，已有同款开源React Native、Weex等版本。跨平台的开源Github客户端App，更好的体验，更丰富的功能，旨在更好的日常管理和维护个人Github，提供更好更方便的驾车体验。
flutter一些学习笔记
m0_52538284的博客
12-30 1659
Flutter语言（学习网站：Flutter教程 - Flutter中文网 (flutterchina.club)） flutter的下载安装： 注意 国内访问flutter可能会受限制，可下载国内镜像 PUB_HOSTED_URL https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URLhttps://storage.flutter-io.cn 安装 1、电脑配置JDK(下载jdk，配置jdk ) 2、下载安装Android studio 3、下载配置f
【Flutter】Flutter学习笔记
Owen的博客
11-07 505
在 Flutter 中， widget 的功能是“描述一个UI元素的配置信息”，所谓的配置信息就是 Widget 接收的参数，比如对于 Text 来讲，文本的内容、对齐方式、文本样式都是它的配置信息。
flutter 学习之项目一
zhangyulin311的博客
12-20 400
本博客主要是展示一款诗词类app创建路程，首先从网络上吧啦一些诗词数据，然后进行页面的UI编辑，初期功能有首页【展示所有诗词条目，点击进入诗词详情页面】，游戏页面【通过读取本地的数据选取诗词，然后把内容中的每一个字打乱顺序随机展示，用户通过排列，进行编订出正确的诗词，通关后，可以点击下一关，另外添加分享功能，可以分享用户通关】，设置页面【1用户可以自己录入诗词到app中，并且展示到UI上 2修改所...
Flutter学习笔记（持续更新~纯小白~大佬请避让）
binggo6666的博客
07-16 691
时隔10天没学flutter了www，今天跟着b站上的视频学了上手实战了，个人的感觉是一定要上手，之前对着flutter的书本看了很久都没看出个所以然，今天跟着动手学感觉收获颇多~以下都是b站视频的学习笔记，纯小白~大佬请避让。flutter框架相当于给你提供了一个房子的框架，会提供像脚手架scafford又或者是各样的组件，就如同搭建房子的各种工具和脚手架一样，你可以自定义你的房子里面有什么元素有什么东西去布置渲染。------>Image.memory(bytes)：从内存加载显示图片。
flutter学习笔记（随缘更新）
qq_37794790的博客
03-15 453
最近正在从零开始学习flutter，就想找个地方存放一下自己觉得有用的知识点(肯定是亲测有用的)，如果刚好也能帮到你那就再好不过了。ps：我用的是Android Studio进行flutter开发的，用自己的手机真机测试。 一、修改APP的名称 注意：Android和IOS要分别进行修改，两个互不影响，你可以改成两个不一样的名字 Android：在android/app/src/main/A...
Flutter学习笔记（二）
hollebug的博客
06-05 141
第一步创建 Flutrer APP 1.创建新应用 选择 File>New Flutter Project 选择 Flutter application 作为 project 类型, 然后点击 Next 输入项目名称 (如 myapp), 然后点击 Next 点击 Finish 等待Android Studio安装SDK并创建项目. 第二步编写Flutter应用 1.替换 lib/main.dart 删除lib所有代码，替换为一下代码,实现 Hello Word import 'package:flu
Flutter学习笔记一 UI
zcpHappy的博客
02-14 569
前言 忙里偷闲终于把Flutter中文网大致浏览了一遍，首先感谢Flutter中文网的作者大大对该网站的维护。经过这几个月的学习，对Flutter有了大致的了解，在这段时间对Flutter做下总结和笔记，然后用Flutter写个demo，对就是我以前写的ShowTime，现在有java,kotlin版本，然后就是Flutter版本的了，一开心就想把啥东西都往里集成，哈哈。废话说多了，作为一个And...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

酒城译痴无心剑

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值