Лучшие обновленные пакеты за последние 24 часа!

drift_dev 2.27.0
Пакет используется для генерации кода базы данных из классов Table в Drift. В новой версии исправлены ошибки при генерации кода схемы для столбцов, ссылающихся на другие столбцы, улучшены импорты и добавлена возможность игнорировать ограничения столбцов при валидации схемы.
👍 Лайки: 54, 📥 Скачиваний: 219К
https://pub.dev/packages/drift_dev

Drift 2.27.0
Реактивная библиотека для работы с базами данных SQLite. В новой версии добавлена возможность передавать callback-функцию sqlite3 в NativeDatabase для настройки получения связок SQLite.
👍 Лайки: 2.08К, 📥 Скачиваний: 379К
https://pub.dev/packages/drift

Fluwx 5.5.5
Плагин для Flutter, позволяющий вызывать нативные API WeChatSDK. Теперь поддерживается обмен видео на платформе HarmonyOS, а также обновлена версия HarmonyOS SDK до 1.0.14.
👍 Лайки: 250, 📥 Скачиваний: 5.6К
https://pub.dev/packages/fluwx

html_editor_enhanced 2.7.0
Текстовый редактор для Android, iOS и Web, позволяющий писать WYSIWYG HTML-код с помощью оболочки JavaScript Summernote. В новой версии исправлены устаревшие функции в последних версиях Flutter и обновлены зависимости.
👍 Лайки: 626, 📥 Скачиваний: 33.8К
https://pub.dev/packages/html_editor_enhanced

google_api_headers 2.0.0
Пакет используется для получения заголовков, необходимых для вызова API Google с ограниченным ключом API в приложениях Flutter. В новой версии обновлена версия компилятора Android до 33 и добавлена совместимость с Android Gradle Plugin 8.0.
👍 Лайки: 30, 📥 Скачиваний: 79.6К
https://pub.dev/packages/google_api_headers

Pro Image Editor 9.13.0
Виджет Flutter для редактирования изображений в вашем приложении. В новой версии добавлена возможность динамически выравнивать поле ввода текста в редакторе текста.
👍 Лайки: 392, 📥 Скачиваний: 19.8К
https://pub.dev/packages/pro_image_editor

#drift_dev #Drift #Fluwx #html_editor_enhanced #google_api_headers #ProImageEditor #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages

AnimatedSwitcher с Riverpod: Анимируем текст при каждом изменении

Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим интересный совет по использованию AnimatedSwitcher вместе с Riverpod для создания анимированных изменений текста. 📱💡

Что такое AnimatedSwitcher?

AnimatedSwitcher(
// Виджет, который по умолчанию делает плавное переключение между новым виджетом и предыдущим
duration: const Duration(milliseconds: 250), // Продолжительность анимации
switchInCurve: Curves.easeInOut, // Кривая анимации при появлении
transitionBuilder: (Widget child, Animation<double> animation) {
// Строитель анимации перехода
return ScaleTransition(scale: animation, child: child);
},
child: Text(
'MyText', // Текст, который будет отображаться
key: Key('My-${state.value?.currentStepIndex}'), // Ключ, который запускает анимацию при изменении
style: TextStyle(fontSize: 24), // Стиль текста
),
)


Как это работает?
1. Мы используем AnimatedSwitcher для обёртки нашего текстового виджета.
2. Ключ (Key) играет решающую роль. Когда значение состояния меняется, ключ обновляется, запуская анимацию.
3. transitionBuilder позволяет настроить тип анимации. В примере используется ScaleTransition.

class SessionExerciceTitle extends ConsumerStatefulWidget {
  const SessionExerciceTitle({super.key});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() => _SessionExerciceTitleState();
}

class _SessionExerciceTitleState extends ConsumerState<SessionExerciceTitle> {
  Key titleKey(AsyncValue<UserSessionState> state) => 
    ValueKey<String?>("My-${state.value?.currentStepIndex}");

  @override
  Widget build(BuildContext context) {
    final state = ref.watch(userSessionNotifierProvider); // Следим за изменениями состояния
    return AnimatedSwitcher(
      duration: const Duration(milliseconds: 250), // Продолжительность анимации
      switchInCurve: Curves.easeInOut, // Кривая анимации при появлении
      transitionBuilder: (Widget child, Animation<double> animation) {
        // Строитель анимации перехода
        return ScaleTransition(scale: animation, child: child);
      },
      child: Text(
        state.value?.myText ?? '', // Отображаемый текст
        key: titleKey(state), // Ключ, который запускает анимацию при изменении состояния
        textAlign: TextAlign.center, // Выравнивание текста
      ),
    );
  }
}

Почему это полезно?
- Плавные переходы улучшают пользовательский опыт 🌟
- Легко реализуется с помощью Riverpod и AnimatedSwitcher 👍

Оцените новую рубрику и напишите в комментариях, какие темы вам интересны! 💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #UIUX #Animation #RiverpodTips #FlutterTips

Dart Native Assets - автоматизация работы с нативным кодом 🚀! Узнайте, как использовать готовые библиотеки на C, C++, Rust и других языках в ваших Dart-программах без лишних хлопот! 😊

В этой статье мы поговорим о Native Assets в Dart: как использовать C-код в ваших проектах 🤔. Узнайте, как интегрировать нативный код в свои Dart-приложения с помощью пакета native_assets_cli и native_toolchain_c 📚.

Автор также рассмотрит нативную разработку в Dart: интеграция с C и Rust 🌐. Узнайте, как использовать нативный код в своих Flutter-приложениях 📱.

Кроме того, вы узнаете о лучших практиках обработки ошибок, кроссплатформенной совместимости и тестировании Нативных активов 📊. И, конечно же, о Новых возможностях Native Assets в Dart: упрощение написания build-хуков и улучшение производительности 🚀.

Dart Native Assets - революционное решение для интеграции нативного кода в экосистеме Dart и Flutter 🌟. Узнайте о ключевых преимуществах: автоматизация, кроссплатформенность, производительность и простота 📈.

Читать статью можно здесь 📄.

#Dart #Flutter #FlutterPulse #NativeAssets #DartNativeAssets #НативныеАктивы #DartРазработка #FlutterРазработка 🚀💻📈