一个 Demo 入门 Flutter
内容提要
Flutter 是 Google 开发的移动端框架，最近发布了 1.0 正式版。本文通过一个 Demo 介绍了 Flutter 的布局和状态管理，展示了如何获取豆瓣 Top 250 电影并实现收藏功能。文章详细讲解了目录结构、BLoC 模式、数据接口设置、布局实现及加载更多功能，最后接入真实 API。
延伸解读
BLoC 模式：业务逻辑与 UI 解耦
文章使用 BLoC 模式管理状态，将业务逻辑从 UI 中分离。BLoC 是纯 Dart 类，通过 Stream 向 Widget 提供数据。Widget 使用 StreamBuilder 监听数据流，自动重建界面。这种设计便于单元测试，也避免了 setState 的繁琐。对于复杂应用，BLoC 能有效组织代码，但需注意 Stream 的订阅与释放。
自定义 GridView 布局与加载更多
首页使用 GridView 展示电影列表，由于每行 item 样式不同，作者自定义了 SliverGridDelegate 和 SliverGridLayout 来控制布局。加载更多通过判断 item 的 index 触发，当 BLoC 收到最后一个 index 时请求新数据并合并。这种方式不同于 iOS 的滚动到底部检测，更贴合 Flutter 的构建机制。
Notification 机制处理收藏状态更新
收藏功能需要更新 item 颜色并可能影响其他组件。作者没有直接更新整个列表，而是为每个 item 配备独立的 bloc 保存状态。当收藏发生时，bloc 向上抛出 Notification，外层 NotificationListener 接收后协调其他 bloc 更新。这种机制避免了 UI 与业务逻辑的耦合，且通知只在 widget 上层路径中传递，防止泛滥。
详情页布局：CustomScrollView 与 Sliver 组件
详情页包含海报、概要、影人列表和点评列表。作者尝试 NestedScrollView 后遇到 TabbarView 滚动偏移问题，最终选用 CustomScrollView。通过 SliverAppBar 实现顶部海报效果，普通 Widget 需用 SliverToBoxAdapter 包裹才能放入 slivers。Tabbar 需吸顶，因此用 SliverPersistentHeader 包裹。这种布局方式灵活但需熟悉 Sliver 体系。
Q&A
Flutter 的主要功能是什么？
Flutter 是一个移动端开发框架，主要用于构建高性能的应用程序，支持布局和状态管理。
如何在 Flutter 中实现状态管理？
Flutter 使用 BLoC 模式来管理状态，BLoC 负责业务逻辑，与 UI 解耦，便于状态管理。
如何获取豆瓣 Top 250 电影数据？
通过设置数据接口，使用 HttpClient 接入真实 API 获取豆瓣电影数据，并转换为模型。
Flutter 的布局方式有哪些？
Flutter 提供 ListView 和 GridView 等布局方式，支持自定义布局和加载更多功能。
如何实现收藏功能？
收藏功能通过 Notification 机制处理状态更新，避免 UI 和业务逻辑耦合。
Flutter 的声明式编程有什么优势？
Flutter 的声明式编程方式使得 GUI 开发更加自然和方便，适合快速开发。
