flutter 学习日记

学习目标：

flutter 学习日记

---

学习内容：

1、 掌握dart基本语法，与dart关键语法 2、 掌握 hello flutter的编写

---

---

前言

目前移动端ios与安卓端适配问题一直是困扰移动端开发人员的一大难题，flutter框架作为谷歌新出的移动框架，较好的解决了ios与安卓端适配问题。

---

一、flutter是什么？

fullter是谷歌为适配移动端所采用的ui库。

二、使用步骤

1.安装flutter

如下：
安装flutter-sdk，访问https://flutter.dev/docs/get-started/install

安装完成后，配置flutter 环境变量，将flutter\bin与flutter\bin\cache\dart-sdk\bin 添加到环境变量

运行

flutter doctor

2.基本dart语法

dart基本语法与大部分语法类似，关键语法如下：

main(List<String> args) {
  String name;
} 
// main 函数作为dart函数主入口，程序将在main函数进行执行;
// dart里无法将非nullable 的值赋值为 null 所以你不可以这样书写你的代码:
class Mydata {
  String name; 
}
// 你可以这样书写你的代码:
class Mydata {
  String name;
  Mydata(this.name); //这里给了类一个默认构造方法，即你的变量不为null;
}
// 或者你可以这样书写你的代码:
class Mydata {
  String? name; // 这代表着如若你的变量为null值，那么类型就会成为nullable
}
// 或者你可以这样书写你的代码:
class Mydata {
  late String name; // 这意味你将在接下来赋予变量值
}

// 那对于一些，不是必传的参数呢？

class Mydata {
  String name;
  int age;
  Mydata(this.name, {this.age: 18});
  // 大括号内代表可选参数，即可以通过键值对形式进行赋值，例如: age: 20，即赋值后，age将会变成20，如果不赋值，默认为18
}

main(List<String> args) {
  var data = Mydata("王", age: 20);
  print("age: ${data.age}, name: ${data.name}");// dart中使用${}形式将变量与字符串进行拼接
}
// 打印信息:age: 20, name: 王

---

3.hello， flutter

一个最基本的案例，hello flutter

import 'package:flutter/material.dart';

main() {
  runApp(MyApp()); //flutter 入口
  
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeContent(), // 创建一个基本骨架
    );
  }
}


class HomeContent extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("hello, flutter",)),
      body: Center(child: Text("Hello, flutter")),
      //使用脚手架创建基本界面并打印hello， flutter
    );
  }
}

---