flutter入坑,透彻分析源码

2.获取Flutter SDK

获取Flutter SDK (点击下载)

3.环境配置

网上流传的大多数是Git命令配置,很装逼很拉风,但是做人得低调,所以这里我们写了两个配置方案,我才用的第二种方法:

方案A: git命令配置 (网上大多数教程是这样配置):

(1)打开gitbash,输入如下命令:

git clone -b beta https://github.com/flutter/flutter.git

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置

export PATH=pwd/flutter/bin:$PATH

方案B:手动配置:

在用户变量上添加如下变量

需要配置的内容

需要配置的内容:

ANDROID_HOME,在把你android SDK的路径填上

//国内用户需要设置

PUB_HOSTED_URL:

https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL:

https://storage.flutter-io.cn

PATH:

Flutter sdk路径的bin (不明白看下图)

测试是否配置成功

按win+R 直接运行 PowerShell , 然后输入如下命令:

flutter doctor

如果迟迟没有反应,并且最后弹出下

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

面的提示

错误效果:

如果出现以下错误 , 则是没有配置好Android的环境

解决办法: 添加环境变量ANDROID_HOME,把你android SDK的路径填上,重启电脑即可

重启后继续执行 flutter doctor 如果还不成功就再执行 flutter doctor --android-licenses ,接下来 所有的输入 y 就可以了

成功后效果

三、创建项目

创建项目很简单基本上和Android项目一样

File->New->New Flutter Project

选Flutter Application ->Next

起App名字 ->Next 起包名 ->Finish

修改main.dart内容

运行就会有Hello World了

详细步骤(直接贴图不解释了)

四、体验热重载

Flutter的热重载可帮助您快速地进行测试、构建UI、添加功能并更快地修复错误。在iOS和Android模拟器或真机上可以在亚秒内重载,并且不会丢失状态。

步骤:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很好,写一个todolist的项目可以让你熟悉Flutter的基础组件,同时也有一些挑战性的功能可以实现。以下是一个简单的todolist项目的示例: 1. 首先,你需要创建一个Flutter项目。可以使用Android Studio或Visual Studio Code等IDE。在创建项目时,选择Flutter应用程序模板。 2. 接下来,你可以在项目中创建一个新的Dart文件,用于编写todolist的主屏幕。在这个屏幕上,你需要显示用户可以添加的任务列表、已完成的任务列表以及一个文本框和按钮,让用户可以添加新的任务。 3. 为了实现任务列表,你可以使用Flutter中的ListView组件。通过使用ListView.builder,你可以动态显示任务列表,每个任务都是一个ListTile。 4. 在用户添加新任务时,你需要将其添加到任务列表中。为此,你需要在主屏幕上添加一个文本框和按钮。当用户点击按钮时,你可以将文本框中的文本添加到任务列表中,并在屏幕上更新任务列表。 5. 当用户完成一个任务时,你需要将其从任务列表中移除,并将其添加到已完成的任务列表中。为此,你可以在任务列表中添加一个复选框,以便用户可以勾选已完成的任务。当用户勾选复选框时,你可以将任务从任务列表中移除,并将其添加到已完成的任务列表中。 6. 最后,你可以添加一些额外的功能,例如搜索任务、编辑任务、删除任务等。这些功能可以通过使用Flutter中的其他组件来实现。 写一个todolist的项目是一个不错的练手项目,同时也可以作为一个实用的应用程序。希望这个简单的示例能够帮助你入门Flutter
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值