Flutter基础开发

news2024/12/23 0:54:22

参考:http://bbs.itying.com/topic/5cdb83b7fac8b00944a7a0c3
参考:https://www.bilibili.com/video/BV1S4411E7LY?p=34&spm_id_from=pageDriver
1.使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

下载:flutter 的sdk

2.获取flutter sdk https://flutter.dev/docs/development/tools/sdk/releases
参考:https://book.flutterchina.club/chapter1/install_flutter.html#_1-3-1-%E5%AE%89%E8%A3%85flutter

参考:https://www.cnblogs.com/niceyoo/p/9240359.html

3.配置环境变量

4.cmd 中测试 是否安装好

flutter doctor

问题.Android Studio 创建flutter 项目报错

Could not find an option named "target-platform"

版本不兼容 最新的 Android Studio 匹配最新的 flutter 匹配最新的 dart

启动Android Studio。

打开插件首选项 (macOS:Preferences>Plugins, Windows:File>Settings>Plugins)。

选择 Browse repositories…,选择 flutter 插件并点击 install。

重启Android Studio后插件生效。

接下来,让我们用Android Studio创建一个Flutter项目,然后运行它,并体验“热重载”。

选择 File>New Flutter Project 。

选择 Flutter application 作为 project 类型, 然后点击 Next。

输入项目名称 (如 myapp),然后点击 Next。

点击 Finish。

等待Android Studio安装SDK并创建项目。

上述命令创建一个Flutter项目,项目名为myapp,其中包含一个使用Material 组件 (opens new window)的简单演示应用程序。

在项目目录中,您应用程序的代码位于 lib/main.dart

在这里插入图片描述

vscode 创建flutter 项目

启动 VS Code。
调用 View>Command Palette…。
输入 ‘install’, 然后选择 Extensions: Install Extension action。
在搜索框输入 flutter ,在搜索结果列表中选择 ‘Flutter’, 然后点击 Install。
选择 ‘OK’ 重新启动 VS Code。

验证配置
调用 View>Command Palette…
输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action。
查看“OUTPUT”窗口中的输出是否有问题

#创建Flutter应用
启动 VS Code
调用 View>Command Palette…
输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
输入 Project 名称 (如myapp), 然后按回车键
指定放置项目的位置,然后按蓝色的确定按钮
等待项目创建继续,并显示main.dart文件
#体验热重载

3命令行创建 项目

flutter create ssapp

vscode 连接设备

nox_adb.exe connect 127.0.0.1:62001 .

连接Android模拟器
要准备在Android模拟器上运行并测试Flutter应用,请按照以下步骤操作:

启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

选择一个设备并选择 Next。

为要模拟的Android版本选择一个或多个系统印象,然后选择 Next. 建议使用 x86 或 x86_64 image .

在 “Emulated Performance”下, 选择 Hardware - GLES 2.0 以启用 硬件加速 (opens new window).

验证AVD配置是否正确,然后选择 Finish。

有关上述步骤的详细信息,请参阅 Managing AVDs (opens new window).

在“Android Virtual Device Manager”中,点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面。

运行 flutter run 启动您的设备。 连接的设备名是 Android SDK built for ,其中 platform 是芯片系列,如 x86。

 flutter run –target=     默认入口 lib/main.dart

vs-code 快捷键

R 键重新启动
r 键热重载
q 退出
p 显示网格
P 显示帧率
o 切换Android与iOS的预览模式


r : 热加载;
R : 热重启;
h : 获取帮助;
d : 断开连接
c : 清屏 终端的屏幕
q : 退出 终端也会结束 flutter 结束

连接Android真机设备
要准备在Android设备上运行并测试Flutter应用,需要Android 4.1(API level 16)或更高版本的Android设备.

在Android设备上启用 开发人员选项 和 USB调试 。详细说明可在Android文档 (opens new window)中找到。
使用USB将手机插入电脑。如果设备出现调试授权提示,请授权你的电脑可以访问该设备。
在命令行运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
运行启动你应用程序 flutter run。

