Flutter Pulse
651 subscribers
412 photos
917 links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Как правильно обрабатывать результат диалога

Не пытайтесь выполнить код напрямую после закрытия диалога! 🚫💻

При работе с диалогами важно правильно обрабатывать их результат. Давайте рассмотрим два примера кода на Dart, чтобы понять, как это сделать корректно. 💡

Неправильный способ: 🚫

Future<void> showRatingDialog(BuildContext context) {
return showDialog<RatingResult>(
context: context,
barrierDismissible: false,
builder: (context) {
return AlertDialog(
title: const Text('Rate the app'),
content: const Text('Please rate the app'),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop();
// не пытайтесь выполнить что-либо здесь
// потому что диалог отклонен
},
child: const Text('Rate'),
),
TextButton(
onPressed: () {
Navigator.of(context).pop();
// не пытайтесь выполнить что-либо здесь
// потому что диалог отклонен
},
child: const Text('Improve'),
),
],
);
},
);
}


Правильный способ:

enum RatingResult {
rate,
improve,
never,
}

Future<RatingResult?> showRatingDialog(BuildContext context) {
return showDialog<RatingResult>(
context: context,
barrierDismissible: false,
builder: (context) {
return AlertDialog(
title: const Text('Rate the app'),
content: const Text('Please rate the app'),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop(RatingResult.rate);
},
child: const Text('Rate'),
),
TextButton(
onPressed: () {
Navigator.of(context).pop(RatingResult.improve);
},
child: const Text('Improve'),
),
],
);
},
);
}


В первом примере при нажатии на кнопки "Rate" или "Improve" диалог закрывается, но результат не возвращается. Во втором примере при нажатии на кнопки возвращается соответствующее значение из enum `RatingResult`, что позволяет корректно обработать результат.

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #AppDevelopment #ProgrammingTips #UIUX #SoftwareDevelopment
👍31🤔1
Как воспроизвести звуки в Flutter

Звуки могут изменить опыт использования приложения. Что может быть более удовлетворительным, чем хороший звук уведомления? 😊

Шаг 1: Установите плагин audioplayers

import 'package:audioplayers/audioplayers.dart';


Шаг 2: Воспроизведите звук напрямую...

await player.play(AssetSource("sounds/beep.wav"));


Это здорово, потому что вам не нужно готовить файл или сбрасывать его, если он уже был воспроизведен... просто попросите воспроизвести, и он сделает свое дело! 👍

Дополнительные возможности

// Установите режим освобождения, чтобы сохранить источник после завершения воспроизведения.
player.setReleaseMode(ReleaseMode.stop);


Это позволяет вам делать гораздо больше, чем просто воспроизводить звук. А за этой простотой вы также можете действительно оптимизировать с помощью расширенных конфигураций, таких как режим освобождения 🔧

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #mobiledevelopment #appdevelopment #codingtips #programming #softwaredevelopment
👍2
Создание приложений Flutter, работающих офлайн: секреты успешной реализации

Представьте себе приложение, которое работает без сбоев даже без интернета! 🌟 Это реально, если заранее спланировать архитектуру вашего Flutter-приложения.

В этой статье вы узнаете, как реализовать оффлайн-режим в вашем приложении, используя паттерн Repository, локальное хранилище и стратегии синхронизации. Вы научитесь создавать приложения, которые не теряют данные и сохраняют пользовательский опыт даже без подключения к сети. 📱💻

Статья рассказывает о трёх основных компонентах оффлайн-режима: локальном хранилище, стратегии синхронизации и чистой архитектуре. Вы узнаете, как использовать SQLite, Hive и SharedPreferences для хранения данных, и как реализовать Repository pattern для разделения локальных и удалённых источников данных. Кроме того, вы узнаете о лучших практиках реализации оффлайн-режима, таких как чтение из кэша первым, использование флага "pending" для несинхронизированных операций и группировка обновлений при синхронизации.

🇷🇺Читать статью на русском
🇬🇧Read the article in English
🌐Read the original article

Все подобные новости ищите по хэштегу #FlutterPulseMedium Оцените новую рубрику!

#flutter #dart #flutterpulse #FlutterPulseMedium #offline #mobildev #appdev #softwaredevelopment
👍4
Пакет, который убивает приложения Flutter
Вы долго разрабатывали своё приложение, и вот настал момент его выпуска. Но после обновления Flutter до последней стабильной версии сборка внезапно завершается ошибкой. Причина? Устаревший пакет, добавленный полгода назад, который больше не поддерживается.

В этой статье рассматриваются проблемы, связанные с использованием устаревших пакетов в Flutter, и даются советы, как избежать связанных с этим рисков. Вы узнаете, почему пакеты перестают поддерживаться, как это влияет на ваше приложение и что можно сделать, чтобы минимизировать потенциальный ущерб.

Авторы статьи анализируют причины, по которым пакеты становятся "убийцами" приложений, и предлагают стратегии по защите от этих рисков. Они также делятся реальными примерами пакетов, которые причинили разработчикам проблемы, и дают рекомендации по выбору надёжных пакетов и построению защиты от потенциальных проблем.

Кроме того, в статье обсуждается важность поддержки экосистемы Flutter и предлагается несколько способов, которыми разработчики могут помочь в этом.

🇷🇺Читать статью на русском
🇬🇧Read the article in English
🌐Original article

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, понравилась ли вам новая рубрика.

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #programming #softwaredevelopment
👍1💯1