在Android studio里写一个Flutter程序

在Android studio里写一个Flutter程序

前言

新建一个Flutter工程,选择Flutter Application
在这里插入图片描述
选择Flutter 同时配置Flutter sdk路径

在这里插入图片描述

next
在Project location填写工程放置的目录
在Description中填写项目描述
在这里插入图片描述
finish 开始创建第一个工程,等待几分钟
在这里插入图片描述
工程创建好后,找到main.dart 运行一下官方创建的示例,看一看运行效果
在这里插入图片描述

选择一个设备在这里插入图片描述
运行
等待几秒钟
在这里插入图片描述

Hello World代码粘贴至main.dart文件

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Welcome to Flutter',
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Welcome to Flutter'),
        ),
        body: new Center(
          child: new Text('Hello World'),
        ),
      ),
    );
  }
}

重新运行此程序,标题栏显示Welcome to Flutter,页面中间显示HelloWorld。
在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:护眼 设计师:闪电赇1 返回首页
评论 4

打赏作者

阿大豆

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值