修改Readme以及增加部分预览图

Author: CoderMikeHe

README.md

@@ -1,16 +1,50 @@
 # flutter_wechat
 
-A new Flutter project.
+<img src="snapshots/logo.png"/>
+
+### 一、概述
+- 利用`Flutter` 来构建和模仿`微信7.0.0+ App`，且都是按照`原生微信App`页面，来开发和模仿滴，从而达到与原生app相近的视觉效果。
+
+- 笔者于**2019年08月**入坑`Flutter`开发学习，纯属小白一枚，此项目初衷还是想通过项目实践新技术，在业务实践中发现问题，从而积累技术经验，源码中有详细的注释，以及发现问题和解决问题的思路。
+
+- 笔者希望初学者通过学习和实践这个项目，能够打开学习`Flutter`的大门。当然同时也是抛砖引玉，取长补短，希望能够提供一点思路，少走一些弯路，填补一些细坑，在帮助他人的过程中，收获分享技术的乐趣。
+
+---
+
+### 二、使用
+- 项目运行
+   
+	```
+	flutter packages get    // 项目初始化插件       
+	flutter run             // 项目运行
+	```
+- **使用注意**   
+  * 还请优先使用`iPhone 7/8 Plus`的模拟器或真机，来运行整个项目. 根本原因：目前可能部分界面还未做完屏幕适配，以及笔者生前是一名`iOS开发`且用的是`iPhone 7 Plus`手机。
+  
+  * 登陆和注册：目前只支持`QQ账号`和`手机号`的登录或注册（PS：后期增加`微信号和QQ邮箱`登陆），且必须保证`QQ`或`手机号`的有效性。`密码`或者`验证码`可以随便输入，但必须是：`密码`长度需要保证在`8~16`位，`手机验证码`必须保证是`6位有效数字`
+
+---
+
+### 三、期待
+- 如果在使用过程中遇到BUG，希望你能Issues我，谢谢（或者尝试下载最新的代码看看BUG修复没有）。
+- 如果在使用过程中有任何地方不理解，希望你能Issues我，我非常乐意促使项目的理解和使用，谢谢。
+- 如果通过该工程的使用和说明文档的阅读，对你在平时开发中有帮助，码字不易，还请点击右上角`Star`或`Fork`按钮，谢谢。
+- 简书地址：<http://www.jianshu.com/u/126498da7523>
+
+---
+
+### 四、文档
+
+
+### 五、预览
+
+###### 5.1 通讯录模块
+
+![](./snapshots/contacts/contacts_page_0.png) | ![](./snapshots/contacts/contacts_page_1.png) | ![](./snapshots/contacts/contacts_page_2.png) 
+:-: | :-: | :-:
+
 
-## 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.dev/docs/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
 
-For help getting started with Flutter, view our
-[online documentation](https://flutter.dev/docs), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.

ios/Podfile.lock

@@ -24,7 +24,7 @@ DEPENDENCIES:
   - webview_flutter (from `.symlinks/plugins/webview_flutter/ios`)
 
 SPEC REPOS:
-  https://github.com/CocoaPods/Specs.git:
+  https://github.com/cocoapods/specs.git:
     - FMDB
 
 EXTERNAL SOURCES:
@@ -47,9 +47,9 @@ SPEC CHECKSUMS:
   package_info: 48b108e75b8802c2d5e126f208ef540561c98aef
   path_provider: fb74bd0465e96b594bb3b5088ee4a4e7bb1f2a9d
   shared_preferences: 430726339841afefe5142b9c1f50cb6bd7793e01
-  sqflite: ff1d9da63c06588cc8d1faf7256d741f16989d5a
+  sqflite: 4001a31ff81d210346b500c55b17f4d6c7589dd0
   webview_flutter: db3aba222b23e4dc432e0c5882834123dc50ff9f
 
 PODFILE CHECKSUM: 545ae53bd1d0bdac26cae6ddb8a02d47a0916981
 
-COCOAPODS: 1.8.4
+COCOAPODS: 1.7.3

lib/views/contacts/contacts_page.dart

@@ -86,7 +86,6 @@ class _ContactsPageState extends State<ContactsPage> {
   // 监听事件
   void _handleSlideAnimationChanged(Animation<double> slideAnimation) {}
   void _handleSlideIsOpenChanged(bool isOpen) {
-    print('handleSlideIsOpenChanged $isOpen');
     setState(() {
       _slideIsOpen = isOpen;
     });
@@ -121,16 +120,20 @@ class _ContactsPageState extends State<ContactsPage> {
     // 容错处理
     if (!_slideIsOpen) return;
 
-    final cxts = _slidableCxtMap.values.toList();
-    final len = cxts.length;
-    for (var i = 0; i < len; i++) {
-      final value = cxts[i];
-      if (Slidable.of(value)?.renderingMode != SlidableRenderingMode.none) {
-        // 关掉上一个
-        Slidable.of(value)?.close();
-        return;
-      }
-    }
+    // 方案三：
+    _slidableController.activeState?.close();
+
+    // 方案二：
+    // final cxts = _slidableCxtMap.values.toList();
+    // final len = cxts.length;
+    // for (var i = 0; i < len; i++) {
+    //   final value = cxts[i];
+    //   if (Slidable.of(value)?.renderingMode != SlidableRenderingMode.none) {
+    //     // 关掉上一个
+    //     Slidable.of(value)?.close();
+    //     return;
+    //   }
+    // }
   }
 
   /// 构建头部
@@ -235,12 +238,16 @@ class _ContactsPageState extends State<ContactsPage> {
                     // 细节：这里由于 SlideActionType.primary 对应 actions 为空，所以虽然看似展开空，目的就是关闭 上一个打开的 secondary action
                     // Slidable.of(cxt)?.open(actionType: SlideActionType.primary);
                     // 上面的虽然打开了一个空的 但是系统还是会认为是 打开的 也就是 _slideIsOpen = true
-                    // 手动设置为true
+                    // 手动设置为false
                     // _slideIsOpen = false;
 
                     // 方案二： 每次生成一个 cell ,就用 Map[key] = cxt 记录起来，特别注意，这里用Map 而不是 List or Set
                     // 关闭上一个侧滑
                     _closeSlidable();
+
+                    // 方案三： 直接拿这个activaState 注：已经封装到了 _closeSlidable
+                    // _slidableController.activeState?.close();
+
                     // 下钻
                     NavigatorUtils.push(cxt,
                         '${ContactsRouter.contactInfoPage}?idstr=${user.idstr}');
@@ -355,8 +362,12 @@ class _ContactsPageState extends State<ContactsPage> {
         dragDismissible: true,
         child: SlidableDrawerDismissal(),
         onWillDismiss: (actionType) {
+          print('🔥🔥🔥 $title');
           return false;
         },
+        onDismissed: (_) {
+          print('🔥🔥🔥 xx $title');
+        },
       ),
       actionPane: SlidableScrollActionPane(),
       actionExtentRatio: 0.2,
@@ -499,7 +510,7 @@ class _ContactsPageState extends State<ContactsPage> {
       data: tagList,
       tag: _suspensionTag,
       hintOffsetX: -80,
-      ignoreTags: [],
+      ignoreTags: ['♀'],
       // selectedTagColor: Colors.red,
       mapTag: {
         "♀": new SvgPicture.asset(