update

bytedesk_demo/android/app/src/main/res/values-night/styles.xml

@@ -10,7 +10,7 @@
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-
+         
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
     <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>

bytedesk_demo/android/app/src/main/res/values/styles.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
-    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+    <!-- Theme applied to the Android Window while the process is starting -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
         <!-- Show a splash screen on the activity. Automatically removed when
              Flutter draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
@@ -10,9 +10,9 @@
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-
+         
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
-    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
-        <item name="android:windowBackground">?android:colorBackground</item>
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">@android:color/white</item>
     </style>
 </resources>

bytedesk_demo/android/app/src/main/res/xml/file_paths.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <paths>
+        <root-path name="root" path="" />
+        <files-path name="files" path="" />
+        <cache-path name="cache" path="" />
+        <external-path name="external" path="" />
+        <external-files-path name="external_files" path="" />
+        <external-cache-path name="external_cache" path="" />
+    </paths>
+</resources>

bytedesk_demo/android/app/src/main/res/xml/network_security_config.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <base-config cleartextTrafficPermitted="true" />
+</network-security-config>

bytedesk_demo/ios/Podfile.lock

@@ -50,7 +50,7 @@ PODS:
   - FMDB/standard (2.7.5)
   - image_gallery_saver (1.5.0):
     - Flutter
-  - image_picker (0.0.1):
+  - image_picker_ios (0.0.1):
     - Flutter
   - package_info (0.0.1):
     - Flutter
@@ -84,7 +84,7 @@ DEPENDENCIES:
   - Flutter (from `Flutter`)
   - fluttertoast (from `.symlinks/plugins/fluttertoast/ios`)
   - image_gallery_saver (from `.symlinks/plugins/image_gallery_saver/ios`)
-  - image_picker (from `.symlinks/plugins/image_picker/ios`)
+  - image_picker_ios (from `.symlinks/plugins/image_picker_ios/ios`)
   - package_info (from `.symlinks/plugins/package_info/ios`)
   - path_provider_ios (from `.symlinks/plugins/path_provider_ios/ios`)
   - shared_preferences_ios (from `.symlinks/plugins/shared_preferences_ios/ios`)
@@ -120,8 +120,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/fluttertoast/ios"
   image_gallery_saver:
     :path: ".symlinks/plugins/image_gallery_saver/ios"
-  image_picker:
-    :path: ".symlinks/plugins/image_picker/ios"
+  image_picker_ios:
+    :path: ".symlinks/plugins/image_picker_ios/ios"
   package_info:
     :path: ".symlinks/plugins/package_info/ios"
   path_provider_ios:
@@ -151,7 +151,7 @@ SPEC CHECKSUMS:
   fluttertoast: 16fbe6039d06a763f3533670197d01fc73459037
   FMDB: 2ce00b547f966261cd18927a3ddb07cb6f3db82a
   image_gallery_saver: 259eab68fb271cfd57d599904f7acdc7832e7ef2
-  image_picker: 541dcbb3b9cf32d87eacbd957845d8651d6c62c3
+  image_picker_ios: b786a5dcf033a8336a657191401bfdf12017dabb
   package_info: 873975fc26034f0b863a300ad47e7f1ac6c7ec62
   path_provider_ios: 14f3d2fd28c4fdb42f44e0f751d12861c43cee02
   SDWebImage: 0905f1b7760fc8ac4198cae0036600d67478751e

