首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【错误记录】Flutter 报错 ( Android Studio 中 main.dart 左侧不显示设备栏 )

SDK version >=2.12.0-0 <3.0.0, versio | Dart SDK 版本低 ) 中的问题 , 更新了 Flutter 与 Dart SDK ; 更新后出现该问题 , main.dart...栏左侧的设备栏不见了 , 右侧的设备栏不是 Flutter 运行的设备 ; 正常的情况是长这样的 : 二、解决方案 一 ( 备选方案 ) ---- 选择 File / Project Structure...; 在 Project Structure 对话框中的 Project 选项卡中配置 Android SDK ; Library 选项卡的 Flutter 和 Dart SDK ; Facts...选项卡的 Android 配置 , 参考 【错误记录】Android Studio 的 Flutter 代码界面没有 Logcat 面板 配置 ; 配置完毕 , 重启 Android Studio 即可解决该问题...的 " Enable Dart support for the Project xxx " 选项 , 否则就会出现不显示设备栏的情况 ;

1.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Win10在Android Studio中配置flutter的坑

    1.首先安装flutter sdk,这个去官网安装即可。 2.然后安装Andorid Studio,都是一键安装的即可。...然后打开android studio(简称AS)新建一个flutter项目,然后AS会选择gradle构建项目,下载一些必要的package,这时候就开始有很多坑了。...第一个坑: 由于没有改镜像地址,gradle默认从maven的国外源站开始下载,所以会导致一直timeout,一直timeout,所以需要修改配置文件: 这是位于 D:\flutter\flutter_windows..._3.3.9-stable\flutter\packages\flutter_tools\gradle 下的配置文件,叫做flutter.gradle 打开之后是这个样子: 大概是一千行代码 我们要改的地方是这里...:gradle:4.1.0' } } 这个是默认的原配置文件的内容 那么我们要在第31行的下面新增一些地址: maven { url 'https://maven.aliyun.com/repository

    2.3K10

    使用 Android Studio 进行 Flutter 开发

    你可以点击表格中的一行,定位到创建指定 widget 的源码位置。随着代码的运行,旋转图标也会在代码窗口中显示,以帮助你观察正在进行的重载。 大量的重载并不一定表示存在问题。...---- 在 Android Studio 中编辑 Android 代码,并获得完整 IDE 支持 打开 Flutter 项目的根目录,并不会在 IDE 中显示所有的 Android 文件。...在进行操作之前,请确保你使用的是最新版本的 Android Studio 和 Flutter 插件。 在“项目视图”中,你可以在 flutter 应用的根目录下看到一个 android 的子目录。...如果你还没在 Android Studio 中打开 Flutter 项目,你可以一开始就将 Android 文件作为项目打开: 点击欢迎窗口中的 Open an existing Android Studio...文件中记录了可能影响你使用体验的已知重要问题。

    6.4K30

    Flutter Performance

    另外,有的工具目前只在 Android Studio 中有,比如 Flutter Performance;甚至有的工具只在 debug 模式下可用。...Performance Overlay 开启 Performance Overlay 有多种方式,最简单的几种包括: Android Studio > Flutter Inspector > Performance...如果是在 UI 图表出现了红色竖条,则表明 Dart 代码消耗了大量资源 而如果红色竖条是在 GPU 图表出现的,意味着场景太复杂导致无法快速渲染 更多信息请参考 Flutter 线程 使用 Performance...Chrome 中输入 chrome://tracing 然后将 json 文件拖进去 DevTools 之 Timeline 时间线视图用于显示 Flutter 帧信息。它由三个部分组成。...Android Studio Flutter Performance 中可以看到 FPS 值: 我们也可以使用 WidgetsBinding.addTimingsCallback 方法来自行统计 FPS

    1.9K50

    Android Studio 使用心得 之 ✨ Android Studio的使用过程中出现的问题(更新中)

    目录 Android Studio的使用过程 从安装到试运行第一个小程序 导入别人的Android Studio 项目 运行时会出现的一些问题整理 Android Studio的使用过程 从安装到试运行第一个小程序...新建项目及AS内部工具使用 导入别人的Android Studio 项目 [如何成功运行和导入别人的android studio项目?]...运行时会出现的一些问题整理 如何使用模拟器或手机运行程序 ---- 问题:Android Studio磁盘空间不足:Emulator: emulator: ERROR: Not enough space...to create userdata partition 解决方案:在一个空间比较大的盘下新建一个android文件夹,把下面这个文件(Pixel_2_API_R.avd)剪切到新建的文件夹下。...---- 问题:Android中R.layout.xxx,有资源文件,调用不到。

    1.1K70

    提升Flutter开发效率的几个VSCode插件

    Flutter作为App跨平台的前端开发框架,支持的常用代码编辑器大概有AS(Android Studio)和VC(Visual Studio Code)。...对应安卓开发来说,AS再熟悉不过了,作为一枚多年iOS开发,常使用Xcode的小编来说,第一次接触VC(Visual Studio Code),感觉比Xcode爽多了,特别是开发插件的支持,大大提高了开发效率...颜色预览 Color Highlight Sergii Naumov的颜色突出显示有助于构建UI并存储颜色变量以快速识别十六进制值所指的颜色。Color Highlight提供不同的标记类型。...图像预览允许我们至少预览我们在代码行左侧写入路径的图像。与Android Studio和Intellij非常相似,包括图像和颜色。...最重要的是,如果将鼠标悬停在路径String上,则扩展程序会显示一个链接,以获取项目结构中的文件及其尺寸。 以上插件可以帮助大家,以更快,更愉快的方式完成他们的工作,如果对大家有帮助,

    4K20

    开始使用-配置编辑器 顶

    您可以使用任何文本编辑器与命令行工具结合使用Flutter构建应用程序。 不过,我们建议使用我们的编辑器插件之一,以获得更好的体验。...通过我们的编辑器插件,您可以获得代码完成,语法突出显示,小部件编辑辅助,运行和调试支持等等。 按照之前的步骤为Android Studio,IntelliJ或VS代码添加编辑器插件。...如果你想使用不同的编辑器,那没关系,直接跳到下一步:创建并运行你的第一个应用程序。 Android Studio  Android Studio:为Flutter提供完整的集成IDE体验。...安装Android Studio Android Studio 3.0或更高版本。 或者,您也可以使用IntelliJ: IntelliJ IDEA社区,版本2017.1或更高版本。...要安装这些: 启动Android Studio。

    57430

    浅谈跨平台框架Flutter的搭建与运行

    在终端中输入flutter doctor,如果出现和下图类似的结果,甚至得到的x比图示更多,主要原因是没有安装Android studio。下面我们将列出Android Studio的安装步骤。...3.运行应用程序 定位到Android Studio工具栏; 在 target selector 中, 选择一个运行该应用的Android设备。...名称(如myapp)并按回车键; 指定防止项目的位置,然后确认; 等待项目创建继续,并显示main.dart文件。...当我们运行flutter run以后,会出现一段红色的文字提示,如下所示: r 键:点击后热加载,即重新加载; p 键:显示网格,可以掌握布局情况; o 键:切换Android和iOS的预览模式; q...将下面这段代码写在根目录.dart文件中,作为Flutter主文件。

    3.4K20

    浅谈跨平台框架 Flutter 的搭建与运行

    在终端中输入flutter doctor,如果出现和下图类似的结果,甚至得到的x比图示更多,主要原因是没有安装Android studio。下面我们将列出Android Studio的安装步骤。...3.运行应用程序 定位到Android Studio工具栏; 在 target selector 中, 选择一个运行该应用的Android设备。...名称(如myapp)并按回车键; 指定防止项目的位置,然后确认; 等待项目创建继续,并显示main.dart文件。...当我们运行flutter run以后,会出现一段红色的文字提示,如下所示: r 键:点击后热加载,即重新加载; p 键:显示网格,可以掌握布局情况; o 键:切换Android和iOS的预览模式; q...将下面这段代码写在根目录.dart文件中,作为Flutter主文件。

    3.7K40

    Flutter性能优化

    以 profile / release 模式运行 为了获取最接近生产环境的数据,我们应该选择一台尽可能低端的真机,并且以 profile 模式或者 release 模式下运行app。...我们可以在 Android Studio 中通过菜单栏点击 Run=>Profile=>main.dart 选项启动应用, 也可以通过命令行参数 flutter run --profile 运行 Flutter...Android Studio 菜单栏点击 Run => Profile... 注意 该过程第一次编译非常慢请耐心等待,后来就会快很多。...} ] 命令行 flutter run --profile 检测帧率 Android Studio中配置 File=>Settings中搜索flutter找到 ?...那先来了解一下 Flutter 中的4个主要线程分别承担了什么职责。 Platform线程:插件代码运行的线程;即Android/iOS的主线程, UI线程:在Dart虚拟机中执行Dart代码。

    2.5K31

    Flutter 2.5正式版发布,带来重大更新

    Widget Inspector 中更详细地查看你的小部件; 在 Visual Studio Code 项目中添加依赖关系的新支持; 从 IntelliJ/Android Studio 的测试运行中获取覆盖信息的新支持...、测试覆盖率和图标预览 当然,伴随着Flutter的更新,我们的 IntelliJ/Android Studio 插件在此版本中也进行了许多改进。...覆盖信息会在编辑器的装订线中使用红色和绿色条进行区分,在示例程序中,第 9-13 行被测试,但第 3 和 4 行没有被测试。...Visual Studio Code 测试运行器还添加了新的装订线图标,显示测试的最后状态,可以单击以运行测试(或右键单击以获取上下文菜单)。...在即将发布的版本中,现有的 Dart 和 Flutter 测试工具将被移除,以支持新的 Visual Studio Code 测试工具。

    4.4K50

    Flutter在windows系统配置及运行

    第二步 下载安装Android Studio 下载 Android Studio 下载链接 下载的安装包也是傻瓜式的下一步完成 安装完成之后会有弹窗提示,直接点击ok ?...找到flutter解压的bin目录配置到系统变量,追加到path后面,前面以‘;’隔开 ? ? 输入cmd命令提示符flutter -v,查看是否配置成功 ?...第四步 电脑上配置Flutter国内镜像 搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在 国内访问 Flutter 的时候有可能会受到限制。...在运行flutter doctor查看已经配置成功 ? 第六步 打开 Android Studio 安装 Flutter 插件 ?...搜索flutter,安装flutter插件,安装的过程中会英文提示是否安装dart,点击yes进行安装 ? 重启后就可以看到红色框住的部分 ?

    1.2K20

    Flutter 2.5正式版发布,带来多项重大更新

    Widget Inspector 中更详细地查看你的小部件; 在 Visual Studio Code 项目中添加依赖关系的新支持; 从 IntelliJ/Android Studio 的测试运行中获取覆盖信息的新支持...、测试覆盖率和图标预览 当然,伴随着Flutter的更新,我们的 IntelliJ/Android Studio 插件在此版本中也进行了许多改进。...[在这里插入图片描述] 覆盖信息会在编辑器的装订线中使用红色和绿色条进行区分,在示例程序中,第 9-13 行被测试,但第 3 和 4 行没有被测试。...Visual Studio Code 测试运行器还添加了新的装订线图标,显示测试的最后状态,可以单击以运行测试(或右键单击以获取上下文菜单)。...[在这里插入图片描述] 在即将发布的版本中,现有的 Dart 和 Flutter 测试工具将被移除,以支持新的 Visual Studio Code 测试工具。

    3.6K00

    【老孟Flutter】Flutter 2 新增的功能

    对于其他特定于桌面的功能,此版本还启用了Flutter应用程序的命令行参数处理功能,以便可以使用诸如Windows File Explorer中的数据文件双击之类的简单操作来打开应用程序中的文件。...例如,以下内容显示您的应用程序中已引发溢出异常,该异常会在Visual Studio Code中弹出一个选项,用于调试DevTools中的问题。...要启用此功能,请在Flutter Inspector中启用“反转超大图像”。 图片发布 启用“反转超大图像”选项,以突出显示比需要放大的图像大的图像。...这只是Flutter DevTools 2中更多新功能的摘要: 在Flutter框架图中添加了平均FPS信息并提高了可用性 用红色错误标签在网络事件探查器中调出失败的网络请求 新的内存视图图表更快,更小且更易于使用...图片发布 通过Snap安装的Flutter SDK,可以更轻松地使用Linux上的Android Studio。

    7.9K20

    谷歌移动UI框架Flutter入门

    Flutter实际上是一个包含多种内容的软件包,它是用来创建移动2D应用程序SDK的软件开发包,如果你计划在某些游戏中使用3D应用程序,那么Flutter将无法满足你的需求,但如果你的计划是在APP商店中的大多数的...当看到这样的一个控制台界面,说明Flutter启动成功。启动成功后,我们还需要配置Flutter的环境变量。需要将bin文件夹的位置配置到用户环境中。需要注意的是:这里配置的是用户变量,不是系统变量。...解决资源异常问题 我这里因为有了Android的运行环境和Android Studio开发工具,所以都是感叹号,而没有这些东西的同学就会打一个红色的叉,看到红色的叉也不要惊慌失措,只需要将Android...在搜索框中搜索Flutter并下载,在下载前Android Studio会询问是否同意下载Dart插件,我们允许即可。...发现了没,构建工具并不存在,所以,Android Studio其实就是在下载构建工具,通过观察文件夹变化,我找出了它需要下载的版本。 ?

    1.8K10
    领券