Flutter系列（四）——HelloWorld

最新推荐文章于 2025-06-10 15:23:42 发布
原创 最新推荐文章于 2025-06-10 15:23:42 发布 · 650 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

这篇博客详细介绍了如何创建并运行Flutter的第一个Demo，包括工程目录结构解析、解决Gradle构建问题以及官方Demo的代码结构和关键内容，如StatelessWidget、StatefulWidget和State的使用。博主鼓励读者跟随系列文章学习Flutter，掌握未来技术主流。

想学Flutter，就请关注这个专栏
Flutter系列（一）——详细介绍
Flutter系列（二）——与React Native进行对比
Flutter系列（三）——环境搭建（Windows）
Flutter系列（四）——HelloWorld

文档归档：
https://github.com/yang0range/flutterfile

创建的第一个Demo

上一篇文章，详细的介绍了Flutter的环境搭建，搭建完成之后，自然迫不及待看看如何创建我们的第一个Demo。

打开Android Studio

image.png

可以看到，可以看见有四个选项。

那么这四个选项有什么区别呢？

Flutter Application
Flutter标准引用程序

Flutter Plugin
Flutter封装的Native工程的基础插件

Flutter Package
纯

最低0.47元/天 解锁文章
Flutter开发日志——Dart篇
MTzhou的专栏
04-05 3416
前言 终有一天，学习变得很慢，坚持变得很难。希望心底的那团火能让你浴火重生。觉醒吧，不屈的少年！前面星辰大海，前面是诗和远方！ 环境 Dart因Flutter而生，自然也伴随Flutter一路。安装好Flutter环境后，便可开始学习Dart之旅。 // ethan@B85MK:~/Flutter/Dart$ cat hello_world.dart var name = 'I am nobody.'; void main() { print('Hello,World!'); print(
flutter之文本——Text
wangsf789的专栏
06-26 1928
前言 我是一名Android工程师，近期开始学习flutter。以此作为学习记录，亦供小伙伴们交流，共同学习。 正文 例一 学习一门新的语言，第一个呈现基本都是“hello world”。那么我们知道这个是文本显示的。所以第一个我们学习Text,话不多说，直接上代码： import 'package:flutter/material.dart'; void main() { ru...
零基础学Flutter之Hello World
Spring框架注解学习之旅
02-16 763
零基础学Flutter之Hello WorldAndroid Studio 创建Flutter项目![在这里插入图片描述](https://img-blog.csdnimg.cn/20190215213333821.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLm...
Flutter学习之Hello World
m0_60264901的博客
06-08 1249
Flutter之入门学习第一天
flutter环境搭建helloworld
_
05-04 1051
介绍 基于 浏览器 做跨平台前端应用(android, iso, desktop)开发 , 可以节省工作量, 比如vscode 就是这样的东西 electron 和 flutter 两者是同类的, 但是flutter更容易上手, 所以以下介绍 flutter环境搭建 常见的前端技术 nodejs vue等，都可以用在desktop应用的开发上，这样简单的多了 flutter官网 flutter安装 解压flutter sdk 并enable-windows-desktop flutte
Flutter - Hello world
mrRuby的博客
12-31 615
一、概要 Flutter发展已经逐步稳定，使用的人群和企业也越来越多，已经逐步得到了大家的认可。最近公司有一个项目，用户相对固定，因此打算使用Flutter来做一次实验，到底能不能做出我们能够接受的效果。 二、环境搭建 2.1 环境变量配置 说明：以下全部操作均在Windows上。 官网搭建说明：https://flutter.cn/docs/get-started/install 初次使用建议参考一下。 这里注意一点：为了正常升级和通过pub package 命令获取packages，需要设置两个环境变量
Flutter开发之Hello World
iOSbird的博客
04-28 543
一、创建项目 flutter项目的创建有两种方式：通过命令行创建和开发工具创建。 1、命令行创建： flutter create xxx 注意：Flutter的名称不要包含特殊的字符，另外不可以使用驼峰标识 2、开发工具创建，比如使用Android Studio创建，选择 Start a new Flutter project ...
flutter hello world
牛腩的专栏
09-20 220
在surface pro4上不知道怎么弄好了Flutter了，运行成功在redmi k30 pro手机上了， 结果跑到神舟精盾本本上再弄一次又出问题了，每次搭建flutter环境总是出问题，郁闷， 写个博客记录下来碰到的问题，便于以后查询！！！ 下载好flutter_windows_1.20.4-stable（本地下载很慢，我都是远程桌面到其他服务器上，在其他服务器上下载了再直接从远程桌面拉下来，已传到和彩云网盘上），解压到c:\flutter\目录下 ,环境变量path里加上C:\flutter\bin，
Flutter环境搭建与Hello World入门指南
本文围绕“Flutter学习之旅----环境搭建与Hello World”这一主题，深入探讨其核心知识点，涵盖 Flutter 的基本概念、开发环境的搭建流程、Dart 编程语言的基础地位、跨平台开发的优势、UI 架构设计理念以及首个...
鸿蒙Flutter开发实战——鸿蒙Flutter开发中集成Webview
最新发布
duoduola666的博客
06-10 345
在src/main/resources/base/profile/main_page.json中配置路由。在 src/main/module.json5中配置ablitiy。在 Dart 侧调用该 PlatformView。创建 entryablitiy。
Flutter入门（一，Hello world）
什么风把您给吹来了
04-07 1464
清明节假期的最后一天，我把前两天学的东西稍微做了一下总结。 其实第一天没学习，忙着打LOL，连续输了一天，我那个心累鸭， 然后还容易生气，气不过那些沙雕网友都能让我遇到，转悲伤为力量跑去学习了 声明。 我只是想把flutter做一个入门，好去学我的Unity中的UIWidgets，因为他那个优化真不错。要跟上时代的潮流，并不是盲目跟风。所以应该不会做过深的了解flutter。 ...
Flutter移动应用开发 - 02 第一个程序HelloWorld，包、依赖、widget介绍，词汇本实例实现
如果没有躺赢的命，那就站起来奔跑，你的努力一定会对得起这一路的颠沛流离。
02-06 1583
主要根据官网完成了HelloWorld程序，汇总了包、依赖、widget等flutter中的基本概念的介绍，最后根据所学完成了词汇本实例，具有单词生成、单词收藏和收藏夹功能。
【flutter】HelloWorld篇
LCQ_CG的博客
09-14 340
flutter官网文档中的程序
Flutter入门之——HelloWorld
热门推荐
卜大爷的博客
09-14 2万+
本文我们将实现Flutter的第一个APP——HelloWorld。
Flutter Hello World
talkxin的博客
01-08 330
Flutter Hello World Flutter官方在github中提供了相应的demo示例集，可以在Flutter源码地址中下载该示例。 git clone https://github.com/flutter/flutter.git 使用vscode打开hello world示例文件夹路径fluuter/examples/hello_world 打开debug页签，选择添加Dar...
Flutter Helloworld
A1521315qwss的博客
03-22 2289
Flutter Helloworld import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: S
初识Flutter之Hello World
T3119205的专栏
07-03 571
上一篇文章已经配置好了开发环境，现在迫不及待的开始“试驾”我的，flutter小程序，哈哈 1.构建和运行flutter的方法很多，比如Android Studio， VS Code， Terminal+编辑器，选择Terminal+编辑器写程序的人可以称得上是大牛了，由于我是菜鸟，这里我选择Android Studio的方式构建呦，VS Code大同小异。 （1）选择File>Ne...
Flutter-HelloWorld
Chuck Chan的专栏
05-16 347
文章将会被同步至微信公众号：Android部落格 一、Flutter初识 Flutter有什么优势？它可以帮助你： 提高开发效率 同一份代码开发iOS和Android 用更少的代码做更多的事情 轻松迭代 在应用程序运行时更改代码并重新加载（通过热重载）（IDE部署的时候，并不是在移动设备上运行的时候，与插件化的热更新不是一个概念） 修复崩溃并继续从应用程序停止的地方进行调试 创建美观，高度...
2024年Flutter之入门hello_world
ksnow的博客
05-05 332
安装Dart插件， 在VSCode中，command+shift+p创建Flutter 项目时，选择flutter sdk的目录，并创建hello_world项目。选择Mac下3.19.2的flutter版本下载。具体安装参考官方教程，不再多说。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值