This post is done on a special request from one of our thousands readers. If you have more requests, let me know in the comments
In this post, you will learn how to implement AdMob functionality, i.e. Google advertisements, in React Native apps. We will implement this in a simple React Native app and test on Android.
As we all know, advertisements are the major source of income for all tech giants like Google, Facebook, Twitter etc. Google ads are one of the most popular ads out there, and the mobile version of Google ads is what they call AdMob.
Digital Signature has been around for some time now. At the time of this write-up, it is practically impossible for you to be a mobile developer without having to create and use Digital Signature for taking user confirmation.
A digital signature is exactly what it sounds like a modern alternative to signing documents with paper and pen. It uses an advanced mathematical technique to check the authenticity and integrity of digital messages and documents.
You have to install the
react-native-signature-capture package. You’ll need to run the
expo install command as well to install its dependencies if you’re using Expo!
The most unique feature of this product or application is that it can manually be configured for any type of requirement, i.e., for E-Commerce or Small Scale Shops for keeping track of their inventory and purchases. This article is a continuation of the previous blog check it before referring this blog (Refer — https://medium.com/swlh/built-your-mobile-app-in-10-days-with-react-native-abdeafce0dfc)
Creating Sub Category, Show Sub- Category and Orders Screen
The complete SQLite DB call depends on this ONE function and returns Promise on Success and Reject on Error.
Firstly, we are going to connect our code to the “Local Database” from SQLite Storage. Here…
What is an .apk file?
An Android Package Kit (APK) is the package file format used by the Android OS for distribution and installation of mobile apps. It is similar to the .exe file you have on Windows OS, a .apk file is for android.
A debug .apk file will allow you to install and test your app before publishing to app stores. Mind you, this is not yet ready for publishing, and there are quite a few things you’ll need to do to before you can publish. Nevertheless, it’ll be useful for initial distribution and testing.
You’ll need to…
I recently built an Wildfire Tracker app using create-react-app. I’ll walk you through how I accomplished this.
I was drawn to the idea being able to help place prone to wildfire, I am using API from Earth Observatory Natural Event Tracker (EONET) to get updates regarding the latest updates about such events.
If you’re feeling impatient, you can dive right in and look at my code. Here’s the GitHub repo for my app.
Wondering how it is possible to develop your first ever REACT NATIVE application in 2021 in just 10 days? Well, today we are living in a highly tech-driven world, where everything is possible if you are on the right path and equipped with the right tools. And this statement is 100% true when it comes to developing a mobile application with React Native.
Short Note: By the end of this article, we will have an app structure that you are surely able to run on a real device or simulator for testing!
Setting Up Initial Routes, Login and Register…
RESTFul APIs have been around for sometime now. At the time of this write-up it is practically impossible for you to be a software developer without having to create and use one or more APIs.
API is an acronym for Application Programming Interface which has become an integral part of software development. “It is a set of of clearly defined methods of communication between various components” — Wikipedia.
RESTFul APIs, on the other hand, are APIs that conform to the REST architectural style. …
Let’s build a chat application.
The goal is to create an application with NO Authentication (signup/login) first name only, chat room creation, and group messages within those rooms.
It will be built in React Native. Firebase will be used to handle database storage. React Navigation will help with getting around. And, Farid Safi’s wonderful Gifted Chat library will handle the actual chat screen.
In the interest of space, and keeping things clean all styles will be kept out of this write up but live in the GitHub repository.
Open a terminal window, navigate to your folder of choice, and invoke…
React Native provides seamless support for cross-platform app dev on both iOS and Android for your apps. Having recently taken React Native, I learned that there were a lot of useful features you can add like create your OWN app, much of which I’ll explain here.
Note: For this article, I’ll be using React Navigation’s latest stable version, which is v5.
In the same way going back and forth is handled in a web browser — where…
Recently, I decided to explore and use React Native for developing Android Apps. However, as I was setting up my development environment on Windows, I ran into a lot of challenges. Setting up React Native on Windows is challenging and requires attention to a lot of moving pieces, even if you want to get a sample app up and running on an emulator.
In this article, I will discuss how to set up your development environment on Windows using React Native framework and Android Studio to build Android Apps.
I will be using the following tools to set up my…