[16章]慕课甄选-2024年Flutter零基础极速入门到进阶实战

赵嬷嬷
• 阅读 234

学习地址1:https://pan.baidu.com/s/1iOH2xMvdMyBAJla5PeHuUg 提取码:hjhi 学习地址2:https://pan.baidu.com/s/1Iwj10AL7jdum19WQ_z1jdA 提取码:0n8x

Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。 Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。

我将在本文中结合了最新版的Flutter、Dart、主流插件技术进行企业级项目开发,并融入了大量Flutter版本更新问题的解决方案,以及与H5混合开发和通信、多屏适配等高频技能,我会根据我在一线开发几年工作中积累的大量开发、避坑等经验传授给大家,让各位小伙伴在实际开发中能更好的运用Flutter技术。

首先我们先来安装flutter: 首先按照官网地址安装flutter(flutter中文官网)遇到问题查看下面步骤 步骤一:设置国内镜像环境变量及添加变量方法

添加国内镜像环境变量: PUB_HOSTED_URL = https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL = https://storage.flutter-io.cn 重启电脑。

步骤二:获取Flutter SDK Flutter SDK下载地址,稳定和测试版本选择一个 下载下来之后解压到你想安装的磁盘目录下 要在终端运行 flutter 命令, 你需要添加以下环境变量到系统PATH: 按照步骤一打开更改环境变量界面,在“用户变量”下检查是否有名为“Path”的条目: 如果该条目存在, 追加 flutter\bin的全路径; 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值。

接下来我们开始测试 Flutter sdk安装成功,环境变量配置成功。在任意路径下执行 flutter version 应能看到版本号

运行 flutter doctor 打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装: flutter doctor

该命令检查您的环境并在终端窗口中显示报告。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示),例如: [-] Android toolchain - develop for Android devices • Android SDK at D:\Android\sdk ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ • Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions.

下面我们开始代码实战: 在 src/api/chart.js 中创建数据获取方法: /**

  • 指定日期的时段柱形数据
  • / export const getChartTimeAmount = date => { return request({ url: '/chart/time/amount', params: {
    date
    } }) }

在 src/views/chart/components/horizontal-bar/index.vue 中获取接口数据:

根据数据绘制图表,同时处理国际化内容:

创建 src/views/chart/components/table-sheet/components/s2.vue 作为图表渲染组件

点赞
收藏
评论区
推荐文章
荀勗 荀勗
7个月前
SpringBoot 3 + Flutter3 实战低代码运营管理-10章
SpringBoot3Flutter3实战低代码运营管理10章地址1:https://pan.baidu.com/s/1Uay0bc6ghAVf401tOdXiQ提取码:sqcs地址2:https://pan.baidu.com/s/1l3kJpBzm9
赵颜 赵颜
6个月前
[15章]深入学习小程序框架底层原理,培养双线程思维
学习地址1:https://pan.baidu.com/s/1ridzu0mrj1vrfT07fdReuw提取码:3zd2学习地址2:https://pan.baidu.com/s/1SChnJCGf03sybLfyAnkCA提取码:c862前端高手特训从
笑面虎 笑面虎
5个月前
【15章】慕课甄选-2024年Flutter零基础极速入门到进阶实战
【15章】慕课甄选2024年Flutter零基础极速入门到进阶实战视频课程下载——慕课甄选2024年Flutter零基础极速入门到进阶实战,附源码,课程包更新。Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多
双寿 双寿
5个月前
慕课甄选-2024年Flutter零基础极速入门到进阶实战[16章]
参考资料地址1:https://pan.baidu.com/s/1j35W30a7JQAGTV2rYgxRNA提取码:5o3h参考资料地址2:https://pan.baidu.com/s/1Iwj10AL7jdum19WQz1jdA提取码:0n8xFlu
赵嬷嬷 赵嬷嬷
4个月前
[31周]AI人工智能算法工程师体系课2024
学习地址1:https://pan.baidu.com/s/1wpfuPvDb4Y4BQEKPt7bc1A提取码:q7xz学习地址2:https://pan.baidu.com/s/1CYzDHRmYKDPb29MfKN0qlg提取码:2jt4今天给大家讲
鲍二家的 鲍二家的
3个月前
AI Agent智能应用从0到1定制开发(12章)
学习地址1:https://pan.baidu.com/s/1ccnoXsPCUg4eP5rSrD0UA提取码:o0mu学习地址2:https://pan.baidu.com/s/1JYJ6dMkwgx0XWQnCM6Q0A提取码:2m68AIAgent已
双寿 双寿
3个月前
[12章]AI Agent智能应用从0到1定制开发
学习地址1:https://pan.baidu.com/s/15IbktHy54IdZRg3g7PWWKQ提取码:v7lt学习地址2:https://pan.baidu.com/s/1JYJ6dMkwgx0XWQnCM6Q0A提取码:2m68AIAgent
鲍二家的 鲍二家的
2个月前
[7章]Go从入门到进阶,大厂案例全流程实践
学习地址1:https://pan.baidu.com/s/1kZq7Rc7PHBRYEzWL85FCA提取码:0udi学习地址2:https://pan.baidu.com/s/1Rr5G2U3YSbwhFTLMHH2keA提取码:j0viGo语言高效、
鲍二家的 鲍二家的
2个月前
前端跳槽突围课:React18底层源码深入剖析
学习地址1:https://pan.baidu.com/s/1DnzdWB9oCEMGOx9jvYjAjg提取码:hqw0学习地址2:https://pan.baidu.com/s/1kUlrpqlboZIrRmXpiT9TLw提取码:ur5i在当下就业环
陈元 陈元
2个月前
MK甄选-2024年Flutter零基础极速入门到进阶实战(完结)
MK甄选2024年Flutter零基础极速入门到进阶实战(完结)download》quangneng.com/4930/MK甄选2024年Flutter零基础极速入门到进阶实战课程简介MK甄选推出的2024年Flutter零基础极速入门到进阶实战课程,旨在