bytedesk_demo/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,122 +1,158 @@
 {
-  "images" : [
-    {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "76x76",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "76x76",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "83.5x83.5",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-83.5x83.5@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "1024x1024",
-      "idiom" : "ios-marketing",
-      "filename" : "Icon-App-1024x1024@1x.png",
-      "scale" : "1x"
+    "images": [
+        {
+            "size": "20x20",
+            "idiom": "iphone",
+            "filename": "icon-20@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "20x20",
+            "idiom": "iphone",
+            "filename": "icon-20@3x.png",
+            "scale": "3x"
+        },
+        {
+            "size": "29x29",
+            "idiom": "iphone",
+            "filename": "icon-29.png",
+            "scale": "1x"
+        },
+        {
+            "size": "29x29",
+            "idiom": "iphone",
+            "filename": "icon-29@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "29x29",
+            "idiom": "iphone",
+            "filename": "icon-29@3x.png",
+            "scale": "3x"
+        },
+        {
+            "size": "40x40",
+            "idiom": "iphone",
+            "filename": "icon-40@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "40x40",
+            "idiom": "iphone",
+            "filename": "icon-40@3x.png",
+            "scale": "3x"
+        },
+        {
+            "size": "57x57",
+            "idiom": "iphone",
+            "filename": "icon-57.png",
+            "scale": "1x"
+        },
+        {
+            "size": "57x57",
+            "idiom": "iphone",
+            "filename": "icon-57@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "60x60",
+            "idiom": "iphone",
+            "filename": "icon-60@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "60x60",
+            "idiom": "iphone",
+            "filename": "icon-60@3x.png",
+            "scale": "3x"
+        },
+        {
+            "size": "20x20",
+            "idiom": "ipad",
+            "filename": "icon-20-ipad.png",
+            "scale": "1x"
+        },
+        {
+            "size": "20x20",
+            "idiom": "ipad",
+            "filename": "icon-20@2x-ipad.png",
+            "scale": "2x"
+        },
+        {
+            "size": "29x29",
+            "idiom": "ipad",
+            "filename": "icon-29-ipad.png",
+            "scale": "1x"
+        },
+        {
+            "size": "29x29",
+            "idiom": "ipad",
+            "filename": "icon-29@2x-ipad.png",
+            "scale": "2x"
+        },
+        {
+            "size": "40x40",
+            "idiom": "ipad",
+            "filename": "icon-40.png",
+            "scale": "1x"
+        },
+        {
+            "size": "40x40",
+            "idiom": "ipad",
+            "filename": "icon-40@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "50x50",
+            "idiom": "ipad",
+            "filename": "icon-50.png",
+            "scale": "1x"
+        },
+        {
+            "size": "50x50",
+            "idiom": "ipad",
+            "filename": "icon-50@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "72x72",
+            "idiom": "ipad",
+            "filename": "icon-72.png",
+            "scale": "1x"
+        },
+        {
+            "size": "72x72",
+            "idiom": "ipad",
+            "filename": "icon-72@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "76x76",
+            "idiom": "ipad",
+            "filename": "icon-76.png",
+            "scale": "1x"
+        },
+        {
+            "size": "76x76",
+            "idiom": "ipad",
+            "filename": "icon-76@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "83.5x83.5",
+            "idiom": "ipad",
+            "filename": "icon-83.5@2x.png",
+            "scale": "2x"
+        },
+        {
+            "size": "1024x1024",
+            "idiom": "ios-marketing",
+            "filename": "icon-1024.png",
+            "scale": "1x"
+        }
+    ],
+    "info": {
+        "version": 1,
+        "author": "icon.wuruihong.com"
     }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
+}

bytedesk_demo/lib/main.dart

@@ -74,7 +74,7 @@ class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
               // 第二步：联系客服，完毕
               Navigator.of(context)
                   .push(MaterialPageRoute(builder: (context) {
-                return const ChatTypePage();
+                return ChatTypePage();
               }));
             },
           ),

bytedesk_demo/lib/page/chat_type_page.dart