默认情况下,Flutter使用的Android SDK版本是基于你的 adb 工具版本。 如果想让Flutter使用不同版本的Android SDK,则必须将该 ANDROID_HOME 环境变量设置为相应的SDK安装目录。

学习dart 基本知识
dart:https://www.dartcn.com/guides/language/language-tour

vscode 插件
flutter 的插件
在这里插入图片描述
flutter 提示
在这里插入图片描述

自动生成模块
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1275894.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

20231201将RK3399的挖掘机开发板在Andorid12系统下的强制横屏

20231201将RK3399的挖掘机开发板在Andorid12系统下的强制横屏 2023/12/1 22:54 【不完美的地方:修改之后不满屏】 百度:rk3399 android12 横屏 不满屏 Android 显示不满屏 build.prop https://blog.csdn.net/weixin_39966398/article/details/105595184?…

MySQL之锁

MySQL之锁 锁是计算机在执行多线程或线程时用于并发访问同一共享资源时的同步机制,MySQL中的锁是在服务器层或者存储引擎层实现的,保证了数据访问的一致性与有效性 MySQL锁可以按模式分类为:乐观锁与悲观锁。 按粒度分可以分为全局锁、表级锁…

学习笔记7——数据库基础知识以及mysql的查询语句

学习笔记系列开头惯例发布一些寻亲消息 链接:https://baobeihuijia.com/bbhj/contents/3/199913.html 数据库 三个概念区分 DB:数据库,存储数据的仓库,有组织的数据容器DBMS:数据库管理系统SQL:几乎所有的DBMS都支持…

9.整数转换为布尔值【2023.12.1】

1.问题描述 整数转换为布尔值。 2.解决思路 输入一个整数。 输出布尔值并输出。 3.代码实现 numint(input("请输入一个数字")) boolnumbool(num) print(boolnum)4.运行结果

Linux破解用户密码【基于redhat9】

Linux破解用户密码【基于redhat9】 操作步骤: 重启虚拟机,选择第二行,按下e键在倒数第二行的末尾加入 rd.break,按下ctrlx键,进入终端界面重新挂载/sysroot为读写切换到bash修改用户密码创建 /.autorelabel 文件使SELinux安全策略…

Grammarly premium语法检测工具使用方法,及删除检测记录

科研写作神器:Grammarly—语法,标点,单词拼写错误修改。 一、背景 在写英文论文时,作为母语不是英语的我们,不可避免的存在语法错误或笔误,这时就需要Grammarly语法修改软件帮助我们进行修正&#xff0c…

计算机毕业设计 基于SpringBoot的敬老院管理系统的设计与实现 Java实战项目 附源码+文档+视频讲解

博主介绍:✌从事软件开发10年之余,专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ 🍅文末获取源码联系🍅 👇🏻 精…

vscode中使用luaide-lite插件断点调试cocos2dx-lua

使用quick-cocos2dx-lua,用了众多插件,包括免费的BabeLua,VS调试太慢,vscode上的免费的EmmyLua, 还有收费的luaide,都没搞出来,唯独这个免费luaide-lite用成功了,步骤也简单,可以断点调试&#…

DLL(直接激光雷达定位)编译运行过程记录

文章:DLL: Direct LIDAR Localization. A map-based localization approach for aerial robots 代码:https://github.com/robotics-upo/dll GitHub - robotics-upo/dll: DLL: Direct Lidar Localization 下载安装DLL 在GitHub网站下载再手动解压、复…

云服务器哪家便宜靠谱?深入解析亚马逊云科技与技术评估

云服务器哪家便宜靠谱呢?换句话说,在选择云服务器时,我们需要选择性价比高便宜、安全性技术性顶尖的,那么,亚马逊云科技作为全球的云服务供应商,其高性价比、高可用性、弹性、安全性和灵活性等特点&#xf…

