Flutter-Pokelib
大家好,我正在学习Flutter,有将近两个月的经验。我编写了一个简单的Pokedex手机应用。该应用包含了用于状态管理的Provider、自定义路由、
使用调色板生成器查找主色调、
向API发送请求并获取API响应。
让我们看看我的应用程序是如何运行的?
首先,当您打开应用程序时,您将看到启动页。在启动页,我正在检查您的手机是否已开启Wi-Fi或移动数据,如果已开启,我将通过互联网地址查找函数检查您的网络连接。如果互联网地址查找函数成功,将向“https://raw.githubusercontent.com/Biuni/PokemonGO-Pokedex/master/pokedex.json”发送请求以获取宝可梦数据。如果宝可梦数据不为空,则路由到主屏幕。在主屏幕,我使用了listview.builder来列出宝可梦,并使用文本框来搜索宝可梦列表。列表实际上正在监听宝可梦视图列表。如果列表因搜索操作而更改,listview.builder将刷新。每个listview.builder项都有宝可梦图片的占位主色调。当您点击项时,将路由到详细信息屏幕。在详细信息屏幕,您可以看到宝可梦的详细信息。
截图
| 启动屏幕 | 主屏幕 | 详情页面 |
|---|---|---|
![]() |
![]() |
![]() |
| 主屏幕搜索 | 错误屏幕 | |
![]() |
![]() |
感谢阅读




