Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shichunlei/fluttergank

Flutter学习 Gank.io
https://github.com/shichunlei/fluttergank

flutter gank-io

Last synced: 5 days ago
JSON representation

Flutter学习 Gank.io

Awesome Lists containing this project

README 

        
# FlutterGank



A new Flutter Gank application.



## Getting Started



This project is a starting point for a Flutter application.



A few resources to get you started if this is your first Flutter project:



- [Lab: Write your first Flutter app](https://flutter.io/docs/get-started/codelab)

- [Cookbook: Useful Flutter samples](https://flutter.io/docs/cookbook)



For help getting started with Flutter, view our 

[online documentation](https://flutter.io/docs), which offers tutorials, 

samples, guidance on mobile development, and a full API reference.



### 编译运行流程



1、配置好Flutter开发环境(目前Flutter SDK 版本 v1.0.0 的 Tag )，可参阅 [【搭建环境】](https://flutterchina.club)。



2、clone代码，执行`Packages get`安装第三方包。(因为某些不可抗力原因，国内可能需要设置代理: 

[代理环境变量](https://flutterchina.club/setup-windows/))



3、android studio、XCode、VScode、IDEA都可以



## 特别感谢



- API提供：[@代码家](https://github.com/daimajia)

- [干货集中营](http://gank.io/)



## 学习资料



- [Flutter官方地址](https://flutter.io/get-started/install/)

- [Flutter中文网](https://flutterchina.club/)

- [Dart Packages](https://pub.dartlang.org/)

- [掘金 Flutter](https://juejin.im/tag/Flutter?utm_source=flutterchina&utm_medium=word&utm_content=btn&utm_campaign=q3_website)

- [FlutterExamples](https://github.com/nisrulz/flutter-examples)

- [Flutter 社区中文资源](https://flutter-io.cn/)

- [阿里巴巴 flutter 开发者帮助 APP，包含 flutter 常用 140+ 组件的demo 演示与中文文档

](https://github.com/alibaba/flutter-go)

- ...



### 第三方框架



当前 Flutter SDK 版本 v1.0.0（这些第三方库我在项目中用到了部分，这里收集起来，共大家找起来方便）



库 | 功能

-------- | ---

**[dio](https://github.com/flutterchina/dio)**|**网络框架**

**[shared_preferences](https://github.com/flutter/plugins/tree/master/packages/shared_preferences)**|**本地数据缓存**

**fluttertoast**|**toast**

**flutter_redux**|**redux**

**[device_info](https://github.com/flutter/plugins/tree/master/packages/device_info)**|**设备信息**

**connectivity**|**网络链接**

**flutter_markdown**|**markdown解析**

**json_annotation**|**json模板**

**json_serializable**|**json模板**

**url_launcher**|**启动外部浏览器**

**iconfont**|**字库图标**

**share**|**系统分享**

**[flutter_spinkit](https://github.com/jogboms/flutter_spinkit)**|**加载框样式**

**[get_version](https://github.com/AppleEducate/get_version)**|**版本信息**

**[flutter_webview_plugin](https://github.com/fluttercommunity/flutter_webview_plugin)**|**全屏的webview**

**sqflite**|**数据库**

**flutter_statusbar**|**状态栏**

**flutter_svg**|**svg**

**[photo_view]()**|**图片预览**

**flutter_slidable**|**侧滑**

**[event_bus](https://github.com/marcojakob/dart-event-bus)**|**全局事件分发**

**[flutter_pulltorefresh](https://github.com/peng8350/flutter_pulltorefresh)**|**下拉刷新/上拉加载**



官方的Demo及各个Widget的效果在安装了Flutter SDK之后在  Flutter SDK安装目录/flutter/examples下，可以自己一一尝试。



### 截图



| ![1](https://github.com/shichunlei/FlutterGank/blob/master/Screenshot/Screenshot_2019-01-16-17-08-58-750_com.chingsoft..png) | ![2](https://github.com/shichunlei/FlutterGank/blob/master/Screenshot/Screenshot_2019-01-16-17-09-09-403_com.chingsoft..png) | ![3](https://github.com/shichunlei/FlutterGank/blob/master/Screenshot/Screenshot_2019-01-16-17-09-24-151_com.chingsoft..png) | ![4](https://github.com/shichunlei/FlutterGank/blob/master/Screenshot/Screenshot_2019-01-16-17-09-33-157_com.chingsoft..png) | ![5](https://github.com/shichunlei/FlutterGank/blob/master/Screenshot/Screenshot_2019-01-16-17-10-11-812_com.chingsoft..png) |![6](https://github.com/shichunlei/FlutterGank/blob/master/Screenshot/Screenshot_2019-01-16-17-09-42-784_com.chingsoft..png) |

| :--: | :--: | :--: | :--: | :--: | :--: |

| 每日干货 | 分类干货 | 个人中心 | 福利社区 | 闲读列表 | 历史干货 |