Flutter系列（二）-创建第一个应用

最新推荐文章于 2024-06-13 10:11:23 发布
最新推荐文章于 2024-06-13 10:11:23 发布
阅读量614 收藏 8
点赞数 28
分类专栏： 程序员 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84415567/article/details/138463048
版权
本文介绍了如何在AndroidStudio中创建并运行Flutter工程，包括设置镜像解决加载问题，主要讲解了main.dart文件和Widget概念，以及强调了Android高级工程师岗位的需求。同时提供了Android开发者的学习资源链接。
摘要由CSDN通过智能技术生成

###一.创建工程
首先开启你的IDE，这里我选用的是AndroidStudio。

选中开始一个新的Flutter工程。

给工程起个响亮的名字

简单的配置完之后，就进入了漫长的等待环节，建议你的电脑翻墙，根据网络情况和机器性能等待时间差不多要3～15分钟。

这里或许你会遇到一个坑，就是一直显示这个Loading界面长达30分钟还没有加载完成，先检查你的网络是否配置了国内的镜像，并且检查镜像是否可以打开。

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://dart-pub.mirrors.sjtug.sjtu.edu.cn

export FLUTTER_STORAGE_BASE_URL=https://mirrors.sjtug.sj

最低0.47元/天 解锁文章
2401_84415567
关注
专栏目录
Flutter系列（二）-创建第一个应用，2021最新Android常用开源库总结
m0_64383081的博客
11-27 211
本专栏默认使用MacOS + AndroidStudio/Xcode搭建开发环境，其它开发环境可以自行参考资料或给我留言。 ###一.创建工程 首先开启你的IDE，这里我选用的是AndroidStudio。 选中开始一个新的Flutter工程。 给工程起个响亮的名字 简单的配置完之后，就进入了漫长的等待环节，建议你的电脑翻墙，根据网络情况和机器性能等待时间差不多要3～15分钟。 这里或许你会遇到一个坑，就是一直显示这个Loading界面长达30分钟还没有加载完成，先检查你的网络是否配置了国内的镜像，
创建一个简单的 Flutter 应用
weixin_46077965的博客
03-25 288
创建一个简单的 Flutter 应用 完成一个简单的移动应用程序，功能是：为一个创业公司生成建议的公司名称。该代码一次生成十个名称，当用户滚动时，会生成一新批名称。 一、创建初始化工程 1.新建一个 Flutter 工程 startup_namer 2. 编辑lib/main.dart 文件 替换 lib/main.dart ，删除 lib/main.dart 中的所有代码，然后替换为下面的代码，它将在屏幕的中心显示”Hello World”。 import'package:flutter/materia
编写第一个flutter应用
易水寒
08-25 516
1.HelloWorld import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new Ma...
创建一个简单Flutter App
qq_27942511的博客
12-01 2669
创建flutter工程 打开Android studio（简称AS）>File>New>New Flutter Project 一路Next就可以 运行Flutter App 或者在终端中执行flutter run 运行到手机上如下 工程介绍 Flutter项目主要分为Android，iOS，lib，pubspec.yaml这四个，其中lib下就是用来flutter开发的，我们的dart文件就放在这里，pubspec.yaml文件就是flutter的构建管理工具，就跟gradle中
快速入门Flutter：从零开始构建你的第一个应用
最新发布
gygkhd的博客
06-13 3142
Flutter 是一个由 Google 开发的开源框架，用于构建高性能、跨平台的移动应用程序。本文将介绍如何快速入门 Flutter，包括工具下载、环境配置以及创建一个简单的 Demo 应用。通过以上步骤，你已经成功完成了 Flutter 的入门教程并创建了一个简单的计数器应用。继续探索 Flutter 的强大功能，构建更复杂和有趣的应用吧！
flutter中使用基于flutter-sound的flutter-sound-record录音
01-20
Flutter本身并不提供原生的录音API，但开发者可以借助第三方库来实现这一功能。本篇将详细讲解如何在Flutter中使用基于`flutter-sound`的`flutter-sound-record`库进行录音操作。 `flutter-sound`是一个强大的库，...
flutter-expanses-app:我的第一个Flutter项目
04-18
【标题】"flutter-expanses-app:我的第一个Flutter项目"是一个使用Flutter框架开发的轻量级应用程序，旨在帮助用户管理日常开支。这个项目是初学者踏入Flutter开发领域的绝佳实践，通过它，我们可以深入理解Flutter...
flutter-sabbatical-2021:华中机构2021年第1学期Flutter移动应用开发放假的课程文件
03-09
2021年华中地区某机构在第1学期的Flutter移动应用开发课程，即“flutter-sabbatical-2021”，为学生们提供了一次深入学习Flutter的机会。本文将基于课程内容，详细解析Flutter的核心知识点，以及如何利用Dart语言...
编写你的第一个 Flutter App
Jason_Lee155的博客
01-07 701
需求： 完成一个简单的移动应用程序，功能是：为一个创业公司生成建议的名称。用户可以选择和取消选择的名称、保存（收藏）喜欢的名称。该代码一次生成十个名称，当用户滚动时，会生成一新批名称。用户可以点击导航栏右边的列表图标，以打开到仅列出收藏名称的新页面。 这个 GIF 图展示了最终实现的效果： ...
收集GitHub上的Flutter开源项目源码_2021_03_20.zip
03-20
收集GitHub上的Flutter开源项目源码_2021_03_20
第 1-7 课：编写第一个 Flutter 应用
持续学习中
09-22 390
经过前面几节理论课程对 Flutter 的介绍，相信大家对 Flutter 有基础了解，也希望对 Flutter 的编程和应用开发产生了更加浓厚的兴趣。理论过后，估计大家正期待进入 Flutter 应用的编写实践。那么这节课就带领大家先尝试编写一个 Flutter 应用，感受一下 Flutter 开发的语法特点和运行效率。 Flutter 应用运行起来比 RN 流畅、编译快、热加载快，所以开发和调...
Flutter入门学习（二）第一个Flutter应用
竹毛言己
05-18 488
使用VSCode来创建第一个Flutter应用
编写第一个 Flutter 应用（第一篇）
Flutter 社区
07-05 525
这是一个指引你完成第一个 Flutter 应用的手把手操作教程（我们也称之为是 codelab）。我们将会着手创建一个简单的 Flutter 应用，无需 Dart 语言和...
flutter -- 创建一个新的应用
蜗牛的小房子
02-01 215
# 创建一个新的应用 ## VS Code 1. 启动 VS Code 2. 调用 View>Command Palette… (shift+command+P) 3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Module Project’ action 4. 指定放置项目的位置，然后按蓝色的确定按钮 5. 输入 Project 名称 (如myapp), 然后按回车键 6. 等待项目创建继续，并显示main.dart文件 ## Terminal ``` $ .
【Flutter】编写第一个 Flutter 应用（官方示例完整代码版）
大白菜啊
07-12 902
import 'package:english_words/english_words.dart'; import 'package:flutter/material.dart'; //文档 // https://flutter.cn/docs/get-started/codelab void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildCont.
3、Flutter开发-创建第一个Flutter应用
全栈程序猿的专栏
12-03 511
Project name输入项目名称，Flutter SDK path选择第一章节中安装的Flutter目录，Project location选择项目代码存放目录，Description填写描述信息，勾选上Create project offline，然后点击Next。5、至此，第一个Flutter创建成功，在代码编辑界面，右下角有错误提示，KOTLIN_BUNDLED is undefined. 直接点击后面的Fix it即可。2、选择Flutter Application，点击Next。
Flutter学习指南：编写第一个应用
hdbdhdbh的博客
07-22 151
本篇文章其实介绍了两种调试方法：打 log 和 debugger。虽然现在 Flutter 提供的 log 工具比较简陋，可以预期未来还会进一步完善。使用打 log 的方式，好处在于不会对执行流程产生较大的影响，在多线程环境尤为有用。它的速度也比较快，不需要我们去单步执行。不足之处在于，如果原先没有对应的 log，我们只能修改代码重新运行，才能查看相应的状态。对于线上的应用，我们也只能够通过分析 log 来定位问题。debugger 跟打 log 方式是互补的。
Flutter 开发3：创建第一个Flutter应用
jiet_h的博客
01-30 1981
在这个教程中，你学习了如何创建你的第一个Flutter应用，如何自定义它，如何测试它，以及如何构建和发布它。你还了解了一些可以进一步学习的主题。Flutter是一个强大而灵活的框架，无论你是一个新手还是一个经验丰富的开发者，都可以使用它来创建美观而高效的应用。
Flutter实战：项目创建与应用图标、启动页设置
"这篇博客文章介绍了如何使用Flutter创建项目、设置应用图标以及创建启动页。博主分享了个人的学习过程，并强调在学习Flutter之前补充原生Android和iOS知识的重要性。文章详细讲解了各个步骤，包括使用Android ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值