Async and Await are two important keywords in programming languages. These two keywords make asynchronous functions read better. In this tutorial, let’s see how to use async and await in Flutter. Following is an asynchronous function where async and await keywords are used. Following is the video where the official Flutter team explains the usage…
In some scenarios, you may want to get an existing variable inside your string. Hence, let’s check how to call variables inside a string in Flutter. Calling a variable inside string is extremely easy in Flutter. You just need to use the dollar syntax as given below. Here $value represents an already defined variable named…
A mobile app might be running on various mobile devices with different configurations. Hence, it’s important for developers to get the device model of the users. Then only the developer can address device-specific bugs and issues. Let’s check how to get device model in Flutter. The device info is a Flutter package that gives information…
Razorpay is a popular payment gateway among developers, especially in India. In this react native tutorial, let’s check how to add the Razorpay payment gateway in your react native project. I assume you have an account with Razorpay. Get test API keys from Settings > API Keys. Real money is not used when you use…
Usually, we run react native apps on real Android devices using the USB debugging method. The main issue with this method is that you need your device connected through a USB cable all the time. In this blog post, let’s how to debug or run your react native apps over a wireless network (WiFi). First…
Flipper is a debugging tool backed by Facebook and can be used for debugging Android, iOS, and react native projects. From version 0.62 onwards, React Native comes with default support for Flipper. Let’s check how to use flipper with react native. First of all, you have to install the Flipper app on your PC. You…
Fetching data from an API and displaying that data in ListView is a common requirement of Flutter Apps. It’s because you can show a large set of dynamic data through the ListView widget easily. In this Flutter tutorial, let’s use a sample API https://jsonplaceholder.typicode.com/albums that gives a set of data in JSON format. First of…
Most of the mobile applications we develop have to use internet for various purposes. Hence, let’s learn how to fetch data from APIs in Flutter. We are using a sample API https://jsonplaceholder.typicode.com/todos/1 that gives the following data in JSON. First of all install http package into your Flutter project. Open your pubspec.yaml file and add…
The popularity of Flutter is so high that many mobile app developers using other frameworks or languages want to try it. The developers migrating from one framework to another always have so many confusions. For example, if you are a react native developer and wanna try flutter then you have to learn more about Flutter…
PDF is one of the most popular formats used for documents. As a result, you may have to add PDF support to your react native apps. In this blog post, let’s check how to create thumbnails for PDF files in react native. We use a third party library named react native pdf thumbnail to generate…
We get API responses mostly in JSON format. It’s due to the simplicity and popularity of JSON. Sometimes, developers prefer to give API responses in raw text. In this blog post, let’s check how to handle text responses using Fetch in react native. React Native provides Fetch API for our networking needs. Fetch returns promise…
When you use components such as FlatList, you may get few warnings in react native. Even though these warnings may not appear as crucial it’s always better to fix those warnings. One such warning you may come across is given below. Warning: Failed child context type: Invalid child context virtualizedCell.cellKey of type number supplied to…