Flutter學習之路---------第一個Flutter項目

Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。

Flutter可以與現有的代碼一起工作。在全世界，Flutter正在被越來越多的開發者和組織使用，並且Flutter是完全免費、開源的。

 

Flutter中文網 （有安裝和搭建Flutter的教程）

https://flutterchina.club

 

安裝 Flutter 和 Dart 插件

啟動 Android Studio，搜索 Flutter 插件並單擊 install，系統提示您安裝 Dart 插件，點擊 Yes 安裝即可。

第一個項目

Android Studio - File - New - New Flutter Project，等待創建成功后，運行效果如下：

 

 

 

在這個示例中，你將主要編輯Dart代碼所在的 lib/main.dart 文件,

 

替換 lib/main.dart.
刪除lib / main.dart中的所有代碼，然后替換為下面的代碼，它將在屏幕的中心顯示“Hello World”.

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'),
        ),
      ),
    );
  }
}

 

運行效果圖：