📝 Improve docs with new sections and relative packages

Author: AlexV525

README-ZH.md

@@ -6,36 +6,51 @@ that can be found in the LICENSE file. -->
 
 [![pub package](https://img.shields.io/pub/v/wechat_camera_picker?logo=dart&label=%E7%A8%B3%E5%AE%9A%E7%89%88&style=flat-square)](https://pub.flutter-io.cn/packages/wechat_camera_picker)
 [![pub package](https://img.shields.io/pub/v/wechat_camera_picker?color=42a012&include_prereleases&label=%E5%BC%80%E5%8F%91%E7%89%88&logo=dart&style=flat-square)](https://pub.flutter-io.cn/packages/wechat_camera_picker)
-[![GitHub stars](https://img.shields.io/github/stars/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/stargazers)
-[![GitHub forks](https://img.shields.io/github/forks/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/network)
-[![Build status](https://img.shields.io/github/actions/workflow/status/fluttercandies/flutter_wechat_camera_picker/runnable.yml?branch=main&label=CI&logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/actions/workflows/runnable.yml)
 [![CodeFactor](https://img.shields.io/codefactor/grade/github/fluttercandies/flutter_wechat_camera_picker?logo=codefactor&label=%E4%BB%A3%E7%A0%81%E8%B4%A8%E9%87%8F&logoColor=%23ffffff&style=flat-square)](https://www.codefactor.io/repository/github/fluttercandies/flutter_wechat_camera_picker)
+
+[![Build status](https://img.shields.io/github/actions/workflow/status/fluttercandies/flutter_wechat_camera_picker/runnable.yml?branch=main&label=CI&logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/actions/workflows/runnable.yml)
 [![GitHub license](https://img.shields.io/github/license/fluttercandies/flutter_wechat_camera_picker?style=flat-square&label=%E5%8D%8F%E8%AE%AE)](https://github.com/fluttercandies/flutter_wechat_camera_picker/blob/master/LICENSE)
-<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=5bcc0gy"><img border="0" src="https://pub.idqqimg.com/wpa/images/group.png" alt="FlutterCandies" title="FlutterCandies"></a>
+[![GitHub stars](https://img.shields.io/github/stars/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/stargazers)
+[![GitHub forks](https://img.shields.io/github/forks/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/network)
+
+[![Flutter Candies QQ群](https://pub.idqqimg.com/wpa/images/group.png)](https://jq.qq.com/?_wv=1027&k=5bcc0gy)
 
-Language: [English](README.md) | 中文简体
+Language: [English](README.md) | 中文
 
-基于微信界面的相机选择器，可单独运行，是
-[wechat_assets_picker][wechat_assets_picker pub] 的扩展。
-选择器基于 `camera` 实现相机相关功能，`photo_manager` 实现资源相关内容。
+基于 **微信 UI** 的 Flutter 相机选择器，可以单独运行，
+同时是 [wechat_assets_picker][wechat_assets_picker pub] 的扩展。
 
 当前的界面设计基于的微信版本：**8.3.x**
 界面更新将在微信版本更新后随时进行跟进。
 
 查看 [迁移指南][] 了解如何从破坏性改动中迁移为可用代码。
 
+## 主要使用的 package
+
+该插件基于这些优秀的 package 构建：
+
+| Name                               | Features    |
+|:-----------------------------------|:------------|
+| [photo_manager][photo_manager pub] | 资源的基础抽象和管理。 |
+| [camera][camera pub]               | 拍摄图片和视频。    |
+| [video_player][video_player pub]   | 播放对应的视频和音频。 |
+
+这些 package 在该插件中的实现已相对稳定。
+如果你在使用中发现于它们相关的问题，
+请先在本插件的问题跟踪中报告相关问题。
+
 <details>
   <summary>目录列表</summary>
 
 <!-- TOC -->
 * [Flutter WeChat Camera Picker](#flutter-wechat-camera-picker)
+  * [主要使用的 package](#主要使用的-package)
   * [特性 ✨](#特性-)
   * [截图 📸](#截图-)
   * [开始前的注意事项 ‼️](#开始前的注意事项-)
   * [准备工作 🍭](#准备工作-)
     * [版本兼容](#版本兼容)
     * [配置](#配置)
-      * [Android 13 (API 33) 权限配置](#android-13-api-33-权限配置)
   * [使用方法 📖](#使用方法-)
     * [国际化](#国际化)
     * [简单的使用方法](#简单的使用方法)
@@ -107,7 +122,6 @@ Language: [English](README.md) | 中文简体
 
 执行 `flutter pub add wechat_camera_picker`，
 或者将 `wechat_camera_picker` 手动添加至 `pubspec.yaml` 引用。
-
 ```yaml
 dependencies:
   wechat_camera_picker: ^latest_version
@@ -119,31 +133,14 @@ dependencies:
 最新的 **开发** 版本是:
 [![pub package](https://img.shields.io/pub/v/wechat_camera_picker?color=9d00ff&include_prereleases&label=dev&logo=dart&style=flat-square)](https://pub.flutter-io.cn/packages/wechat_camera_picker)
 
-在你的代码中导入：
-
-```dart
-import 'package:wechat_camera_picker/wechat_camera_picker.dart';
-```
-
-更多配置步骤：
+运行前，按照这些步骤逐一配置：
 - [wechat_assets_picker#准备工作](https://github.com/fluttercandies/flutter_wechat_assets_picker/blob/master/README-ZH.md#preparing-for-use-)
 - [camera#installation](https://pub.flutter-io.cn/packages/camera#installation)
 
-#### Android 13 (API 33) 权限配置
-
-在使用这个 package 时，请确保
-`compileSdkVersion` 和 `targetSdkVersion` 升级到 `33`。
-否则，在 Android 13 设备上将有可能无法加载任何资源。
-
-如果你不需要拍照或录像，你可以考虑将对应权限移除：
+在你的代码中导入：
 
-```xml
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <!-- 如果需要拍照，添加该权限 -->
-    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
-    <!-- 如果需要录像，添加该权限 -->
-    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
-</manifest>
+```dart
+import 'package:wechat_camera_picker/wechat_camera_picker.dart';
 ```
 
 ## 使用方法 📖
@@ -230,5 +227,7 @@ https://github.com/flutter/flutter/issues/89216 。
 
 [wechat_assets_picker pub]: https://pub.flutter-io.cn/packages/wechat_assets_picker
 [photo_manager pub]: https://pub.flutter-io.cn/packages/photo_manager
+[camera pub]: https://pub.flutter-io.cn/packages/camera
+[video_player pub]: https://pub.flutter-io.cn/packages/video_player
 [迁移指南]: https://github.com/fluttercandies/flutter_wechat_camera_picker/blob/main/guides/migration_guide.md
 [photo_manager API 文档]: https://pub.flutter-io.cn/documentation/photo_manager/latest/

README.md

@@ -6,37 +6,52 @@ that can be found in the LICENSE file. -->
 
 [![pub package](https://img.shields.io/pub/v/wechat_camera_picker?logo=dart&label=stable&style=flat-square)](https://pub.dev/packages/wechat_camera_picker)
 [![pub package](https://img.shields.io/pub/v/wechat_camera_picker?color=42a012&include_prereleases&label=dev&logo=dart&style=flat-square)](https://pub.dev/packages/wechat_camera_picker)
-[![GitHub stars](https://img.shields.io/github/stars/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/stargazers)
-[![GitHub forks](https://img.shields.io/github/forks/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/network)
-[![Build status](https://img.shields.io/github/actions/workflow/status/fluttercandies/flutter_wechat_camera_picker/runnable.yml?branch=main&label=CI&logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/actions/workflows/runnable.yml)
 [![CodeFactor](https://img.shields.io/codefactor/grade/github/fluttercandies/flutter_wechat_camera_picker?logo=codefactor&logoColor=%23ffffff&style=flat-square)](https://www.codefactor.io/repository/github/fluttercandies/flutter_wechat_camera_picker)
+
+[![Build status](https://img.shields.io/github/actions/workflow/status/fluttercandies/flutter_wechat_camera_picker/runnable.yml?branch=main&label=CI&logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/actions/workflows/runnable.yml)
 [![GitHub license](https://img.shields.io/github/license/fluttercandies/flutter_wechat_camera_picker?style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/blob/master/LICENSE)
-<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=5bcc0gy"><img border="0" src="https://pub.idqqimg.com/wpa/images/group.png" alt="FlutterCandies" title="FlutterCandies"></a>
+[![GitHub stars](https://img.shields.io/github/stars/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/stargazers)
+[![GitHub forks](https://img.shields.io/github/forks/fluttercandies/flutter_wechat_camera_picker?logo=github&style=flat-square)](https://github.com/fluttercandies/flutter_wechat_camera_picker/network)
+
+[![Flutter Candies QQ群](https://pub.idqqimg.com/wpa/images/group.png)](https://jq.qq.com/?_wv=1027&k=5bcc0gy)
 
-Language: English | [中文简体](README-ZH.md)
+Language: English | [中文](README-ZH.md)
 
-A **camera picker** based on WeChat's UI which is a separate runnable extension to
+A **camera picker** for Flutter projects based on WeChat's UI,
+which is also a separate runnable extension to the
 [wechat_assets_picker][wechat_assets_picker pub].
-The package based on `camera` for camera functions
-and `photo_manager` for asset implementation.
 
 Current WeChat version that UI based on: **8.3.x**
 UI designs will be updated following the WeChat update in anytime.
 
 See the [Migration Guide][] to learn how to migrate between breaking changes.
 
+## Package credits
+
+The package is built from these wonderful packages.
+
+| Name                               | Features                                          |
+|:-----------------------------------|:--------------------------------------------------|
+| [photo_manager][photo_manager pub] | The basic abstractions and management for assets. |
+| [camera][camera pub]               | Captures images and videos.                       |
+| [video_player][video_player pub]   | Plays videos and audios correspondingly.          |
+
+Their implementation should be relatively stable in the package.
+If you've found any issues related to them when using the picker,
+submit issues to our issue tracker first.
+
 <details>
   <summary>Table of content</summary>
 
 <!-- TOC -->
 * [Flutter WeChat Camera Picker](#flutter-wechat-camera-picker)
+  * [Package credits](#package-credits)
   * [Features ✨](#features-)
   * [Screenshots 📸](#screenshots-)
   * [READ THIS FIRST ‼️](#read-this-first-)
   * [Preparing for use 🍭](#preparing-for-use-)
     * [Versions compatibility](#versions-compatibility)
     * [Setup](#setup)
-      * [Android 13 (API 33) permissions](#android-13-api-33-permissions)
   * [Usage 📖](#usage-)
     * [Localizations](#localizations)
     * [Simple usage](#simple-usage)
@@ -122,31 +137,13 @@ The latest **stable** version is:
 The latest **dev** version is:
 [![pub package](https://img.shields.io/pub/v/wechat_camera_picker?color=9d00ff&include_prereleases&label=dev&logo=dart&style=flat-square)](https://pub.dev/packages/wechat_camera_picker)
 
-Then import the package in your code:
-```dart
-import 'package:wechat_camera_picker/wechat_camera_picker.dart';
-```
-
-See also:
+Follow these detailed setup guide before runs:
 - [wechat_assets_picker#preparing-for-use](https://github.com/fluttercandies/flutter_wechat_assets_picker#preparing-for-use-)
 - [camera#installation](https://pub.dev/packages/camera#installation)
 
-#### Android 13 (API 33) permissions
-
-When using the package, please upgrade
-`targetSdkVersion` and `compileSdkVersion` to `33`.
-Otherwise, no assets can be fetched on Android 13.
-
-If you don't need to take photos or videos,
-consider removing relevant permission in your apps, more specifically:
-
-```xml
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <!-- Add this if you need to take photos. -->
-    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
-    <!-- Add this if you need to take videos. -->
-    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
-</manifest>
+Then import the package in your code:
+```dart
+import 'package:wechat_camera_picker/wechat_camera_picker.dart';
 ```
 
 ## Usage 📖
@@ -266,5 +263,7 @@ This project follows the [all-contributors](https://github.com/all-contributors/
 
 [wechat_assets_picker pub]: https://pub.dev/packages/wechat_assets_picker
 [photo_manager pub]: https://pub.dev/packages/photo_manager
+[camera pub]: https://pub.dev/packages/camera
+[video_player pub]: https://pub.dev/packages/video_player
 [Migration Guide]: https://github.com/fluttercandies/flutter_wechat_camera_picker/blob/main/guides/migration_guide.md
 [photo_manager's API docs]: https://pub.dev/documentation/photo_manager/latest/