До этого я потерял полдня на поиск плагина, чтобы ТОЛЬКО работал без каких-либо дополнительных уловок для продолжения моего путешествия, но я этого не сделал, поэтому я создал этот плагин и назвал его «Плагин NativeScript, который работает. », Шучу, я называю это« nativescript-google-places-autocomplete ».
В текущем приложении, над которым я работаю с клиентом, мы просто хотим отображать автозаполнение ввода поиска со списком прогнозов мест, поэтому я попробовал несколько плагинов и некоторый ванильный код Javascript (не подходит для удобства сопровождения кода), но нет, я решил создать свой собственный плагин и поделиться им с сообществом.
Для начала мне нужен кикстарт-проект или файловые структуры, я никогда не начинаю проект с простых файлов, потребовалось время, чтобы реализовать основную потребность, поэтому я нашел исходный проект (который я внес в него
) в учетной записи Nativescript GitHub: https://github.com/NativeScript/nativescript-plugin-seed
Затем я создал свой собственный ключ API и начал реализовывать свои собственные вещи.
Итак, мы будем работать с некоторыми из этих файлов, все файлы генерируются из семян, кроме этого
google-places-autocomplete.static.ts
Этот файл содержит статическую переменную, чтобы сохранить структуру и код в чистоте.
Ok,
google-places-autocomplete.android.ts
google-places-autocomplete.common.ts
google-places-autocomplete.ios.ts
когда у нас есть общие функции для iOS и Android, мы добавляем: google-places-autocomplete.common.ts, в противном случае мы реализуем каждый файл в соответствии с потребностями платформы.
google-places-autocomplete.android.ts
google-places-autocomplete.common.d.ts
google-places-autocomplete.ios.d.ts
Эти файлы автоматически создаются с помощью Typescript и содержат типы и определения файлов TS.
Таким образом, вся работа будет вестись с файлом google-places-autocomplete.common.ts, потому что мы будем использовать модули Nativescript, которые поддерживают обе платформы, и вот наш файл.
Во-первых, давайте импортируем модуль, который мы будем использовать
Плагин выполняет две функции: выполняет поиск мест по запросу и отображает сведения о месте по идентификатору места.
В этих двух функциях мы выполнили два простых запроса (с использованием модуля HTTP из nativescript) к API мест Google.
Вот конечный продукт, а чтобы узнать больше о модуле или проверить демонстрацию, перейдите по этой ссылке: https://github.com/labidiaymen/nativescript-google-places-autocomplete
Этот пакет размещен на npmjs.com
Https://www.npmjs.com/package/nativescript-google-places-autocomplete
Надеюсь, это поможет, спасибо