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

一、下载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);

  @override
  Widget build(BuildContext context) {
   
    return MaterialApp(
      title: "daylight",
      home: Scaffold(
        appBar: AppBar(title: const Text("daylight")),
        body: const Center(
          child: Text("hello world"),
        ),
      ),
    );
  }
}

运行程序效果,如下图:

相关推荐

  1. flutter项目使用自己做的flutter

    2023-12-14 09:36:01       25 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-14 09:36:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-14 09:36:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-14 09:36:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-14 09:36:01       20 阅读

热门阅读

  1. mysql 当前时间加3个工作日

    2023-12-14 09:36:01       40 阅读
  2. Hive的几种排序方式、区别,使用场景

    2023-12-14 09:36:01       30 阅读
  3. 【Python基础】迭代器

    2023-12-14 09:36:01       30 阅读
  4. 哪些数据适合放入缓存?

    2023-12-14 09:36:01       33 阅读
  5. 子组件调用父组件的方法

    2023-12-14 09:36:01       42 阅读
  6. ElasticSearch之cat templates API

    2023-12-14 09:36:01       41 阅读
  7. prim算法求最小生成树

    2023-12-14 09:36:01       33 阅读
  8. QEMU源码全解析 —— virtio(6)

    2023-12-14 09:36:01       47 阅读
  9. Android WebView 响应缓存 笔记

    2023-12-14 09:36:01       44 阅读