web前端之css变量的妙用、通过JavaScrip改变css文件中的属性值、querySelector、setProperty

MENU 效果图htmlJavaScripstylequerySelectorsetProperty 效果图 html <div id"idBox" class"p_r w_680 h_160 b_1s_red"><div id"idItem" class"p_a l_0 t_30 w_100 h_100 bc_rgba_255_00_05 radius_50_"></div> …

springboot+jsp+java房屋销售出租赁网站的ssm设计与实现7xcvq

三、研究方案&#xff08;主要研究内容、目标、研究方法等&#xff09; 主要研究内容 房屋租售网站采用的开发框架为springboot框架&#xff0c;也就是Spring mvc、Spring、MyBatis这三个框架&#xff0c;页面设计用的是jsp技术作为动态页面文件设计&#xff0c;jsp文件里可以对…

AH6922B-3V升压9V1A芯片

AH6922B芯片是一款3V升压9V1A芯片&#xff0c;具有可调限流和低功耗等特点。该芯片的工作电压范围为2.7V~12V&#xff0c;可调输出电压最高可达13V&#xff0c;固定工作频率为400kHz&#xff0c;VFB反馈电压为1.2V(2%)。 AH6922B芯片内置了一颗15mΩ、10A、14V的MOSFET&#x…

解决 MapBox addMapStyle 失败,主动刷新地图

应用场景&#xff1a; 底图加载后&#xff0c;边界的图层有时能加载&#xff0c;有时加载不上&#xff0c;在点击或者拖拽移动后可加载成功 最后解决方案&#xff1a; 在子组件中写一个延迟函数&#xff0c;模拟手动点击效果 created(){setTimeout(() > {if ( !this.isLoa…

conda 安装指定Version的指定Build

入下图&#xff0c;我想装cudnn的7.6.5的指定Build版本cuda10.0_0 应该使用如下命令&#xff1a; mamba install cudnn7.6.5cuda10.0_0 没有mamba用conda install也可以

DAPP开发【04】测试驱动开发

测试驱动开发(Test Driven Development)&#xff0c;是一种不同于传统软件开发流程的新型的开发方法。它要求在编写某个功能的代码之前先编写测试代码&#xff0c;然后只编写使测试通过的功能代码通过测试来推动整个开发的进行。这有助于编写简洁可用和高质量的代码&#xff0c…

每日一练2023.12.1——输出GPLT【PTA】

题目链接&#xff1a;L1-023 输出GPLT 题目要求&#xff1a; 给定一个长度不超过10000的、仅由英文字母构成的字符串。请将字符重新调整顺序&#xff0c;按GPLTGPLT....这样的顺序输出&#xff0c;并忽略其它字符。当然&#xff0c;四种字符&#xff08;不区分大小写&#x…

程序员职业发展之旅:从代码入门到身体管理的完美进化

导言&#xff1a; 在编程的世界中&#xff0c;程序员们经常面对着繁忙的工作、长时间的电脑操作和高度集中的注意力。这种职业特性使得许多程序员在追求代码的完美的同时&#xff0c;往往忽略了自身的健康。让我们通过一段幽默的编程时光&#xff0c;探讨程序员的职业发展与身体…

Apache HTTPD 2.448 mod_proxy SSRF漏洞(CVE-2021-40438)

任务一&#xff1a; 复现漏洞 任务二&#xff1a; 尝试利用SSRF漏洞&#xff0c;访问重庆邮电大学官网&#xff08;http://www.cqupt.edu.cn) 1.搭建环境 2.了解这个地方是httpd作为了一个反向代理服务器&#xff0c;也就是先是客户端发送请求给代理服务器&#xff0c;然后…

SSM项目实战-mapper实现

1、SysUserMapper.java package com.atguigu.schedule.mapper; import com.atguigu.schedule.pojo.SysUser; import org.springframework.stereotype.Repository; Repository public interface SysUserMapper {SysUser getSysUser(SysUser sysUser); }2、ScheduleMapper.java p…