【Flutter】使用Android Studio 创建第一个flutter应用。

这篇具有很好参考价值的文章主要介绍了【Flutter】使用Android Studio 创建第一个flutter应用。。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

首先下载好 flutter sdk和 Android Studio。
FlutterSDK下载
Android Studio官网

配置

我的是 windows。

where.exe flutter dart

查看flutter安装环境。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
如果没有,自己在环境变量的path添加下flutter安装路径。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
在将 Path 变量更新后,打开一个新的控制台窗口,然后执行下面的命令。如果它提示有任何的平台相关依赖,那么你就需要按照指示完成这些配置:

flutter doctor

如下图,我这里 Android Studio已经配置好了。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
AS配置Flutter环境很简单。
首先,Flutter和Dart插件下载。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
然后,下载androidSDK。安卓sdk路径要自定义的话,别忘了在环境变量里加下。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
绑定sdk.

flutter config --android-sdk D:\android\androidsdk

最后,同意android协议。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
然后 再检测下flutter运行环境,flutter doctor -v。

创建一个flutter项目。

  1. 打开新建flutter项目窗口。【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter

  2. flutterSDK路径选好后,下一步。【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter

  3. 最后填写完创建。
    【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter

模拟器运行 Flutter项目。

创建模拟器

首先根据 Android sdk创建模拟器。没下载的sdk可以直接点击下载。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
创建好后 ,打开模拟器。
打开后,在上面将会出现模拟器设备。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
如果没出现,flutter SDK没找到 Android Studio 或者 Android SDK,没同意安卓协议。配置见上文。

运行 项目

【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
点击运行按钮。
控制台如下:
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
如果控制台一直显示到 Running Gradle task ‘assembleDebug’… 这里。原因是国内连不到goole的仓库地址。
解决办法是:
找到项目的 build.grade文件。
【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
在红框位置 将 google() 和 mavenCentral() 替换成 阿里云的 maven镜像源。

maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }

【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter
至此大功告成。

【Flutter】使用Android Studio 创建第一个flutter应用。,Flutter,flutter

结语

结束了。文章来源地址https://www.toymoban.com/news/detail-694509.html

到了这里,关于【Flutter】使用Android Studio 创建第一个flutter应用。的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Flutter在Visual Studio Code上首次创建运行应用

    一、创建Flutter应用 1、前提条件     安装Visual Studio Code并配置好运行环境 2、开始创建Flutter应用 1)、打开Visual Studio Code 2)、打开  View Command Palette 。 3)、在搜索框中输入“flutter”,弹出内容如下图所示,选择“  Flutter: New Project ”,并点击Enter 4)、选择  Applocation ,并点击

    2024年02月04日
    浏览(51)
  • Android Studio快速实现Flutter应用的国际化和多语言支持

    在Flutter中实现国际化和多语言支持通常涉及以下步骤: 首先,你需要添加flutter_localizations依赖库到你的pubspec.yaml文件中。这个库包含了Flutter国际化所需的核心功能。 Android Studio菜单File-Settings-Plugins(直接搜索效率菜单效率更高) 安装Flutter Intl插件后重启Android Studio 插件安装

    2024年02月08日
    浏览(34)
  • android studio使用Flutter Inspector调试布局

    1、点击anroid studio右侧的Flutter Inspector按钮 2、点击展开布局右上角的‘Select Widget  Mode’,即可实现点击相关节点,真机上可以看到相关的方框 如下图  

    2024年02月13日
    浏览(39)
  • flutter开发实战-打包应用apk签名及Android studio没有generate signed bundle/apk问题修改

    flutter开发实战-打包应用apk签名及Android studio没有generate signed bundle/apk问题修改 最近使用flutter开发项目,需要将打包应用时候apk进行签名,我这边开发使用的是Android studio,发现在Android studio的build没有generate signed bundle/apk。这里记录一下问题修改,以及生产签名文件及gradle配置

    2024年02月08日
    浏览(54)
  • Android应用-flutter使用Positioned将控件定位到底部中间

    要将Positioned定位到屏幕底部中间的位置,你可以使用MediaQuery来获取屏幕的高度,然后设置Positioned的bottom属性和left或right属性,一般我们left和right都会设置一个值让控制置于合适的位置,那么如何使其位于底部中央? 以下是一个示例代码: 在这个例子中,Positioned包含一个具

    2024年02月03日
    浏览(48)
  • Android studio Flutter环境配置

    流程如下 1.前往下载网站下载所需的sdk flutter sdk下载地址 2.配置环境变量步骤 2.1:可以在用户变量中添加变量(有些时候我没有配置这两条变量也没问题) 2.2在用户环境变量的Path中添加flutter bin路径 3.cmd打开命令窗,运行flutter doctor 可查看flutter sdk 信息,可以看到配置到环境

    2024年02月17日
    浏览(44)
  • Android Studio Flutter 开发配置

    近来比较闲,就研究下Flutter 开发,在此记录下studio 配置过程,时间是2023.7.19 1.首先下载 Flutter SDKhttps://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.10.6-stable.zip 2.将压缩包解压,然后把其中的  flutter  目录整个放在你想放置 Flutter SDK 的路径中(例如 

    2024年02月16日
    浏览(41)
  • Android应用开发-Flutter的LongPressDraggable控件回调函数onDraggableCanceled使用

    以下是如何使用 onDraggableCanceled 的示例: velocity 参数表示拖动被取消时的速度信息。 offset 参数表示拖动被取消时的偏移量信息。 这个回调通常用于在拖动被取消时执行一些清理工作或展示一些反馈。例如,你可能想要将拖动对象返回到原始位置,或者显示一个提示,告诉用

    2024年03月08日
    浏览(42)
  • Android Studio(Flutter)常用快捷键

    快捷键 说明 Ctrl + Alt + M 抽取方法 Ctrl + Alt + W 抽取组件 Alt + Enter 包裹组件 Shift + F6 重命名 Ctrl + Alt + L 代码格式化 Ctrl + Alt + O 删除无用import Ctrl + X 删除光标所在行 Ctrl + D 复制一行代码 Ctrl + C 复制 Ctrl + V 粘贴 Ctrl + Z 撤销 Ctrl + / 注释一行代码 Ctrl + Shift + / 注释一段代码 Ctrl

    2024年02月02日
    浏览(46)
  • ubuntu 上安装flutter dart android studio

    因为国内网站不能使用 使用一下: vi ~/.bashrc 最后添加 export FLUTTER_STORAGE_BASE_URL=https://mirrors.cloud.tencent.com/flutter export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub export PATH=$PATH:/usr/local/go/bin export GOPROXY=https://proxy.golang.com.cn,direct flutter 安装: sudo snap install flutter --classic 查看

    2024年02月11日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包