Ждём... или используем скелетную анимацию?
При загрузке контента важно сделать ожидание для пользователя максимально комфортным. Есть два основных способа сделать это: использовать стандартный индикатор загрузки или скелетную анимацию.
Индикатор загрузки - простой и понятный способ показать, что контент загружается. Flutter предоставляет встроенный виджет
Для более широких возможностей можно использовать пакеты, такие как:
-
-
Скелетная анимация дает пользователю представление о том, какого типа контент загружается (изображение, текст, длинный текст и т.д.). Это воспринимается как более быстрое и плавное.
Скелетные экраны кажутся пользователю более короткими по продолжительности, чем пустой экран с индикатором загрузки.
Для реализации скелетной анимации можно использовать пакет
Оцените новую рубрику и напишите своё мнение в комментарии! 🤔💬
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #LoadingAnimation #AppDevelopment #FlutterTips
При загрузке контента важно сделать ожидание для пользователя максимально комфортным. Есть два основных способа сделать это: использовать стандартный индикатор загрузки или скелетную анимацию.
Индикатор загрузки - простой и понятный способ показать, что контент загружается. Flutter предоставляет встроенный виджет
CircularProgressIndicator.adaptive()
, который адаптируется под разные платформы.// Создает индикатор, который является
// [CupertinoActivityIndicator] на iOS
// [CircularProgressIndicator] на других платформах
CircularProgressIndicator.adaptive();
Для более широких возможностей можно использовать пакеты, такие как:
-
sleek_circular_slider
-
flutter_spinkit
Скелетная анимация дает пользователю представление о том, какого типа контент загружается (изображение, текст, длинный текст и т.д.). Это воспринимается как более быстрое и плавное.
Скелетные экраны кажутся пользователю более короткими по продолжительности, чем пустой экран с индикатором загрузки.
Для реализации скелетной анимации можно использовать пакет
better_skeleton
.Оцените новую рубрику и напишите своё мнение в комментарии! 🤔💬
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #LoadingAnimation #AppDevelopment #FlutterTips
👍1
Шпаргалка по Android adb
Полезные команды для управления вашим Android-устройством через командную строку 🤖💻
Вход в оболочку телефона
Установка и удаление APK
Захват изображения и видео
Отображение касаний на устройстве
Оцените нашу новую рубрику лайком 👍 и подпишитесь, чтобы быть в курсе всех последних советов и новостей! 😊
Все подобные новости вы можете найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #AndroidDev #MobileDev #DevTips #FlutterTips
Полезные команды для управления вашим Android-устройством через командную строку 🤖💻
Вход в оболочку телефона
adb shell # вход в оболочку телефона
# Android основан на unix, поэтому вы можете перемещаться
# и выполнять команды как в обычной unix-системе
Установка и удаление APK
adb install myApp.apk # установить apk
adb install -r myApp.apk # обновить приложение без удаления его данных
adb uninstall myApp.apk # удалить приложение
Захват изображения и видео
adb shell screencap -p /sdcard/image.png # захватить изображение
adb shell screenrecord -p /sdcard/video.mp4 # захватить видео
adb -d pull /sdcard/image.png . # извлечь изображение или видео из папки sdcard
Отображение касаний на устройстве
adb shell content insert \
--uri content://settings/system \
--bind name:s:show_touches \
--bind value:i:1 # включить отображение касаний на устройстве
adb shell content insert \
--uri content://settings/system \
--bind name:s:show_touches \
--bind value:i:0 # отключить отображение касаний на устройстве
Оцените нашу новую рубрику лайком 👍 и подпишитесь, чтобы быть в курсе всех последних советов и новостей! 😊
Все подобные новости вы можете найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #AndroidDev #MobileDev #DevTips #FlutterTips
👍2