文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

《Flutter》-- 2.Windows系统下搭建开发环境

参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 《基于Android Studio的案例教程》-- 宋三华（著） 2....安装完成后，运行Android Studio程序，在弹出的对话框中选择“Do not import settings”单选按钮，单击“OK”按钮。...可以设置虚拟机的名称、屏幕显示方式，然后单击“Finish”按钮完成虚拟机的设置。 单击Actions列的三角启动按钮启动虚拟机。...然后在Android Studio中安装Flutter和Dart插件。 然后需要把Flutter SDK path和Dart SDK path配置到Android Studio中。 注： 1....在pubspec.yaml配置的dependencies节点中添加需要依赖的第三方插件，在命令行中输入flutter packages get命令即可下载依赖的插件。

2.7K30

【错误记录】Android Studio 的 Flutter 代码界面没有 Logcat 面板

文章目录 一、 报错信息 二、 解决方案 一、 报错信息 ---- 从 GitHub 上将代码克隆到本地 , 调试程序时发现 , 没有 Logcat 面板 , 到菜单栏 / View / Tool Windows...中也没有看到 Logcat 面板设置 ; 二、 解决方案 ---- 注意观察当前界面已经连的设备中显示的是 " Loading Devices " , 说明是 Android 设备相关设置问题 ;...选择 菜单栏 / File / Project Structure 选项 , 在 " Project Structure " 对话框中可以看到没有配置 Project SDK , 这里配置一个...Android SDK ; 配置 Android SDK 后 , 点击 Apply 应用按钮 , 然后点击 OK 按钮 , 此时应用会重新构建 ; 然后切换到 " Facets " 选项卡 , 点击图中的..." + " 加号按钮 , 在弹出的下拉菜单中选择 " Android " 选项 , 在之后弹出的 " Choose Module " 对话框中 , 选择本 Module 应用 , 出现如下界面

