На большинстве устройств с выемкой обычные виды не отображаются должным образом и закрывают значительную часть верхней части экрана. Давайте посмотрим, как мы можем избежать выемки в проектах React Native с помощью SaveAreaView, компонента, встроенного в ядро React Native.
instamobile
Avoid The Notch With SafeAreaView in React Native Apps - instamobile
“The notch” has been introduced by Apple a few years ago, with the launch of iPhone X. For iOS developers, this introduced more work on the day to day layout efforts, as it added an Read more…
Пользовательский интерфейс чат-приложения Flutter с несколькими темами и режимом светлый + темный https://clck.ru/VeLpt
Flutter Awesome
Flutter chat-app UI with multiple themes & light + Dark mode
Flutter chat-app UI with multiple themes & light + Dark mode.
Полное руководство по тестированию приложения React Native с использованием Cypress https://clck.ru/VeLJ4
Better world by better software
The Complete Guide to Testing React Native App Using Cypress
If your company is evaluating using the React Native technology for developing its native mobile application, you are probably wondering how to write and run the tests. The React Native testing docs r
Простое приложение с прогнозом погоды использует Flutter и WeNowAPI. https://clck.ru/VeLr4
Flutter Awesome
A simple weather forecast app uses Flutter and WeNowAPI
WeNow is a simple weather forecast app, which uses WeNowAPI to fetch 8 day / 1 hour forecasted data from the OpenWeather
Изучение нового SDK Stripe React Native Хотя Stripe является лишь вторым по популярности платежным шлюзом (первым остается PayPal), он пользуется постоянно растущим спросом со стороны новых и существующих компаний по всему миру. https://clck.ru/VeEoH
LogRocket Blog
Exploring the new Stripe React Native SDK - LogRocket Blog
Follow this guide to implement the Stripe payment system in your React Native apps with the new Stripe React Native SDK.
Создание модального всплывающего окна в React Native Модальные окна - отличный инструмент для улучшения пользовательских интерфейсов. По сути, модальное окно - это экран, который появляется над другим экраном, направляя внимание пользователя на важную информацию или направляя его к следующему этапу процесса. https://clck.ru/VeEoB
LogRocket Blog
Creating a pop-up modal in React Native - LogRocket Blog
Install modals in your React Native project to improve your user interfaces by directing user attention towards buttons and pop-ups.
Хороший чистый пользовательский интерфейс приложения аналоговых часов с флаттером https://clck.ru/VeMA7
Flutter Awesome
A Nice Clean Analog Clock App UI With Flutter
a nice clean analog clock app UI by using flutter.
Руководство по свойствам Flexbox в React Native Если у вас есть опыт веб-дизайна и / или разработки, возможно, вы знакомы с Flexbox . Это дополнительный инструмент CSS, который позволяет создавать макеты на основе столбцов и строк. https://clck.ru/VUKPj
LogRocket Blog
A guide to Flexbox properties in React Native - LogRocket Blog
Developing a mobile app in React Native? Use Flexbox, a CSS tool that enables you to build layouts to fit multiple screen sizes.
Введение в React Native Camera Работа с камерой, сканирование QR-кодов и распознавание текста - сложная задача для приложений React Native. Это огромный объем работы, требующий манипуляций с камерой в нативной разработке. Если у вас возникают проблемы с кроссплатформенной мобильной разработкой в React Native при работе с камерой, React Native Camera - именно то, что вам нужно. https://clck.ru/VftrM
LogRocket Blog
Intro to React Native Camera - LogRocket Blog
Learn about React Native Camera, a component for React Native that allows you to easily utilize a device's camera in your mobile apps.
5 лучших решений для аутентификации React Native https://clck.ru/Vh58t
Medium
Top 5 Auth Solutions for React Native
Get to know 5 Auth Providers for React Native to get a head start with your Authentication flow
Создание собственного экрана / заголовка страницы React https://clck.ru/VqFFZ
Medium
Constructing a React Native Screen/Page Header
In this blog we are going to build a custom Screen Header and also look at customising it for different use cases.
Как настроить Hermes в React Native Hermes - это движок Javascript, оптимизированный для React Native и работающий как для Android, так и для iOS. Hermes - это библиотека с открытым исходным кодом, которая, как было обнаружено, имеет потенциальные преимущества для производительности во многих приложениях, таких как улучшенное время запуска, более эффективная, следовательно, меньшее использование памяти и меньший размер приложения. https://clck.ru/VrSzJ
instamobile
How to Set Up Hermes in React Native - instamobile
Learn how to set up Hermes in React Native - improve app startup time, app size and memory footprint in React Native apps with Hermes. Tutorial in React
Сеть во Flutter с использованием Dio Важной частью разработки приложений является корректная обработка сетевых запросов. Ответы, возвращаемые сетью, могут содержать неожиданные результаты, и для обеспечения хорошего взаимодействия с пользователем необходимо заранее позаботиться о крайних случаях.
В этой статье мы рассмотрим, как обрабатывать запросы REST API во Flutter с помощью пакета Dio. https://clck.ru/VoNau
В этой статье мы рассмотрим, как обрабатывать запросы REST API во Flutter с помощью пакета Dio. https://clck.ru/VoNau
LogRocket Blog
Networking in Flutter using Dio - LogRocket Blog
Learn how to easily and gracefully handle your REST API requests in Flutter using the Dio package in this detailed tutorial.
Добавьте Firebase в свое приложение Flutter с помощью плагинов FlutterFire Firebase помогает вам разрабатывать, оценивать, улучшать и развивать мобильное приложение. Он поддерживается Google и охватывает широкий спектр услуг, включая базу данных в реальном времени, аутентификацию, мониторинг сбоев, аналитику, push-уведомления и многое другое. Firebase предоставляет все эти серверные инструменты, связанные с платформой, как услугу, поэтому вы можете больше сосредоточиться на создании основных функций приложения. https://clck.ru/VoNay
LogRocket Blog
Add Firebase to your Flutter app with FlutterFire plugins - LogRocket Blog
Learn how to integrate the FlutterFire plugins Authentication, Cloud Firestore, Remote Config, Crashlytics, and Analytics in a Flutter app.
Flutter vs. Swift для разработки под iOS
В этом руководстве мы сравним Flutter, кроссплатформенный набор инструментов с открытым исходным кодом для создания пользовательского интерфейса, с Swift, основным языком для создания приложений для iOS и macOS. https://clck.ru/Vu64w
В этом руководстве мы сравним Flutter, кроссплатформенный набор инструментов с открытым исходным кодом для создания пользовательского интерфейса, с Swift, основным языком для создания приложений для iOS и macOS. https://clck.ru/Vu64w
LogRocket Blog
Flutter vs. Swift for iOS development - LogRocket Blog
Let's compare Flutter, an open-source toolkit for building UIs, and Swift, the primary language for building apps across iOS and macOS.
Как создать сборщик изображений с помощью React-Native-Image-Crop Picker По моему опыту работы с React Native, одна из задач, которые я выполняю чаще всего, - это создание функциональности для загрузки изображений с пользовательских устройств. Это может быть сложно, если вы никогда этого не делали раньше.
В этом руководстве мы продемонстрируем, как использовать React Native Image Crop Picker, чтобы ваши пользователи могли выбирать изображения со своих устройств или использовать камеру устройства для захвата и загрузки живых фотографий в ваше приложение. https://clck.ru/Vw5JE
В этом руководстве мы продемонстрируем, как использовать React Native Image Crop Picker, чтобы ваши пользователи могли выбирать изображения со своих устройств или использовать камеру устройства для захвата и загрузки живых фотографий в ваше приложение. https://clck.ru/Vw5JE
LogRocket Blog
How to build an image picker using react-native-image-crop-picker - LogRocket Blog
This tutorial demonstrates how to use React Native Image Crop Picker to select images from devices and upload photos to your app.
Получение данных с помощью React Native В этой статье вы узнаете, как получать данные из API и отображать их пользователю. Мы рассмотрим несколько подходов с исчерпывающими примерами кода, чтобы помочь вам определить лучший метод для вашего приложения. https://clck.ru/Vw5JN
LogRocket Blog
Data fetching with React Native - LogRocket Blog
Should you use the built-in Fetch API, GraphQL, or something else to fetch data in React Native? Learn what works for your use case.
Создайте библиотеку компонентов React Native с помощью Storybook Создание библиотеки пользовательского интерфейса компонентов - отличный способ обеспечить соблюдение стандартов проектирования в организации или кодовой базе. Однако это может иметь серьезные технические препятствия, особенно в больших библиотеках, потому что может быть легко получить запутанную и трудночитаемую кодовую базу.
К счастью, были разработаны различные инструменты, упрощающие процесс создания библиотеки компонентов. В этой статье мы рассмотрим некоторые инструменты, которые упрощают создание библиотек компонентов в React Native, в первую очередь Storybook и Shopify Restyle. https://clck.ru/VxyQm
К счастью, были разработаны различные инструменты, упрощающие процесс создания библиотеки компонентов. В этой статье мы рассмотрим некоторые инструменты, которые упрощают создание библиотек компонентов в React Native, в первую очередь Storybook и Shopify Restyle. https://clck.ru/VxyQm
LogRocket Blog
Build a React Native component library with Storybook - LogRocket Blog
Easily build a component library in React Native with Storybook and Shopify Restyle, helpful tools that help keep a codebase organized.
Кэширование изображений в React Native: учебник с примерами В этом руководстве мы сначала покажем вам, как кэшировать изображения в React Native с помощью библиотеки. Затем мы продемонстрируем, как создать собственный компонент кэширования изображений React Native с нуля, с пошаговыми инструкциями и подробными примерами. https://clck.ru/VzbGb
LogRocket Blog
Caching images in React Native: A tutorial with examples - LogRocket Blog
Learn how to cache images in React Native using react-native-fast-image and build your own React Native image caching component from scratch.