It provides various packages to create tabs like views in the application. So react-native-tab-view is one of them. This component is implemented using the react-native-pager-view which is another component that allows the user to swipe left or right throughout the page data. React-native Read more…
For the most part, React Native’s Image component handles image caching in the same way as browsers do. If the server is returning proper cache-control headers for images you’ll generally get the sort of built-in caching behavior you’d have in a browser. Even so many Read more…
Angular service is very useful to organize business logic or data in the different components of an application. The methods written in the service file can be invoked from different typescript files of a component. The controller is responsible for binding data with view and model.
Hooks are the new feature of the react. They let you use the state and other features of React without creating a class. They are mainly used to handle state and other side effects in react functional components. Side effects are essentially anything that affects something outside of the scope Read more…
Step 1. Creating a React App
Install Create React App with the following command:
npm install -g create-react-app
Run this command to create a new app called my-reactapp:
npx create-react-app my-reactapp
Step 2. Reconfigure package.json.
Go to the specified Read more…
In react-native, To create a new application we use the following command:
react-native init MyApp
This command will create a package name with com.myapp. Sometimes, if your application is created with the wrong package name or bundle id or you want to release your existing application with Read more…
React Native apps have numerous benefits like they are fast, cost-efficient, and offer a nearly native look. But, when it is not done properly, it can lead to performance issues.
So, while making you react to native applications, developers need to be aware of the most common performance issues Read more…
To get phone contacts in the react-native application, it provides a package called react-native-contacts. This package provides you with all the contacts and their info from your mobile device.
npm install react-native-contacts –save
cd ios && pod install
Using the Google Photos Library API your app can read and write the photos in google photos or you can use them as a photo gallery in your application.
To integrate google photos in the react-native application you first need to install the react-native google-sign library.
A push notification is a message that pops up on a mobile device to notify a user that a specific action has occurred in that mobile app.
Below are the steps to configure Firebase in your application (To continue with these steps, you should already have Read more…
Deep linking is a way that allows an app to open a specific screen from an external link. It makes your app capable of navigating to a specific screen in response to external events like Push Notification, Emails, etc.
In react native, Linking API gives us Read more…
A provisioning profile binds developers and devices to an authorized iPhone Development Team and enables a device to be used for testing. Just Like android, you can’t install your application directly on the iOS device. Provisioning profile act as an intermediate between the Read more…
There are various ways to preserve the data in React Native but AsyncStorage is the most recommended way to persist data in your React Native applications as it is a built-in feature.
AsyncStorage is a simple, unencrypted, asynchronous Read more…
React native provides Facebook SDK to integrate facebook APIs in react native application. It can be used for both (iOS and Android) platforms. Below is the documentation to configuration this package for android:
Installation:
1. Go to your project location Read more…
In our project, we faced one problem the scrollbar in adobe captivate content was not working on the landscape mode of iPhone and iPad.
Solution: Follow the given Read more…
Testflight is a feature provided by apple to test the application by a group of users. In this we can send invitation to the users. It makes easy to invite users to test your ios Read more…
We often need to detect if site visitor is using an iPad, a smartphone or any other mobile device in order to change website appearance and even make it faster by reducing data load. Normally we use the media queries and Read more…
Problem: I want to enroll audience in course/program and I do not know that how we can enroll audience in course/program. To enroll an audience in course/program, I have followed the below steps Read more…
To get the android and ios device information like UDID, version, build, operating system etc – We can get this information by using react-native-device-info plugin provided by react native.
Installation:
npm install Read more…
Steps to access GPS in React Native app to capture lat/long
In your AndroidManifest.xml add following permissions:
<uses-permission android:name=”android.permission.ACCESS_FINE_LOCATION” />
it comes enabled by default on iOS but not Android.
There are three methods available for geolocation:
getCurrentPosition Read more…
