Flutter的菜鸟教程一:第一个Flutter应用

Flutter 同时被 2 个专栏收录
27 篇文章 6 订阅
27 篇文章 73 订阅

2019/1/3留(别再问了昂,之前忘了发出来):

Flutter SDK 官网
Dart 官网

Flutter是什么?

跨平台(Android/ios)构建移动应用程序的简单高效方式

Flutter核心只有一层轻量的C/C++代码,而上层使用了Dart语言(一种现代的、简洁的、面向对象的语言-ps:我没学直接当java来用了。。。),

更多了解Flutter可以去官网,包括安装Flutter的开发环境,为什么不从安装开发环境开始?我在学习Flutter的过程中发现只要baidu输入Flutter大部分都是安装开发环境,这里就不再赘述了,什么?开发环境都装不好?

本文开发环境windows 10/Android studio 3.2

Flutter是一款移动应用程序SDK,包含框架、widget和工具,在Flutter中,大多数东西都是widget,我们就从widget开始学起,一个最简单的Flutter应用程序只需要一个widget即可


import 'package:flutter/material.dart';

void main() {
  //runApp接受的widget将成为widget树的根(ps:相当于顶层容器)
  runApp(
    //此处的Center和Text是两个widget,显示效果就是一个Hello, Flutter!在屏幕中央
    new Center(
      child: new Text(
        'Hello, Flutter!',
        textDirection: TextDirection.ltr,
      ),
    ),
  );
}

但是注意我们需要将 pubspec.yaml中的uses-material-design置为true,
uses-material-design: true

Flutter提供了一套丰富的Material widgets我们就可以使用了导包
import ‘package:flutter/material.dart’;
运行:
这里写图片描述

  • 9
    点赞
  • 3
    评论
  • 21
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值