今天教大家 用vscode创建第一个项目 创建新项目 在安装了 Flutter 扩展的 VS Code 中，通过选择View ▸ Command Palette...或在 macOS 上按Command-Shift-P...在面板中输入Flutter: New并按Return。 默认第一个。直接按return 这个时候选择一个文件夹创建。 然后返回这个界面。给自己的项目命名。...这个就是创建后的项目结构 启动调试 运行-启动调试 我没有连真机，所以显示的是我安装的浏览器 然后直接运行，VSCode 只需要按 F5 快捷键就行了。...然后你就可以看到 VSCode 弹出一个框让你选择运行项目的环境： 5B3EC55B-F3B8-4969-B0FF-E7B11848A2B8 老铁，听我说，选 “ Dart & Flutter ” 就对了...最后，你会看到你系统默认的浏览器会弹出一个新的窗口来运行你的项目。（感觉刚开始有点慢吧。。。。）
每周分享全球精彩文章、教程、插件和视频，如果您觉得有用，请不要吝啬您的掌声、评论、赞赏或任何其他您想给予的认可。 如果你有任何关于 Flutter 或 Dart 的消息想要与我分享，请联系我。...---- 这是我举办的第7期，以后每周一期，欢迎大家监督。...（https://www.youtube.com/watch?v=CMYErzgDNAE ）该视频讲解了如何打开windows的文件选择窗口，并且单选或者多远各种类型的文件。...Flutter Network Tutorial for Beginners | Dio File Download. （https://www.youtube.com/watch?...https://pub.dev/packages/svga file_picker 是一个支持调用原生文件选择器的第三方库。能够支持单选和多远，以及根据文件类型筛选。
2.1.3 配置环境变量 需要将JDK的安装路径（例如：C:\Program Files\Java\jdk-11.0.6\bin）配置到环境变量中，然后打开cmd运行窗口，输入“java”，若能看到Java...选择Configure -> SDK Manager，在弹出框中选中需要的Android平台，单击“Apply”按钮，确认后进行下载。...选择Configure -> AVD Manager，在弹出框中单击“+ Create Virtual Device...”按钮，进入虚拟机的硬件信息选择界面。...单击运行按钮，在模拟器中可以看到运行的项目。 2.5 项目结构 在Flutter应用开发中，图片、静态配置和资源都可以放在assets目录下。...2.10.3 创建一个Flutter项目 选择 View -> Command Palette... ，在弹出框中选择Flutter: New Application Project。
我这里看到最新的是3.0.5，这个版本更新的还是很频繁的，点击这个3.0.5就会弹窗下载。 ...最后我们配置SDK的路径 选中用户变量的Path，点击编辑，会弹出一个窗口，先不管它。我们进入到刚才的Flutter目录下的bin文件中。 ...File → Settings → Plugins ，输入Flutter。 可以看到Flutter实际上作为插件进行安装，我们点击Install进行安装，会弹出一个弹窗。 ...配置好之后点击Apply按钮，再点击OK关闭这个窗口，你会看到当前的hello_world项目会再编译一次，我们再看main.dart。 ...这里的项目名称必须以小写，下划线格式进行命名，让我觉得有一些不舒服，这里我修改了项目的存放路径，然后默认选择Android和iOS平台，语言使用Kotlin 和Swift，点击Finish。
查找了很多资料；最坑的竟然是YouTube api官网给的方法。。。。(youtubeApi)。...我试着去使用它介绍的发布订阅，对于Google的集线器我研究了很久，毕竟不熟悉，而且没有相关的java实现。...我的尝试： 我使用的自己的云服务器，使用谷歌的集线器，然后去订阅YouTube，发现509等错误，莫名其妙后使用了自己写的atom作为发布方，结果成功了。...我崩溃了，我去谷歌搜索了很多相关问题，发现YouTube已经不将视频信息发布到上面所说的xml中了，而且在这之前YouTube为了用户体验，每个频道只发送3条消息给订阅用户(YouTube自带的那个铃铛订阅...方式2： 再对问题思考，依然摆脱不了需要提前得知频道下视频的发布情况，我试着去YouTube网站videos下查看视频与api返回的视频做对照，发现可以使用解析http的标签获取发布的视频和时间(其实一开始也想过使用爬虫
的安装 进入flutter官网，下载对应的版本： ?...确定之后便配置完成，接下来进行测试： Windows+R--输入cmd进入命令行窗口--窗口输入 flutter 之后回车--如果能看到如下诸多输出信息则表明配置环境变量成功也表明我们的flutter...点击flutter的install按钮之后会出现如下界面，dart插件也会同时安装好，此时点击reload， ? 可以看到插件已经安装好了： ?...会弹出在AS创建过的虚拟机（也建议在AS中创建虚拟机，而不是在VSCode这里创建虚拟机，因为这里新建虚拟机是不会有选项的，而AS不一样，有诸多选项可选）： ?...现在点击上图的第一个虚拟机，启动之： ? 运行程序： ? ? 我觉得终究啊，还是要用3.0以上的gradle才能正正经经地把flutter给跑起来。 无论是AS还是VSCode。
我的FlutterUnit开源项目正在进行windows端的调整适配。...flutter pub get之后，就可以运行示例项目了 如果你的电脑没有在开发者模式，使用插件会出错。...有窗口的概念，所以定义程序的窗口大小非常必要。...在External Libraries#Flutter Plugin中 你可以看到插件信息，可以看到 color_panel插件没有支持Windows。...在点击左上角选择颜色时，并没有额外处理，所以会报错，这不太好。应该可以给个提示什么的。
YouTube目前正在进行一项全球范围内的小规模测试，警告用户关掉他们的广告屏蔽器，否则将被限制观看视频的次数。...周三（6月28日），Reddit的一位用户发现，在使用YouTube时弹出了一个窗口，提示该用户禁止使用广告拦截器，否则他的播放器将在3个视频后自动关闭。...这项测试就是如果YouTube发现某用户可能使用了广告拦截器，那么视频播放将自动停止，除非YouTube被允许广告弹出或用户直接关闭广告拦截器才能正常使用YouTube。...所以用户在收到此警告后，将只有两个选择：关闭广告拦截器并允许广告弹出，或直接订阅YouTube Premium以关闭所有广告。YouTube证实，这些通知提醒是此次测试的一部分。...目前具体有多少人以及哪些地区参与了这次测试并看到了这些警告，YouTube并未透露具体数据。
我的FlutterUnit开源项目正在进行windows端的调整适配。...---[· E: ---[· cd Projects\Flutter\Desk ---[· flutter create toly_flutter 你可以看到有windows的目录，这里面就是...有窗口的概念，所以定义程序的窗口大小非常必要。...在External Libraries#Flutter Plugin中 你可以看到插件信息，可以看到 color_panel插件没有支持Windows。...在点击左上角选择颜色时，并没有额外处理，所以会报错，这不太好。应该可以给个提示什么的。 ? ?
或者新建flutter项目(flutter create project_name)，再vscode中打开项目，右下角弹出的flutter错误窗口中选择，定位flutter/bin目录即可 dart...语言 dart和typescript一样，可以直接生成javascript，不同的市typescript是js的超集，dart类似c的编程语法 dart语言编译器下载：https://gekorm.com...加载依赖包运行 vscode flutter devices //查看设备编码（第二个字段） flutter run -d chrome //web调试 没有响应重启vscode launch.json...，打开vscode中的flutter的devtool widget Widget build(BuildContext context)函数，通过json配置构建ui StatefulWidget有状态窗口...（多一个绑定前端的变量）、StatelessWidget无状态窗口 Container(盒子模型容器布局,支持padding等属性)，Center(居中布局)，Padding(填充布局)，Align(对齐布局
我对状态管理和app架构的看法 过去的一年中，我构建了若干大大小小的Flutter app，期间我遇到并解决了许多问题，这让我明白了状态管理没有银弹。...稍后，我们将看到一个完整的例子，说明它在实践中的用处。...[image] 我将在稍后的一些文章中更详细地讨论如何使用Provider。 目前为止，我强烈推荐Google IO大会上的这个演讲： https://www.youtube.com/watch?...我也喜欢WABS可以在没有任何外部库的情况下实现（除了Provider包）。 最终选择哪一个取决于您的实际开发场景，这也和个人喜好和品味息息相关。 我应该在我的应用中使用BLoC吗？...当Flutter重建窗口控件树时，处理嵌套的StreamBuilders会导致调试过程变得很棘手。 这些因素都会让代码有额外的开销。
Flutter 有英文版的官网和中文网，大家可以根据自己的喜好和情况进行选择。 Flutter 官网安装链接?...我这边下载的压缩包为flutter_macos_v1.0.0-stable.zip，执行命令 unzip flutter_macos_v1.0.0-stable.zip 执行完成之后可以看到当前目录多了一个...保存退出后执行 source ~/.bash_profile NOTE：执行该命令后你当前窗口和新开的窗口就都可以直接运行 flutter 命令了。但是之前开的窗口就不可以了。...修复步骤： 重启 Android Studio 并没有看到直接创建 Flutter 项目。 笔者这边 Android Studio 版本为 2.3.3。...扩展 可以看到上面有个 iOS toolchain，基于下面几点，我想修复这个。 我的机器安装了 Xcode。
老孟导读：Flutter 1.20 更新了 Slider、RangeSlider、日期选择器组件、时间选择器组件的样式，新增了交换组件：InteractiveViewer，下面详细介绍其用法。...看看 Flutter 1.20 版本以前的样式（我的珍藏）： ? 明显的感觉就是滑块轨道变粗了，滑块变的更有立体感（加了阴影）了。...看看 Flutter 1.20 版本以前的样式（依然是我的珍藏）： ? 个人感觉以前的更好看。 下面是官方给的 Slider 结构图： ?...设置深色主题 设置深色主题使 builder ，其用于包装对话框窗口小部件以添加继承的窗口小部件，例如Theme，设置深色主题如下： var result = await showDatePicker(...基础使用 弹出时间组件： RaisedButton( child: Text('弹出时间选择器'), onPressed: () async { var result =
运行 flutter doctor 该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。...image.png 启动应用 能启动应用的前提是你经配置好了Android SDk。这个刚好在我学Ionic的时候配置过了，所以这里可以省了这个过程，不会的同学可以去看看我之前写的文档。...还有一点需要注意的是，需要关闭 Hyper-V。因为我之前安装 Docker-for-window的时候开启了这个选项，所以在用安卓模拟器启动应用的时候失败了。 ?...image.png 就是一个简单的计数程序，可以看到，已经可以成功运行了。...image.png 提示有一个新版本的 Android SDK需要安装 执行以下命令 andorid sdk 弹出了 Andoird SD管理界面 ?
大家也看到了，很多模版以及环境都有提供，大家也都知道我以前是搞Flutter的，于是就先尝试了一下Flutter模版，然后刚开始，可能确实不太会，但熟悉了一会，就发现他的好处了。...当您的代码发生改变之后，预览窗口会自动刷新，这样您就可以在 Cloud Studio 内实时开发调试网页了。 下面这个就是我创建的第一个模版项目，你会发现很是方便。 ?...这里我用的是Flutter。 ? 第二种方式，选择创建工作空间，然后选择预置环境，填写工作空间名、描述，并选择运行环境和代码来源。 ? ?...我们可以选择打开内置浏览器或者浏览器 这里我选择打来浏览器，大家可以看到这个项目运行成功。 ? ? 这个时候，说明我们的环境是ok的。...（2）右侧布局窗口中会自动打开新标签页，可以选择您心仪的图标和标签，以及填写您模板的描述 ? 点击完成 ?
，就有了公司第一款基于Windows的软件，接下来记录下开发Windows软件踩的坑 环境部署 我自己的开发电脑是Mac，既然flutter是跨平台的，应该也支持Windows吧，创建好了demo，愉快的运行打包命令...toast的地方，继承ToastMixin就可以了，最大不方便的就是，不能在网络请求等没有buildContext的地方弹出toast了 图片加载问题 图片加载是一款软件基础的功能，不管是app还是Windows...，心里很慌，于是哆哆嗦嗦的打开官网查一查，看有还没有一丝希望 皇天不负苦心人，2020年就回复在beta版本支持windows，可是都2022年了，怎么还不正式版本支持？...软件配置 启动icon，是放在这个目录下的一个叫app_icon.ico的文件 大小固定256*256，替换这个文件就可以了，另外软件名称跟初始的窗口大小，在main.cpp里面设置 Win32Window...::Point origin(10, 10); //这里设置窗口的初始大小，当然也可以鼠标手动拖动窗口修改大小 Win32Window::Size size(1300, 800); // pms_flutter
flutterEngine.run() 但是，我发现这样写并没有起任何作用，在 Flutter 的官方 issue 上也有人提到这个问题： 【setInitialRoute is broken for...还没加载完毕，所以我们会看到先弹出了一个透明的界面，再显示 /other 路由对应的界面视图。...Flutter模块 的代码，也就需要重新运行才能看到效果，不像之前按下 Cmd + s 就能进行热重载。...这样 Flutter模块 的开发效率极其低下，那有没有办法可以让我们像之前开发 Flutter 项目时那样进行 热重载 呢？...如果你使用的是 Android Studio，可以直接选择对应的设备后，点击右边的 Flutter Attach 按钮，执行成功后就可以跟之前一样按 Cmd + s 进行热重载了。 ?
需求描述 最近在做项目的时候有这样一个需求：用户对已购买的商品进行评价，如果用户给差评，就必须输入原因。并且输入框是从底部弹起的一个单独层。...我点输入框后，弹出的键盘挡住了输入框。 我很方，键盘怎么就没有把输入框推上去呢，和我想的不太一样啊。 解决方法 使用 AnimatedPadding这个widget，我们来看看它的解释。...嗯，是Padding的动画版本，我们利用它在键盘谈起的时候给我们的输入框加个padding就好了。万事大吉！！！.... /// /// {@youtube 560 315 https://www.youtube.com/watch?.... /// {@animation 250 266 https://flutter.github.io/assets-for-api-docs/assets/widgets/animated_padding.mp4
通常用于表单或需要选择性输入的界面。 PopupMenuButton：这个按钮在用户点击时会显示一个弹出菜单。它常用于应用的工具栏中，提供额外的选项。...import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( // 应用程序的标题，显示在任务管理窗口中...示例代码如下： import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( // 应用程序的标题，显示在任务管理窗口中...示例代码： import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( // 应用程序的标题，显示在任务管理窗口中...您的每一条评论对我都至关重要，我会尽快给予回复。 如果您觉得这篇文章对您有所启发或帮助，请不吝赞赏、收藏或分享。 您的每一个动作都是对我创作的最大鼓励和支持。 谢谢您的阅读和陪伴！
前言 今天随手翻翻源码，突然看到 showDateRangePicker，心中狂喜。原来 Flutter 早已将 日期范围选择器 内置了，可能有些小伙伴已经知道，但应该还有一部分朋友不知道。...想当年，为了日期范围选择可吃了不少坑。做为 Flutter 内置组件收集狂魔的我，自然要发篇文章来安利一下这个组件。另外，该组件已经收录入 FutterUnit ，可更新查看。...日期范围选择器的使用 如下所示，是最简单的日期选择器操作示意：点击选择按钮时，触发下面代码中的 _show 方法： 图片 showDateRangePicker 是 Flutter 内置的方法，用于弹出日期范围的对话框...如果应用本身没有多语言的需求，可以指定只支持中文： 如果需要多语言，可以通过 locale 参数指定语言。如果未指定的话，会使用当前项目中的当前语言。...@张风捷特烈 2022.10.10 未允禁转 我的 公众号: 编程之王 我的 github 主页 : toly1994328
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
