第二篇 編寫一個fluter應用

  • 一、創建 Flutter app
  • 二、使用外部包(package)
  • 1.pubspec文件管理Flutter應用程序的assets(資源，如圖片、package等)。 在pubspec.yaml中，將english_words（3.1.0或更高版本）添加到依賴項列表，如下面顯示的行： english_words: ^3.1.0

一、創建 Flutter app

1.新建一個fluter項目，命名為startup_namer
替換 lib/main.dart.刪除lib / main.dart中的所有代碼，然後替換為下面的代碼，它將在屏幕的中心顯示“Hello World”.

import 'package:flutter/material.dart';
//Material是一種標準的移動端和web端的視覺設計語言。 Flutter提供了一套豐富的Material widgets。
void main() =>  runApp(new MyApp());//main函數使用了(=>)符號, 這是Dart中單行函數或方法的簡寫。
class MyApp extends StatelessWidget {//該應用程序繼承了 StatelessWidget，這將會使應用本身也成為一個widget
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      home: new Scaffold(//Scaffold 是 Material library 中提供的一個widget, 它提供了默認的導航欄、標題和包含主屏幕widget樹的body屬性。widget樹可以很複雜。
        appBar: new AppBar(
          title: new Text('Welcome to Flutter'),
        ),
        body: new Center(
          child: new Text('Heo World'),
        ),
      ),
    );
  }
}

代碼縮進，選中代碼然後選擇 Reformat Code with dartfmt.

二、使用外部包(package)

1.pubspec文件管理Flutter應用程序的assets(資源，如圖片、package等)。 在pubspec.yaml中，將english_words（3.1.0或更高版本）添加到依賴項列表，如下面顯示的行： english_words: ^3.1.0

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.0
  english_words: ^3.1.0

在當前編輯器裏點擊pub get下載包

然後在terminal終端輸入

flutter run --no-sound-null-safety
flutter build apk --no-sound-null-safety

python 桌面應用 flutter_flutter

然後右擊main.dart ，點擊modify run configuration

python 桌面應用 flutter_python 桌面應用 flutter_02

python 桌面應用 flutter_#flutter_03

python 桌面應用 flutter_#flutter_04