离子原生联系人花费大量时间并阻止了UI

Question

我正在使用Ionic + Capacitor + React进行开发，我需要阅读所有联系电话。以这种方式使用离子本征/接触：

import { Contacts, ContactFindOptions } from '@ionic-native/contacts';

...

loadContacts() => {
    this.setState(
        {
            loading: true,
        },
    () => {
        var contacts = new Contacts();
        const desiderFields = ['phoneNumbers'];
        var options = new ContactFindOptions();
        options.filter = '';

        options.multiple = true;
        options.hasPhoneNumber = true;
        contacts.find(desiderFields, options).then((result) => { ... } );
    });
}

componentDidMount() {
    this.loadContacts();
}

但是一旦loadContacts开始读取联系UI块，甚至没有时间来渲染显示加载器。

另外，导入联系人非常慢，反复显示Fetching in bulk 250 contacts!。

[我知道cordova-plugin-contacts已过时，但我不相信那些不存在的产品是此基本功能的替代品。

找不到解决方案。

Answer 1

我找到了可以挽救我生命的Cordova插件：

https://github.com/dbaq/cordova-plugin-contacts-phone-numbers