GetX 实现类似微信转发搜索多选好友

Android

2023-12-19 20:52:54

微信式转发消息功能：终极指南

前言

微信等现代通讯软件的转发消息功能已成为人们日常交流中不可或缺的一部分。当需要将消息分享给其他联系人时，用户通常会先搜索好友列表，再选择收件人。然而，传统的方法存在一些痛点：

列表控件占据大量空间，在移动设备上显示不佳。
完整输入收件人姓名进行筛选耗时费力，尤其对于不常用的联系人。

为了解决这些问题，本文将深入探讨一种创新的好友列表搜索方法。我们将利用自定义控件和本地数据库优化搜索体验，并实现多选发送好友的功能。

自定义搜索栏

自定义搜索栏是一种实时过滤好友列表的控件。它基于文本输入框，在用户输入时触发监听器，动态更新显示的好友。

代码示例：

class CustomSearchBar extends StatelessWidget {
  final TextEditingController controller;
  final Function(String) onChanged;

  const CustomSearchBar({
    Key? key,
    required this.controller,
    required this.onChanged,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return TextField(
      controller: controller,
      onChanged: onChanged,
      decoration: InputDecoration(
        hintText: '搜索好友',
        prefixIcon: Icon(Icons.search),
      ),
    );
  }
}

本地数据库

本地数据库存储好友信息，以实现高效的搜索和管理。本文采用 SQLite 数据库作为存储媒介。

代码示例：

class DatabaseHelper {
  static final DatabaseHelper instance = DatabaseHelper._instance();
  static Database? _database;

  DatabaseHelper._instance();

  Future<Database> get database async {
    if (_database != null) return _database!;

    _database = await _initDatabase();
    return _database!;
  }

  Future<Database> _initDatabase() async {
    final path = await getDatabasesPath();
    final databasePath = '$path/friends.db';

    return await openDatabase(
      databasePath,
      version: 1,
      onCreate: (db, version) async {
        await db.execute(
          'CREATE TABLE friends (id INTEGER PRIMARY KEY, name TEXT, phone_number TEXT)',
        );
      },
    );
  }

  Future<List<Friend>> getFriends() async {
    final db = await database;
    final results = await db.query('friends');
    return results.map((e) => Friend.fromJson(e)).toList();
  }
}

多选发送好友

多选发送好友功能允许用户选择多个联系人，并一次性向他们转发消息。

代码示例：

class SendFriendsScreen extends StatelessWidget {
  final List<Friend> friends;

  const SendFriendsScreen({
    Key? key,
    required this.friends,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('选择好友'),
        actions: [
          IconButton(
            onPressed: () {
              // 发送消息给选中的好友
            },
            icon: Icon(Icons.send),
          ),
        ],
      ),
      body: ListView.builder(
        itemCount: friends.length,
        itemBuilder: (context, index) {
          final friend = friends[index];
          return ListTile(
            title: Text(friend.name),
            subtitle: Text(friend.phoneNumber),
            leading: Checkbox(
              value: friend.isSelected,
              onChanged: (value) {
                setState(() {
                  friend.isSelected = value!;
                });
              },
            ),
          );
        },
      ),
    );
  }
}