@@ -15,10 +15,10 @@ class ChatTypePage extends StatefulWidget {
 class _ChatTypePageState extends State<ChatTypePage> {
   // 第二步：到 客服管理->技能组-有一列 ‘唯一ID（wId）’, 默认设置工作组wid
   // 说明：一个技能组可以分配多个客服，访客会按照一定的规则分配给组内的各个客服账号
-  final String _workGroupWid = "201807171659201"; // 默认人工
-  final String _workGroupWidRobot = "201809061716221"; // 默认机器人, 在管理后台开启或关闭机器人
+  String _workGroupWid = "201807171659201"; // 默认人工
+  String _workGroupWidRobot = "201809061716221"; // 默认机器人, 在管理后台开启或关闭机器人
   // 说明：直接发送给此一个客服账号，一对一会话
-  final String _agentUid = "201808221551193";
+  String _agentUid = "201808221551193";
   // 未读消息数目
   String _unreadMessageCount = "0";
   //
@@ -29,6 +29,7 @@ class _ChatTypePageState extends State<ChatTypePage> {
     //
     super.initState();
   }
+
   //
   @override
   Widget build(BuildContext context) {
@@ -41,12 +42,15 @@ class _ChatTypePageState extends State<ChatTypePage> {
         children: ListTile.divideTiles(context: context, tiles: [
           ListTile(
             title: Text('未读消息数目：' + _unreadMessageCount),
-            trailing: const Icon(Icons.keyboard_arrow_right),
+            // trailing: Icon(Icons.keyboard_arrow_right),
             onTap: () {
               // 加载未读消息数目
               _getUnreadCountVisitor();
             },
           ),
+          Container(
+            height: 20,
+          ),
           ListTile(
             title: const Text('技能组客服'),
             trailing: const Icon(Icons.keyboard_arrow_right),
@@ -180,9 +184,9 @@ class _ChatTypePageState extends State<ChatTypePage> {
               });
               BytedeskKefu.startAppointedChatShopCallback(
                   context, _agentUid, "指定一对一客服-电商-回调", custom, (value) {
-                    print('value为custom参数原样返回 $value');
-                    // 主要用途：用户在聊天页面点击商品消息，回调此接口，开发者可在此打开进入商品详情页
-                  });
+                print('value为custom参数原样返回 $value');
+                // 主要用途：用户在聊天页面点击商品消息，回调此接口，开发者可在此打开进入商品详情页
+              });
             },
           ),
           ListTile(

bytedesk_demo/lib/page/history_thread_page.dart

@@ -4,7 +4,7 @@ import 'package:flutter/material.dart';
 
 // 历史会话列表
 class HistoryThreadPage extends StatefulWidget {
-  HistoryThreadPage({Key? key}) : super(key: key);
+  const HistoryThreadPage({Key? key}) : super(key: key);
 
   @override
   _HistoryThreadPageState createState() => _HistoryThreadPageState();
@@ -27,12 +27,12 @@ class _HistoryThreadPageState extends State<HistoryThreadPage> {
   Widget build(BuildContext context) {
     return Scaffold(
         appBar: AppBar(
-          title: Text('历史会话'),
+          title: const Text('历史会话'),
           elevation: 0,
         ),
         body: RefreshIndicator(
           child: ListView.builder(
-            padding: EdgeInsets.all(8.0),
+            padding: const EdgeInsets.all(8.0),
             itemBuilder: (_, int index) => ListTile(
               leading: Image.network(_historyThreadList[index].avatar!),
               title: Text('${_historyThreadList[index].nickname}, ${_historyThreadList[index].timestamp}'),

bytedesk_demo/lib/page/online_status_page.dart

@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
 
 // 查询技能组和指定客服账号的在线状态
 class OnlineStatusPage extends StatefulWidget {
-  OnlineStatusPage({Key? key}) : super(key: key);
+  const OnlineStatusPage({Key? key}) : super(key: key);
 
   @override
   _OnlineStatusPageState createState() => _OnlineStatusPageState();
@@ -32,7 +32,7 @@ class _OnlineStatusPageState extends State<OnlineStatusPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('在线状态'),
+        title: const Text('在线状态'),
         elevation: 0,
       ),
       body: ListView(
@@ -40,14 +40,14 @@ class _OnlineStatusPageState extends State<OnlineStatusPage> {
         context: context,
         tiles: [
           ListTile(
-            title: Text('技能组在线状态'),
+            title: const Text('技能组在线状态'),
             subtitle: Text(_workGroupStatus),
             onTap: () {
               _getWorkGroupStatus();
             },
           ),
           ListTile(
-            title: Text('客服在线状态'),
+            title: const Text('客服在线状态'),
             subtitle: Text(_agentStatus),
             onTap: () {
               _getAgentStatus();

bytedesk_demo/lib/page/setting_page.dart

@@ -4,7 +4,7 @@ import 'package:list_tile_switch/list_tile_switch.dart';
 
 // 消息声音、振动设置页面
 class SettingPage extends StatefulWidget {
-  SettingPage({Key? key}) : super(key: key);
+  const SettingPage({Key? key}) : super(key: key);
 
   @override
   _SettingPageState createState() => _SettingPageState();
@@ -27,7 +27,7 @@ class _SettingPageState extends State<SettingPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('消息设置'),
+        title: const Text('消息设置'),
         elevation: 0,
       ),
       body: ListView(
@@ -42,7 +42,7 @@ class _SettingPageState extends State<SettingPage> {
               });
               BytedeskKefu.setPlayAudioOnSendMessage(value);
             },
-            title: Text('发送消息时播放声音'),
+            title: const Text('发送消息时播放声音'),
           ),
           ListTileSwitch(
             value: _playAudioOnReceiveMessage,
@@ -52,7 +52,7 @@ class _SettingPageState extends State<SettingPage> {
               });
               BytedeskKefu.setPlayAudioOnReceiveMessage(value);
             },
-            title: Text('收到消息时播放声音'),
+            title: const Text('收到消息时播放声音'),
           ),
           ListTileSwitch(
             value: _vibrateOnReceiveMessage,
@@ -63,7 +63,7 @@ class _SettingPageState extends State<SettingPage> {
               // 注意：需要在安卓AndroidManifest.xml添加权限<uses-permission android:name="android.permission.VIBRATE"/>
               BytedeskKefu.setVibrateOnReceiveMessage(value);
             },
-            title: Text('收到消息时振动'),
+            title: const Text('收到消息时振动'),
           ),
         ],
       ).toList()),

bytedesk_demo/lib/page/user_info_page.dart

@@ -6,13 +6,12 @@ import 'package:fluttertoast/fluttertoast.dart';
 // 需要首先调用anonymousLogin之后，再调用此接口
 // 自定义用户信息接口-对接APP用户信息
 class UserInfoPage extends StatefulWidget {
-  UserInfoPage({Key? key}) : super(key: key);
+  const UserInfoPage({Key? key}) : super(key: key);
 
   @override
   _UserInfoPageState createState() => _UserInfoPageState();
 }
 
-
 class _UserInfoPageState extends State<UserInfoPage> {
   String _uid = ''; // 用户唯一uid
   String _username = ''; // 用户唯一用户名
@@ -29,7 +28,7 @@ class _UserInfoPageState extends State<UserInfoPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('用户信息'),
+        title: const Text('用户信息'),
         elevation: 0,
       ),
       body: ListView(
@@ -37,7 +36,15 @@ class _UserInfoPageState extends State<UserInfoPage> {
         context: context,
         tiles: [
           ListTile(
-            title: Text('设置昵称(见代码)'),
+            title: const Text('唯一uid'),
+            subtitle: Text(_uid),
+          ),
+          ListTile(
+            title: const Text('用户名'),
+            subtitle: Text(_username),
+          ),
+          ListTile(
+            title: const Text('设置昵称(见代码)'),
             subtitle: Text(_nickname),
             onTap: () {
               //
@@ -50,14 +57,14 @@ class _UserInfoPageState extends State<UserInfoPage> {
               height: 30,
               width: 30,
             ),
-            title: Text('设置头像(见代码)'),
+            title: const Text('设置头像(见代码)'),
             onTap: () {
               //
               _setAvatar();
             },
           ),
           ListTile(
-            title: Text('设置备注(见代码)'),
+            title: const Text('设置备注(见代码)'),
             subtitle: Text(_description),
             onTap: () {
               //
@@ -94,7 +101,7 @@ class _UserInfoPageState extends State<UserInfoPage> {
   }
 
   void _setAvatar() {
-    // 可自定义用户头像url-客服端可见
+    // 可自定义用户头像url-客服端可见，注意：是头像网址，非本地图片路径
     String myavatarurl =
         'https://chainsnow.oss-cn-shenzhen.aliyuncs.com/avatars/visitor_default_avatar.png'; // 头像网址url
     BytedeskKefu.updateAvatar(myavatarurl).then((user) => {

bytedesk_demo/pubspec.yaml

@@ -46,7 +46,7 @@ dependencies:
   # 请在ios/Podfile中添加：use_frameworks! 
   vibration: ^1.7.3
   # 在线客服 https://pub.dev/packages/bytedesk_kefu
-  bytedesk_kefu: ^1.2.2
+  bytedesk_kefu: ^1.2.4
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.