当前位置: 首页 > news >正文

Android Studio中配置Flutter插件,创建小项目“hello world”

文章目录

  • 一、下载Flutter SDK
  • 二、Android studio中安装Flutter插件
  • 三、创建Flutter小项目

一、下载Flutter SDK

打开官网https://flutter.io/setup-windows/下载Flutter sdk并解压到一目录
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、Android studio中安装Flutter插件

Android studio中安装Flutter插件,File - Settins - Plugins -查找到Flutter - install,在安装Flutter插件时会自动提示下载Dart插件,只要同意即可,重启as后再次查看会显示如图所示效果:
在这里插入图片描述
在这里插入图片描述

图中标红代表Dart插件安装完成
在这里插入图片描述
在这里插入图片描述

配置FlutterDart路径
Android Studio中打开设置,在Languages & Frameworks中可以看到多了FlutterDart两个选项,按照下图配置自己的 FlutterDart路径即可:

三、创建Flutter小项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
提供简化的代码:

import 'package:flutter/material.dart';void main() {return runApp(const Root());
}class Root extends StatelessWidget {const Root({Key? key}) : super(key: key);@overrideWidget build(BuildContext context) {return MaterialApp(title: "daylight",home: Scaffold(appBar: AppBar(title: const Text("daylight")),body: const Center(child: Text("hello world"),),),);}
}

运行程序效果,如下图:

http://www.lryc.cn/news/259047.html

相关文章:

  • BabylonJS(一) 前言-为什么想写这个系列
  • 论文阅读_反思模型_Reflexion
  • Redis 数据结构:高频面试题及解析
  • 蓝桥杯小白赛第一场(1~6)(期望DP)
  • 房贷背后数学陷阱-蒙特卡洛算法Monte Carlo揭秘断供为何越来越多(硬核收藏)
  • spingboot项目实战之若依框架创建新模块
  • 智能优化算法应用:基于飞蛾扑火算法3D无线传感器网络(WSN)覆盖优化 - 附代码
  • 3分钟,掌握“曲面屏显示屏”
  • 光栅化渲染:光栅化算法实现
  • Python-Opencv图像处理的小坑
  • [LCTF 2018]bestphp‘s revenge
  • HTML中常用表单元素使用(详解!)
  • 掌握C++模板的艺术:类型参数、默认值和自动推导
  • Unity_使用FairyGUI搭建登录页面
  • 百岁时代即将来临,原知因成为消费新潮流
  • 16:00的面试,16:07就出来了,问的问题过于变态了。。。
  • VUE宝典之el-dialog使用
  • Cocos Creator:坐标系
  • logback日志框架使用
  • 【八】python装饰器模式
  • Unity-小工具-LookAt
  • TCP实现一对一聊天
  • 全面高压化与全面超快充,破解新能源汽车的时代难题
  • 02 CSS基础入门
  • MyBatis框架中的5种设计模式总结
  • ffmpeg相关命令
  • 锂电3V升12V1A升压芯片WT3209
  • Unity 置顶OpenFileDialog文件选择框
  • oomall课堂笔记
  • Qt6.5类库实例大全:QFrame