26
4
最近发现有不少的公司已经跳出 uniapp 的坑坑，开始使用 flutter 开发app了，为了让自己不失业，赶紧卷起来！此篇文章教你从 0 基础开发一个 简单页面，文章篇幅较长，建议收藏！也可以直接参考官方中文文档： https://flutter.cn/community/china 。
。
1.1、系统配置要求 。
要想安装和运行 Flutter，你的开发环境至少应该满足如下的需求:
1.2、安装 flutter SDK 。
SDK下载地址： https://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.10.5-stable.zip 。
下载之后进行解压，然后去配置 path 环境变量.
1.3、配置 path 。
方式1：打开 win10 开始菜单的搜索框输入 “编辑系统环境变量”，或进行方式2查找.
方式2：打开控制面板 。
。
选择 “系统和安全” 。
。
选择“系统” 。
。
。
选择 “高级系统设置” 。
。
打开环境变量，选择 path,点击 “编辑” 。
。
新建一个变量，将下载解压 的 flutter/bin 目录加进来.
。
检查一下 flutter 是否安装成功，可打开 命令行提示符窗口，执行 where flutter dart 。
。
1.4、检查 flutter 配置 。
运行 flutter doctor 命令会检查你的现有环境，并将检测结果以报告形式呈现出来。仔细阅读它显示的内容，检查是否有尚未安装的软件或是有其他的步骤需要完成（通常会以 粗体 呈现）。运行结果如下:
。
giống:
Trung tâm cá nhân
Điều phát hành
từ bỏ
[
✗] 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.cn/docs/setup/#android-setup for detailed instructions.
表示 Android 环境配置缺失，下边是具体配置方式 。
VS Code 是一个可以运行和调试 Flutter 的轻量级编辑器.
安装 Flutter 和 Dart 插件 。
方式1：在 VSCode 中直接创建 。
选择查看 > 打开命令面板 > 输入 flutter:New Project 。
。
选择你需要创建项目的类型，分别由 5 种类型，它们分别为:
。
我们选择创建一个普通的 flutter 项目，选择 Applaction ，然后选择创建项目所在的文件夹，点击确定就会自动创建啦！ 。
方式2：使用命令创建 。
打开创建项目存放的文件夹，输入cmd ，打开终端，或先打开终端，cd 打开方式进入存放的文件夹，然后执行:
flutter
create my_first_app
注：项目名称只能出现小写字母、下划线以及0-9的数字，如果出现其他特殊字符会 出现 "xxx项目名" is not a valid Dart package name.错误提示.
项目目录:
。
使用 flutter run 运行项目，运行项目提示我们需要选择运行的设备 。
。
由于我配置的环境较少，还是选择运行到前端都有的浏览器吧！ 。
flutter run -d chrome
-d 表示 device 选择我们需要运行的设备类型。项目运行成功后如图所示:
最后此篇关于Flutter学习笔记(01)__从0开始创建一个flutter项目的文章就讲到这里了,如果你想了解更多关于Flutter学习笔记(01)__从0开始创建一个flutter项目的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
26
4
0
我正在尝试从flutter应用程序构建apk，但出现此错误: Note: /mnt/Software/Linux/Flutter/flutter/.pub-cache/hosted/pub.dartl
我有一个名为 X 的较大应用程序，还有另一个名为 Y 的较小应用程序。他们现在彼此分开，并且工作正常。我想将应用程序 Y 集成到 X 中。我想将 Y 的代码放入 X 项目中，但它们应该有不同的 Mai
在android Studio中选择Create New Flutter Project，出现如下4个选项。 Flutter 应用程序 Flutter 插件 Flutter 包 flutter 模块
我看到我的 flutter 项目生成了一个文件 ios/Flutter/Flutter.podspec ，这个文件有什么用？ 如果它与生成的 Flutter.framework 有关? 我应该将它包含
我尝试过的 在包含flutter SDK的位置添加/编辑.bash_profile.rtf文件。 导出PATH = / Users / temur / Documents / Projects / F
Flutter 日志会打印数千个详细/垃圾邮件日志。 我正在尝试调试一个复杂的应用程序，但是打印太冗长了，以至于我很难找到我自己打印的东西。 有没有办法禁用详细？ 就像是: Logger.level.
在flutter 1.22更新之后，我在Lineargradient colors属性中遇到错误，这给我一个错误，即未定义名称colors参数。.在Android中更新flutter和flutter插
在下面的代码 widget.hintText 中给出错误，我试图将日期选择器作为单独的组件，并在从其他文件调用它时动态传递提示文本值。 import 'package:date_field/date_
在下面的代码 widget.hintText 中给出错误，我试图将日期选择器作为单独的组件，并在从其他文件调用它时动态传递提示文本值。 import 'package:date_field/date_
Flutter 1.0 发布后，我正在按照步骤搭建 Flutter 开发环境。 在步骤中(如所附屏幕截图所示)，它说要更新 $PATH 两次，一次使用 flutter 工具的路径 export PAT
我有一个用 flutter 编写的移动应用程序，我想将其转换为 flutter_web 应用程序(集成 flutter_web 尚不可用)。我目前遇到包裹问题。 我已按照本网站中列出的说明进行操作 h
如何向我的 Flutter 路由添加自定义转换？这是我目前的路线结构。 class MyApp extends StatelessWidget { // This widget is the
我正在尝试通过 URL 在 webview 中显示网页。我试过 flutter_webview_plugin 插件，但是当我在浏览器上运行项目时它不起作用。 在 flutter web applica
我正在使用 animatedContainer 在按下按钮时显示 listView.builder()。这是一个要显示的简单子(monad)列表，但问题是我不知道 ListView 构建器的高度会传递
我目前正在我的应用程序中制作渐变背景动画......我正在使用 lottie 动画的帮助下这样做!我试图将它封装在一个容器中并成功地做到了。但是有一个问题，尽管我将高度更改为大于 2000 的东西，但
美好的一天! 我无法弄清楚如何使用 google 标签管理器设置 flutter。我找到了 this package包括标签管理器 api。但是我不知道如何正确配置它。 (在网络上我只需要复制粘贴一个
我的购物车模型如下 class Cart { String description; double unitCost; double amount; int quantity; S
在 Flutter 应用程序中，我想为在线托管的资源(图像、视频等)实现缓存。 我希望它能在原生平台 (Android/iOS)(例如使用文件系统)和网络(例如使用 IndexedDB)上运行。 Fl
我写了一个页面，在顶部一切都很好，应该是这样。在底部我有一个事件的历史。我的容器的宽度是自动确定的(取决于屏幕的宽度)，而高度 - 不，在不同的设备上有不同的高度(底部的缩进是不同的)。是否可以自动确
Tôi đang làm việc trên một trang có một số trường như trường văn bản và thanh trượt. Cuối trang phải có nút để chuyển sang bước tiếp theo, nút này được gói trong Align để có vị trí cố định giữa các trang. Mặt khác, resi
Tôi là một lập trình viên xuất sắc, rất giỏi!