• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Flutter与Dart学习之路之vscode建一个flutter的简单demo

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

Flutter与Dart学习之路之vscode建一个flutter的简单demo

效果展示

  • 截图

项目实现流程

打开虚拟机

  • 点击 no device
  • 选择虚拟机(如果没有的需要去下载先,不过在安装flutter环境的时候大家应该都有下载好了,用flutter doctor查看一下)

创建项目

  • 在命令行下,到达自己选择的工作空间输入以下指令(第一次可能有点久)
    • flutter create demo 
      
  • 完成后显示如下

  • 打开main.dart 一开始也是可以运行的,是一个官方提供的计数器,我们全部删除,改为如下,方便理解
    main.dart
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget{
  @override

  Widget build(BuildContext context){
    return MaterialApp(
     
      title:'电影海报示例',
      home:Scaffold(
         appBar: new AppBar(
        title:Text('电影海报实例 appBar')
      ),
        body: Text(
           '电影海报'
        ),
      )
    );

  }


}


  • 命令行运行 flutter run (记得先打开虚拟机,不然会报错)
    效果图

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap