Не занимаясь никогда ранее нативной разработкой под мобильные платформы, и в этот раз решил пойти "легким путем" — освоить React Native. Наибольшей трудностью стало добавление иконки приложения(AppIcon) и экрана загрузки (Launch Screen). О чем и хочу рассказать в данной статье тем, кто осваивает React Native.
Рубрика «app icon»
Как добавить AppIcon и LaunchScreen в приложение на React Native
2017-02-25 в 9:00, admin, рубрики: android development, app icon, ios development, launch screens, react native, ReactJS, splash screen, разработка мобильных приложений, Разработка под android, разработка под iOSАвтоматический ресайз иконок для мобильных приложений, или как Inkscape + bash упрощают жизнь
2015-04-10 в 14:04, admin, рубрики: app icon, bash, inkscape, ios development, mobile development, веб-дизайн, дизайн мобильных приложений, иконки, метки: app icon, ios developmentРешение, изложенное в статье, расписано для пользователей OSX. Но его достаточно просто можно адаптировать и под другие популярные операционные системы.
Началось все с нетривиальной задачи: когда создается веб-сервис и мобильное приложение, неизбежно возникает потребность сделать под него презентабельную или не очень презентабельную иконку. Но стоит начать создание приложения для IOS в XCode, как тут же узнаешь, что от тебя требуется не одна иконка, а примерно десяток, причем разных размеров. Вот только часть из них:
- иконка для отображения на вкладках браузеров;
- иконка веб-приложения, отображаемая в safari mobile;
- иконка мобильного приложения, отображаемая на главном экране в ios;
- большая иконка для app store;
- маленька иконка для app store;
- иконка для поиска в spotlight.
А теперь внимание: практически для каждого пункта из этого списка есть еще и свои собственные размеры — в зависимости от типа устройства и версии iOS. Подробная спецификация иконок для веб-приложения и приложения для ios находится здесь.
Читать полностью »