在这一章中，我们将通过一系列具体的示例来深入学习 Flutter 的使用。这些示例覆盖了从基础到进阶的内容，旨在帮助读者全面掌握 Flutter 的开发技巧。
基础示例
示例 1: Hello World 应用
在这个简单的示例中，我们将创建一个最基础的 Flutter 应用程序，它仅显示 "Hello, World!" 文本。这将帮助初学者熟悉 Flutter 的基本结构和文件布局。
-- -------------------- ---- -------
------ --------------------------------
---- ------ -
----------------
-
----- ----- ------- --------------- -
---------
------ ------------------ -------- -
------ ------------
------ ------ -------
----- ---------
------- -------
------ ----------- --------
--
----- -------
------ ------------ ---------
--
--
--
-
-示例 2: 布局与样式
我们将展示如何使用不同的布局组件（如 Row、Column 和 Stack）以及如何为文本和其他小部件应用样式。
-- -------------------- ---- -------
------ --------------------------------
---- ------ -
----------------
-
----- ----- ------- --------------- -
---------
------ ------------------ -------- -
------ ------------
------ ------- - ---------
----- ---------
------- -------
------ ------------ - ----------
--
----- ----------
-------- ---------------------
----------- --------------
------ ------------
------------- ---------------------------
--
------ -------
------------------ -------------------------
--------- -
-----
-------- -- ---------
------ ---------------- ------------- --------- ----
--
---------------- ----
----
------------------ ------------------------------
--------- -
-------------------- ------ ------------
---------------- ------ --------------
------------------ ------ --------------
--
--
--
--
--
--
--
-
-进阶示例
示例 3: 状态管理
我们将探讨如何在 Flutter 中管理状态，并介绍 StatefulWidget 及其生命周期方法。
-- -------------------- ---- -------
------ --------------------------------
---- ------ -
----------------
-
----- ----- ------- --------------- -
---------
------ ------------------ -------- -
------ ------------
------ ------ ------------
----- ----------------
--
-
-
----- ------------- ------- -------------- -
---------
------------------- ------------- -- ----------------------
-
----- ------------------- ------- -------------------- -
--- -------- - --
---- ------------------- -
----------- -
-----------
---
-
---------
------ ------------------ -------- -
------ ---------
------- -------
------ ----------- -------------
--
----- -------
------ -------
------------------ -------------------------
--------- ---------
-----
---- ---- ------ --- ------ ---- ---- --------
--
-----
------------
------ --------------------------------------
--
--
--
--
--------------------- ---------------------
---------- ------------------
-------- ------------
------ ----------------
--
--
-
-示例 4: 网络请求与数据处理
这个示例展示了如何从网络获取数据，并将其展示在 Flutter 应用中。我们将使用 http 包来发送 HTTP 请求，并使用 FutureBuilder 来处理异步操作。
-- -------------------- ---- -------
------ ---------------
------ --------------------------------
------ ------------------------ -- -----
---- ------ -
----------------
-
----- ----- ------- --------------- -
---------
------ ------------------ -------- -
------ ------------
------ -------- ----------
------ ----------
-------------- ------------
--
----- ----------------
--
-
-
----- ------------- ------- -------------- -
---------
------------------- ------------- -- ----------------------
-
----- ------------------- ------- -------------------- -
------------- -------
---- -------- - -----
------------ ------------- ----- -
----- -------- - ----- ------------------------------------------------------------------
-- -------------------- -- ---- -
----------- -
------ - ---------------------------
-------- - ------
---
- ---- -
----- ----------------- -- ---- --------
-
-
---------
---- ----------- -
------------------
--------------
-
---------
------ ------------------ -------- -
------ ---------
------- -------
------ ------------- -----------
--
----- --------
- ------------- ----------------------------
- -----------------
---------- --------------
------------ --------- ------ -
------ ---------
------ -----------------------------
--------- ----------------------------
--
--
--
--
-
-实战项目示例
示例 5: 构建一个天气应用
在这个实战项目示例中，我们将构建一个简单的天气应用，该应用能够显示当前地点的天气信息。我们将使用 http 包进行网络请求，并使用 ListView 来展示天气数据。
-- -------------------- ---- -------
------ ---------------
------ --------------------------------
------ ------------------------ -- -----
---- ------ -
----------------
-
----- ----- ------- --------------- -
---------
------ ------------------ -------- -
------ ------------
------ -------- -----
------ ----------
-------------- ------------
--
----- ----------------
--
-
-
----- ------------- ------- -------------- -
---------
------------------- ------------- -- ----------------------
-
----- ------------------- ------- -------------------- -
---------------- --------- -------------
---- -------- - -----
------------ ------------------------ --------- ----- -
----- ------ - --------------- -- ------- --- ---
----- -------- - ----- -------------------------------------------------------------------------------------------------
-- -------------------- -- ---- -
----------- -
------------ - -----------------------------
-------- - ------
---
- ---- -
----- ----------------- -- ---- ------- -------
-
-
---------
---- ----------- -
------------------
----------------------------- -- -------------
-
---------
------ ------------------ -------- -
------ ---------
------- -------
------ ------------- ------
--
----- --------
- ------------- ----------------------------
- -----------------
---------- --------------------
------------ --------- ------ -
------ -----
------ --------
-------- ----- ---------------------
------ -------
------------------- -------------------------
--------- -
-----
------------------------------- - -----------------------------------------------------
------ ------------------- ----
--
---------------- ----
----
--------- -
---------------------
--------------- ---
-------------------------------------------------
--
--
--
--
--
--
--
--
--
-
-以上示例覆盖了 Flutter 开发中的许多关键概念和技术，希望对你的学习有所帮助！