In this tutorial, we are going to learn how to send push notifications to React Native using Firebase. We are going to walk you through all the Firebase setup steps as well as the React Native code needed for sending notifications. Push notifications are an important user retention lever, so React Native developers run into implementing them with every single app they build.
“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 extra set of device types. On most devices that have a notch, regular views do not display well and they block out a considerable part of the top of the screen. Let’s see how we can avoid the notch in React Native projects, with the help of SaveAreaView, a component that’s built into the React Native core.
In this tutorial, you are going to build a small demo by adding the feature of a deep linking in a React Native application. To support deep linking and navigation in the app, react-navigation library is going to be used. There are use cases in which using an external URL a user is going to transit to a specific screen in your application. This URL can be provided on a web page, for instance. Navigating to the exact screen in the React Native app from an external URL is what the process of Deep Linking is about.
Instagram has been growing like crazy over the past few years, and one of its key features that fueled that growth was the famous photo filters. By allowing users to apply various filters to their photos to make them better looking, Instagram has created an amazing product. Any modern photo app must support photo filters nowadays, so we are going to take a look at how to implement the Instagram photo filters in React Native.
At Instamobile, we provide fully functional React Native codebases, that serve as the infrastructure groundwork for developers who build mobile apps. Every day, we meet customers who need to fully clean their React Native projects, in order to properly build newer versions of the projects. In this short article, we are going to show you what instructions you must run in order to fully clean your React Native project environment.
Mobile banking, electronic transactions and online payments have been a growing trend in the modern world. It will not surprise you that every buy and sell transaction will take place online through the internet in the near future. Take a look at our curated list of the best free and premium Finance UI Kits, to use as inspiration while developing your next FinTech app in React Native. Mobile banking application, e-commerce websites and apps are increasing on a day to day basis. Every business companies are developing their own financial software and application. A large number of people already use mobile banking and finance apps to complete transactions, check balances, and explore financial services or financial product options. Financial apps have made it easy to manage your financial information and keep track of personal expenses and savings. Based on a recent survey, nearly 75% of smartphone users have at least one financial app on their device. As a result, you can leverage these Financial UI kits as inspiration for our next personal finance app project. Due to an increasing number of mobile banking applications, tools and kits are necessary for their quick and efficient designs. Therefore, we provide you with the top 10 list of Financial UI kits which will help you get started with your very own business finance application.
Today we’re going to draw directions route on a map in React Native, showcasing the path between two different locations. We’re going to make use of react-native-maps which is a powerful library, allowing us to draw polylines between multiple coordinates. We are also going to use Google Directions API, in order to fetch precise directions routes between two coordinates.
At Instamobile, we’re building a ton of complex features to save time and energy for React Native developers across the world. One of these complex features is the chat functionality, which is a must have in almost all mobile apps nowadays. In this tutorial, we’ll learn how to add a React Native Chat into any mobile app with only a few lines of code. And yes, we are talking about a fully fledged chat function, that comes integrated with backend (database & storage) and that is real-time. And it can be integrated into any React Native app with no effort!
It’s nearly impossible to build a mobile app these days without needing to access your users’ location in order to improve the user experience tremendously. In this article, we will be looking at how to get user location in React Native, without having your app crash.
In today’s world, with massive production of mobile application and websites, designing and building mobile interfaces and user experiences have been a growing trend. The ability to produce prototype designs rapidly has been an intriguing topic. At Instamobile, we build beautiful React Native templates to help designers and developers create their mobile apps more quickly. Let’s take a look at the best mobile app design tools that mobile designers and developers can use to produce high-quality prototypes.