Flutter: API

[hhstore]

related:

• Flutter: Index #202
• Flutter: Create and run a simple Flutter app #204

[hhstore]

flutter API:

• 万物皆为widgets .

1. UI 层:

1.1 widgets:

• https://flutter.cn/docs/development/ui/layout#material-widgets
• widget 目录列表: https://flutter.cn/docs/development/ui/widgets

标准 widgets

• Container：向 widget 增加 padding、margins、borders、background color 或者其他的“装饰”。
• GridView：将 widget 展示为一个可滚动的网格。
• ListView：将 widget 展示为一个可滚动的列表。
• Stack：将 widget 覆盖在另一个的上面。

Material widgets

• Card：将相关信息整理到一个有圆角和阴影的盒子中。
• ListTile：将最多三行的文本、可选的导语以及后面的图标组织在一行中。

1.2 UI 布局:

• https://flutter.cn/docs/development/ui/layout
• 很简洁

创建布局:

• https://flutter.cn/docs/development/ui/layout/tutorial
• 非常通俗, 解释了 布局 的 图形分解步骤.

布局原则:

• https://flutter.cn/docs/development/ui/layout/constraints
• 与 HTML 规则不同.

原则:

• 首先，上层 widget 向下层 widget 传递约束条件；
• 然后，下层 widget 向上层 widget 传递大小信息。
• 最后，上层 widget 决定下层 widget 的位置。

1.3 添加资源和图片:

• https://flutter.cn/docs/development/ui/assets-and-images

1.4 路由和导航:

• https://flutter.cn/docs/development/ui/navigation

[hhstore]

2. 数据层:

2.1 数据状态:

• https://flutter.cn/docs/development/data-and-backend/state-mgmt/intro
• https://flutter.cn/docs/development/data-and-backend/state-mgmt/options

状态框架:

• Redux: (react)
• BLoC/Rx
• MobX

2.2 HTTP 请求:

• https://flutter.cn/docs/development/data-and-backend/networking

2.3 Json 序列化:

• https://flutter.cn/docs/development/data-and-backend/json

[hhstore]

3. 国际化

• https://flutter.cn/docs/development/accessibility-and-localization/internationalization
• i18n

4. 双端代码:

• https://flutter.cn/docs/development/platform-integration/platform-channels
• 调用 iOS 和 Android 代码

5. 包管理:

• https://flutter.cn/docs/development/packages-and-plugins/using-packages

[hhstore]

1

[hhstore]

1

[hhstore]

1

[hhstore]

xxxxxx:

xxxxxxxxxxxxxx	xxxxxxxxxxxxxx	xxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx