Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/phoenixsky/fun_android_flutter

👿👿👿👿👿玩Android客户端Flutter版本。Provider的最佳实践.DarkMode、多色彩主题、国际化、切换字体、优美动画
https://github.com/phoenixsky/fun_android_flutter

flutter provider wanandroid

Last synced: 7 days ago
JSON representation

👿👿👿👿👿玩Android客户端Flutter版本。Provider的最佳实践.DarkMode、多色彩主题、国际化、切换字体、优美动画

Awesome Lists containing this project

README 

        



Language: [English](https://github.com/phoenixsky/fun_android_flutter/blob/master/README-EN.md) | [中文简体](https://github.com/phoenixsky/fun_android_flutter/blob/master/README.md)



![logo,灵感来自2dimensions是个蓝色的F，自己挺喜欢，就down了下来，后来又翻了好久也没找到作者，如果侵权请联系我](https://upload-images.jianshu.io/upload_images/581515-f3a4b2e4392e63bf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/200) 



> Big F, it's `Fun`, also it means `Flutter`.



`FunAndroid` is a  production project , Provider's best practices with MVVM



# ScreenShot



| ![splash.gif](https://upload-images.jianshu.io/upload_images/581515-1e3e9fe19d44adca.gif?imageMogr2/auto-orient/strip) | ![首页空中楼阁](https://upload-images.jianshu.io/upload_images/581515-2f68e3fc18a3161e.gif?imageMogr2/auto-orient/strip) | ![tab概览_1080-50-128.gif](https://upload-images.jianshu.io/upload_images/581515-be91ba09c020f594.gif?imageMogr2/auto-orient/strip) |

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

| ![页面不同状态展示.gif](https://upload-images.jianshu.io/upload_images/581515-81e45c5a72fd6b83.gif?imageMogr2/auto-orient/strip) | ![搜索.gif](https://upload-images.jianshu.io/upload_images/581515-00f7b2f89cf141a1.gif?imageMogr2/auto-orient/strip) | ![收藏-50.gif](https://upload-images.jianshu.io/upload_images/581515-5c5e9b7219100c26.gif?imageMogr2/auto-orient/strip) |

| ![登录页展示.gif](https://upload-images.jianshu.io/upload_images/581515-9d83d6940c9a57ed.gif?imageMogr2/auto-orient/strip) | ![收藏列表到登录.gif](https://upload-images.jianshu.io/upload_images/581515-15084c89cc5a55f2.gif?imageMogr2/auto-orient/strip) | ![主题切换-1080-75-256.gif](https://upload-images.jianshu.io/upload_images/581515-348b013cc8a52621.gif?imageMogr2/auto-orient/strip) |



# Home Page



> [https://github.com/phoenixsky/fun_android_flutter](https://github.com/phoenixsky/fun_android_flutter)



# Download page 



# 下载地址

    

 > [download page](https://www.pgyer.com/Ki0F)

   

  ![](https://www.pgyer.com/app/qrcode/Ki0F)



# Environment :

  * Flutter SDK (Channel dev, v1.10.3)



# Update



## 2019-08-28



- add WebViewPlugin switcher in Setting Page

- My favourite list can refresh after the unlike in the detail page



## 2019-08-26 



- update favourite animation with Hero and Route . (hiding original hero after hero transition.见[pr-37341](https://github.com/flutter/flutter/pull/37341))



  ![Hero-收藏-25-64.gif](https://upload-images.jianshu.io/upload_images/581515-c95bf682c308bd40.gif?imageMogr2/auto-orient/strip)



# Provider MVVM Best Practices



- Quickly add a page with pull-down refresh and pull up to load more pages. For example

  1. Model

     ![Api](https://upload-images.jianshu.io/upload_images/581515-f60f2fceef71b2cc.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

  2. ViewModel

     ![-w494](https://upload-images.jianshu.io/upload_images/581515-3ab778bafeb3b5b7.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

  3. View

     ![-w637](https://upload-images.jianshu.io/upload_images/581515-1aa9bd76f0e6f600.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)



> `model.viewState == ViewState.busy`  is better way ,but `isBusy` easy to write



# What can you find here?？



1. Provider 

   1. When and Where init data

   2. how to be with ViewState(`loading`、`error`、`empty`、`idle`、`unAuthorized`)。

   3. use together  with `pull to refresh`

2. Clear Structure。

3. Drop setState, Partial Rerefresh with  XxxBuilder

4. App base module

   1. Theme

   2. DarkMode

   3. Switch Font 

   4. Skeleton 

   5. i18n

   6. Dio with Cookjar，use cookie login



# To-Do



1. homepage  second floor can't navigate

2. Sign in Hero animation shift

3. Sign out add animation



# Bug



1. webview_flutter](https://pub.dev/packages/webview_flutter)  some url can't navigate

2. [webview_flutter](https://pub.dev/packages/webview_flutter)  in `CustomScrollView` can't scroll ,[issue](https://github.com/flutter/flutter/issues/31243#issuecomment-521564216) 。

3. anti-aliasing when same-colour blocks in SignIn Page。见[issue](https://github.com/flutter/flutter/issues/14288) 。



# Thanks



1. [V2Lf](https://github.com/w4mxl/V2LF) ，made me like flutter

2. `goweii`[WanAndroid](https://github.com/goweii/WanAndroid)

3. [Tutorials](https://github.com/FilledStacks/flutter-tutorials),Video tutorial on youtube

4. [pull_to_refresh](https://pub.dev/packages/pull_to_refresh)

5. ZCOOL Font

6. [WanAndroid](https://www.wanandroid.com/blog/show/2) provide Api



# About Me



- [Github](https://github.com/phoenixsky)

- [Blog](http://blog.phoenixsky.cn/)

- [简书](https://www.jianshu.com/u/145e6297cb26)

- Email: [email protected]



# License



Copyright 2019 phoenixsky



Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at



http://www.apache.org/licenses/LICENSE-2.0



Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.