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

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
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值