This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🤣6🔥4
Осень — за окном, в наших сердцах, а теперь — и на экранах мобильных телефонов.
Делимся заставками от наших дизайнеров, чтобы сделать этот сезон чуть уютнее и more friendly❣️
Делимся заставками от наших дизайнеров, чтобы сделать этот сезон чуть уютнее и more friendly
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥3👍2🤩1
Flutter-команда Friflex развивает фреймворк на операционной системе Аврора. Мы выкладываем плагины и формируем сообщество — помните Манифест развития Flutter на российской ОС, который мы выпустили вместе с @omp_ru?
8 октября поделимся своим опытом на конференции «Аврора. Своя конференция» @omp_ru.
14:20
14:35
Участие бесплатное, регистрация по ссылке.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥3❤1
Forwarded from Юрий Петров | Flutter
This media is not supported in your browser
VIEW IN TELEGRAM
👍7
Forwarded from Flutter Friendly
Привет, это Анна, Team Lead Flutter-команды Friflex
Сегодня открываю месяц навигации на этом канале — весь октябрь вместе с коллегами буду делиться опытом интеграции карт в мобильные приложения. Начну с Яндекс Карт.
Чтобы подключить Яндекс Карты к приложению на Flutter, установим плагин yandex_mapkit. Это можно сделать в три шага:
Шаг 1. Подготавливаем и добавляем зависимости в pubspec.yaml
Выполняем команду flutter pub get
Шаг 2. Настраиваем Yandex MapKit на Android
1. Открываем файл android/build.gradle и указываем вариант нативной библиотеки full/lite:
2. В файле MainApplication.java или MainApplication.kt указываем локализацию и ключ API:
3. В файле AndroidManifest.xml указываем разрешения:
Шаг 3. Настраиваем Yandex MapKit на iOS
1. Открываем файл AppDelegate.swift и указываем локализацию и API ключ:
2. В файле Podfile раскомментируем строку platform :ios, '12.0' и здесь же добавляем конфигурацию нативной библиотеки full/lite:
Готово, все зависимости настроены. Можно начинать писать код для отображения карты, но об этом я расскажу в следующий раз 🤞
#howtoflutter
Сегодня открываю месяц навигации на этом канале — весь октябрь вместе с коллегами буду делиться опытом интеграции карт в мобильные приложения. Начну с Яндекс Карт.
Чтобы подключить Яндекс Карты к приложению на Flutter, установим плагин yandex_mapkit. Это можно сделать в три шага:
Шаг 1. Подготавливаем и добавляем зависимости в pubspec.yaml
flutter:
sdk: flutter
yandex_mapkit: ^4.1.0
Выполняем команду flutter pub get
Шаг 2. Настраиваем Yandex MapKit на Android
1. Открываем файл android/build.gradle и указываем вариант нативной библиотеки full/lite:
yandexMapkit.variant=<YOUR_DESIRED_VARIANT>
2. В файле MainApplication.java или MainApplication.kt указываем локализацию и ключ API:
MapKitFactory.setLocale("YOUR_LOCALE");
MapKitFactory.setApiKey("YOUR_API_KEY");
3. В файле AndroidManifest.xml указываем разрешения:
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
Шаг 3. Настраиваем Yandex MapKit на iOS
1. Открываем файл AppDelegate.swift и указываем локализацию и API ключ:
YMKMapKit.setApiKey("YOUR_API_KEY")
2. В файле Podfile раскомментируем строку platform :ios, '12.0' и здесь же добавляем конфигурацию нативной библиотеки full/lite:
ENV['YANDEX_MAPKIT_VARIANT'] = '<YOUR_DESIRED_VARIANT>'
Готово, все зависимости настроены. Можно начинать писать код для отображения карты, но об этом я расскажу в следующий раз 🤞
#howtoflutter
❤9🔥7👍5
Forwarded from Flutter Friendly
This media is not supported in your browser
VIEW IN TELEGRAM
Cегодня — день интернета в России! Надеемся, у вас достаточно стабильное соединение, чтобы сохранить эти 10 классных пакетов для работы с интернетом:
1. http
Простой и популярный пакет для выполнения HTTP-запросов (GET, POST и других). Отлично подходит для базовых задач, таких как загрузка данных с API или отправка форм.
🔗 http на pub.dev
2. dio
Мощный пакет для HTTP-запросов: с перехватчиками, отменой запросов и управлением тайм-аутами.
🔗 dio на pub.dev
3. graphql_flutter
Идеальное решение для интеграции GraphQL-запросов в приложение, если ваш бекэнд работает с GraphQL.
🔗 graphql_flutter на pub.dev
4. connectivity_plus
Пакет для мониторинга состояния сети. Поможет отслеживать тип подключения (Wi-Fi, мобильные данные) и доступ в интернет.
🔗 connectivity_plus на pub.dev
5. flutter_cache_manager
Этот пакет помогает управлять кэшированием файлов и данных.
🔗 flutter_cache_manager на pub.dev
6. web_socket_channel
Пакет для работы с WebSocket-соединениями. Идеально подходит для реального времени, например, в чатах или системах уведомлений.
🔗 web_socket_channel на pub.dev
7. retrofit
Клиент REST API, вдохновленный популярным библиотекой Retrofit из мира Android. Помогает сократить количество шаблонного кода.
🔗 retrofit на pub.dev
8. flutter_downloader
Этот пакет упрощает скачивание и отображение прогресса. Хорошая штука, если в приложении нужно загружать файлы.
🔗 flutter_downloader на pub.dev
9. firebase_storage
Пакет для интеграции с Firebase и хранения медиафайлов в облаке. Идеальный вариант, если ваш основной бэкенд — это Firebase.
🔗 firebase_storage на pub.dev
10. flutter_inappwebview
Пакет для работы с веб-контентом. Будет очень полезен, если вы собираетесь внедрить WebView или использовать встроенный браузер.
🔗 flutter_inappwebview на pub.dev
Всем быстрого интернета💜
1. http
Простой и популярный пакет для выполнения HTTP-запросов (GET, POST и других). Отлично подходит для базовых задач, таких как загрузка данных с API или отправка форм.
2. dio
Мощный пакет для HTTP-запросов: с перехватчиками, отменой запросов и управлением тайм-аутами.
3. graphql_flutter
Идеальное решение для интеграции GraphQL-запросов в приложение, если ваш бекэнд работает с GraphQL.
4. connectivity_plus
Пакет для мониторинга состояния сети. Поможет отслеживать тип подключения (Wi-Fi, мобильные данные) и доступ в интернет.
5. flutter_cache_manager
Этот пакет помогает управлять кэшированием файлов и данных.
6. web_socket_channel
Пакет для работы с WebSocket-соединениями. Идеально подходит для реального времени, например, в чатах или системах уведомлений.
7. retrofit
Клиент REST API, вдохновленный популярным библиотекой Retrofit из мира Android. Помогает сократить количество шаблонного кода.
8. flutter_downloader
Этот пакет упрощает скачивание и отображение прогресса. Хорошая штука, если в приложении нужно загружать файлы.
9. firebase_storage
Пакет для интеграции с Firebase и хранения медиафайлов в облаке. Идеальный вариант, если ваш основной бэкенд — это Firebase.
10. flutter_inappwebview
Пакет для работы с веб-контентом. Будет очень полезен, если вы собираетесь внедрить WebView или использовать встроенный браузер.
Всем быстрого интернета
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍4❤2
Представьте, что вы разрабатываете простое приложение с кнопкой, которая увеличивает счетчик:
import 'package:flutter/material.dart';
void main() {
runApp(const _MyApp());
}
class _MyApp extends StatelessWidget {
const _MyApp();
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: _CounterScreen(),
);
}
}
class _CounterScreen extends StatefulWidget {
const _CounterScreen();
@override
State<_CounterScreen> createState() => _CounterScreenState();
}
class _CounterScreenState extends State<_CounterScreen> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(noscript: const Text('Счетчик')),
body: Center(
child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
const Text('Вы нажали кнопку столько раз:'),
Text('$_counter', style: Theme.of(context).textTheme.headlineMedium),
ElevatedButton(
onPressed: _incrementCounter,
child: const Text('Увеличить счетчик'),
)
])));
}
}
Теперь вам нужно изменить текст на кнопке с «Увеличить счетчик» на «Нажми меня». Для этого вы меняете строку кода:
child: Text('Нажми меня'),После этого активируете горячую перезагрузку, и текст на кнопке обновляется. При этом счетчик остается на том же значении.
При помощи горячей перезагрузки разработчики могут быстро тестировать изменения и улучшать интерфейс. Для этого им не нужно каждый раз перезапускать приложение.
#наайтишном
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤4💯3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Знакомо? Ждем закрытия дедлайнов не меньше, чем включения отопления дома. Всех с началом рабочей недели, и пусть дедлайны не горят, а приносят только тепло от выполненных задач 💜
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9😁4💯2❤1🤣1
Сегодня мы на конференции «Аврора. Своя конференция» @omp_ru.
Приходите пообщаться и испытать удачу — в конце завтрашнего дня разыграем «Яндекс. Станцию». А пока отправляемся смотреть выступление нашего Tech Lead Юрия Петрова @mobile_developing с докладом «Как написать плагин для ОС Аврора: кейс location plugin».
Приходите пообщаться и испытать удачу — в конце завтрашнего дня разыграем «Яндекс. Станцию». А пока отправляемся смотреть выступление нашего Tech Lead Юрия Петрова @mobile_developing с докладом «Как написать плагин для ОС Аврора: кейс location plugin».
👍7❤4🔥3🤩1
Наша команда продолжает делиться опытом – уже на круглом столе «Как разрабатывать приложения под Аврору».
❤11🔥7🤩3
Как Анна стала частью комады Friflex, что помогло ей так быстро вырасти и какие навыки нужны Flutter-разработчику для успешной карьеры — в карточках.
И пусть история Анны вдохновит и вас
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤13🔥7🍓2