2.6K00
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    使用 Android Studio 进行 Flutter 开发

    下面的介绍文章适用于 Android Studio 和 IntelliJ，更多关于开发者工具的信息， 请参看文档：在 Android Studio 上安装和运行开发者工具。...实时模板 实时模板用于增加典型代码结构的输入速度。输入前缀后，在代码完成窗口中选择它： ?...这两种方法，Android Studio 都允许你选择使用单独的窗口，或替换现有窗口打开新项目，两种都是可以的。...如果你还没在 Android Studio 中打开 Flutter 项目，你可以一开始就将 Android 文件作为项目打开： 点击欢迎窗口中的 Open an existing Android Studio...在 Dependencies 选项中，找到 Module SDK，并选择一个 Android SDK。如果这里没有列出 SDK，点击 New 并指定 Android SDK 的位置。

    9.8K30

    Flutter 第一个程序Hello World!

    最后我们配置SDK的路径   选中用户变量的Path，点击编辑，会弹出一个窗口，先不管它。我们进入到刚才的Flutter目录下的bin文件中。   ...三、Android Studio 开发环境   作为Android开发人员，你首先要确保你的Android Studio没有问题，然后才是在Android Studio上配置Flutter的开发环境，下面我们先通过命令行检测一下...这条指令会检查电脑上的环境，Android Studio是没有问题的，连接设备也没有问题，网络也没有问题，现在我们的Android Studio还不支持Flutter的，因此我们需要支持它，打开Android...Android Studio中配置Flutter的SDK，如图所示。   ...路径，关闭Android Studio，找到Android Sdk路径，我的Android Sdk所在路径是：D:\Android\Sdk，然后我们Win + R 弹窗，输入cmd，然后进入命令窗口，输入如下指令

    1.9K20

    谷歌移动UI框架Flutter入门

    配置完后，我们就可以使用Flutter命令了，打开一个控制台，输入指令： flutter doctor 这是一条用于检查当前电脑是否包含运行Flutter的全部环境。...解决资源异常问题 我这里因为有了Android的运行环境和Android Studio开发工具，所以都是感叹号，而没有这些东西的同学就会打一个红色的叉，看到红色的叉也不要惊慌失措，只需要将Android...我们打开Android Studio，点击File，然后点击Setting，最后点击Plugins，打开插件窗口，在该窗口中点击Browse repositories，选择从网络上下载插件。...第四项异常是因为IDEA没有安装Flutter的插件，这里我们只用Android Studio进行开发，所以可以不用管，没有这个开发工具的同学也不会产生这个问题。...然而点击运行之后，有些同学会发现Android Studio停留在了这个界面。 ? 再也没有变化过，这不禁让人感到奇怪，这么长的构建时间，它到底在干什么？

    2.6K10

    Flutter尝鲜：跨平台移动应用开发

    2018年2月27日世界移动大会上，谷歌发布一个跨平台开发框架，名曰Flutter，用于构建高性能的原生Android和iOS两大平台的App。 目前还处于测试版本阶段：Beta 3。...我直接用的Android Studio。 开始之前，你需要安装两个插件： Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等)....如果在AS中无法在线安装，可以到以下链接中下载离线安装： Flutter插件下载 Dart插件下载 注意下载的插件版本一定要和Android Studio JRE版本对应上，可以在Android Studio...第二层body是一个Center布局控件，该布局用于使其子布局即child，在父布局中居中显示 最后的子布局是一个Text控件。 整个布局就是在页面的中间显示了Hello World。...，就不能在更改，一般用于显示静态页面。

    4.5K71

    Flutter 体验记

    系统要求 操作系统: macOS (64-bit) 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间） 工具: Flutter 依赖下面这些命令行工具（bash,...doctor 该命令检查您的环境并在终端窗口中显示报告，Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart 我的结果 然后仔细查看结果，看看还有什么没有安装不符合要求的。...体验 Flutter 环境配置完毕，我这里选择 Android Studio 作为编辑器。首先安装两插件：Flutter 插件和 Dart 插件。...Flutter Dart 这个插件呢，在 Android Studio 内部，真的是很难下载下来，网络问题喽，反正我是一直下载不顺利。...还有个法子，那就是查看 Android studio 版本，然后去到 jetbrains 官网搜索 Flutter、Dart，下载 Android Studio 对应版本的插件，解压放置到 Android

    1.4K20

    【Flutter】Flutter 调试 ( Debug 调试窗口 | 手机日志信息查看 | 设置普通断点 | 设置表达式断点 )

    调试时回退 Frames 控制台窗口 Console 二、Debug 调试窗口 Flutter 调试工具 Debug : 点击下图的 Debug 按钮 , 即可进行调试 , 调试 Flutter 项目时..., 底部显示 Debug 视窗 , Debug 视窗左侧是项目运行 , 停止 , 断点管理相关按钮 , Debug 视窗中的 Console 是 Flutter 的控制台 , 会显示 Flutter...应用 运行过程中的提示信息 , 报错信息 , print 打印信息等 , ( 注意这不是 Android 的控制台 ) 三、手机日志信息查看 Flutter 手机日志信息查看 : 调试 Android...项目 , 通过 Android Studio 打开 Flutter 中的 Android 部分代码 , 然后在 Logcat 中查看 ; Android 平台的日志直接在 Android Studio...中的 Logcat 窗口中查看 ; 调试 iOS 项目 , 使用 Xcode 打开 Flutter 中的 iOS 项目进行调试 ; iOS 平台的日志需要在 Mac 中 , 打开 Xcode , 在 Xcode

    3K30

    用 Flutter 开发鸿蒙 PC 应用

    对于鸿蒙系统开发，需要安装鸿蒙开发工具，如 DevEco Studio 等。同时，还需要安装 Git，它用于版本控制和获取 Flutter SDK 等资源。...Studio (version 2022.3) • Android Studio at /Applications/Android Studio.app/Contents • Flutter...还可以配置应用的名称、版本号、图标等信息。例如，添加一个新的依赖库，只需在 dependencies 节点下添加相应的库名称和版本号，然后执行 flutter pub get 命令来获取和安装依赖。...例如，调用鸿蒙的相册选择功能，获取用户选择的图片并显示在界面上。...布局设计[7]：设计合理美观的针对性布局，充分利用大尺寸屏幕，同时展示更多信息。 窗口适配[8]：通过支持 PC/2in1 的自由窗口，满足用户的多样化体验。

    1K21

    【腾讯云 Cloud Studio 实战训练营】尝鲜体验Flutter编写一个App应用

    Cloud Studio 适用于开发 Html5，Python，Ruby 等环境不是太复杂的轻型项目，或者临时修改大型项目的少量代码。...图片2、进入 Cloud Studio 控制台点击左下角红色⭕️部分，创建工作空间图片3、配置工作空间参数在弹出的创建工作空间窗口中，您需要进行以下配置：空间名称空间描述工作类别代码来源开发环境规格配置图片...如下图：图片注意：Flutter当中页面都是 dart 文件,也就是Flutter的宗旨：万物皆可widget(可以理解成页面、窗口、组成部分)。..."Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。...: flutter: sdk: flutter cupertino_icons: ^1.0.2dev_dependencies: flutter_test: sdk: flutter

    63810

    Flutter环境搭建ForMac

    这里选择使用 Android Studio 作为开发Flutter的工具，后续更新VC 01安装Fluter 这里的步骤其实和官方的差不多，大家也可以直接参考官网。...我们可以看看Flutter是否配置完成了。Flutter有一个doctor检测指令。专门用于检测你的Flutter环境的。 $ flutter doctor 打钩就是配置OK了....叉叉就是还没有配置好的. 我们最终要看到下图就...解决了差不多了。 那么接下来.我们安装!Android Studio！...我们也可以进入偏好设置 CMD + ， 如下图安装： 2.3 安装Android Studio的插件 来到Studio的偏好设置里面....选择了一款国内的“夜神”模拟器，其实类似的安卓模拟器有很多，选择它主要是因为它有Mac版本。 没有那么多麻烦事，安装就能用。装好了启动！你会看到Studio上面有显示了。

    1.4K10

    【Flutter】Flutter 拍照示例 ( Android 应用兼容 Android X | Gradle 版本号 | Gradle 插件版本号 | Android X 支持 | SDK 版本 )

    " 需要调用 AndroidX 中的相机相关 API , 在 Android 应用中需要添加 AndroidX 相关依赖 ; Flutter 官方文档 : AndroidX Migration 一、Gradle...'com.android.tools.build:gradle:3.5.0' } } 快速设置方法 : 邮件点击 Flutter 项目下的 android 目录 , 选择 " Open Module...Settings " 选项 ; 在弹出的对话框中的 Project 选项卡下设置 Gradle 和 Gradle 插件版本号 , Gradle 版本号大于等于 4.10.2 Gradle 插件版本号大于等于...3.3.0 Gradle 版本与 Gradle 插件版本对应 : 更详细的说明参考 https://developer.android.google.cn/studio/releases/gradle-plugin...相关的依赖也要修改成 androidx 依赖 ; dependencies { androidTestImplementation 'androidx.test:runner:1.1.1'

    1.4K10

    原创|Android Jetpack Compose 最全上手指南

    要想获得Jetpack Compose 的最佳体验，我们需要下载最新版本的Android Studio 预览版本（即Android Studio 4.0）。...因为Android Studio 4.0 添加了对Jetpack Compose 的支持，如新的Compose 模版和Compose 及时预览。...创建一个支持Jetpack Compose 的应用，如下几个步骤就可以了： 1.如果你在Android Studio的欢迎窗口，点击Start a new Android Studio project，...要设置图形样式，请将其放入Container(又一个和flutter中一样的控件) Container: 一个通用的内容对象，用于保存和安排其他UI元素。然后，你可以将大小和位置的设置应用于容器。...，点击build&Refresh就可以刷新预览 这真的是一个非常棒的功能，像其他声明式布局，如React 、flutter 是没有这个功能的，布局了之后，要重新运行才能看到效果，虽然可以热启动，但是还是没有这个预览来得直接

    7.5K20

    Flutter入门指南

    笔者项目中使用Flutter的模块并不多。虽然笔者还没有机会在项目中正式使用Flutter，但是也在学习Flutter的一些基本用法。本文就是一篇Flutter的入门介绍，后续会写更多深入介绍的文章。...Flutter可以通过一套代码库快速构建高质量、高性能的跨平台应用，支持iOS、Android、Web以及桌面平台。...以下是简要的步骤： 下载并安装Flutter SDK：访问官方网站(https://flutter.dev/docs/get-started/install)下载适合你的操作系统的Flutter SDK...安装Android Studio：访问Android Studio官方网站(https://developer.android.com/studio)下载并安装Android Studio。...它是一个关键概念，用于在Widget树中查找数据和传递数据。 三、创建一个简单的Flutter应用 接下来，我们将创建一个简单的Flutter应用，展示一个文本和一个按钮。

    1.2K10

    搭建Flutter开发环境

    1.配置 flutter 的 PATH 环境变量： export PATH="$PATH:`pwd`/flutter/bin" 这个命令配置了 PATH 环境变量，且只会在你 当前 命令行窗口中生效。...doctor 这个命令会检查你当前的配置环境，并在命令行窗口中生成一份报告。...•打开 Android Studio，点击 AVD Manager 按钮，选择 Create Virtual Device…•在一些旧的 Android Studio 版本里，需要通过 Android...（只有在 Android 项目中才会显示 Android 子选项。）•选择相应的设备并选择 Next 选项。•选择一个或多个你想要模拟的 Android 版本的系统镜像，然后选择 Next 选项。...•在 Android Virtual Device Manager 中，点击工具栏中的 Run 选项，模拟器会启动并为你所选择的系统版本和设备显示出相应的界面。

    2.9K20

    鸿蒙版 Flutter 三方库适配案例【screen_brightness】

    大家好，今天我们一起来实现一个鸿蒙版本的 screen_brightness screen_brightness 简介 项目是一个用于控制屏幕亮度的 Flutter 插件项目，支持 Android、iOS...开发背景 目前社区里还有一个 screen，但是在使用的时候发现一个问题，就是目前 screen 并没有支持空安全，在 3.21 的项目里不能使用，但是为了方便开发者，我其实也做了适配，大家可以直接使用...适用场景广泛：适用于对屏幕状态控制有多种需求的应用，尤其是需要同时控制屏幕亮度和防止屏幕睡眠的应用，能够满足基本的屏幕管理需求。....idea：IntelliJ IDEA 或 Android Studio 的配置文件目录，包含 IDE 的项目设置、运行配置等信息。 .github：包含 GitHub 相关的配置文件和工作流。...pub get flutter run -d 参考 ohos 平台适配 flutter 三方库指导[1] [如何使用 Flutter 与 OpenHarmony 通信 FlutterChannel

    60210
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券