Mobile Archives

Tab view in React-Native

Author - Webner
|
0 Comments
|

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…

React-Native-Fast-Image Introduction

Author - Webner
|
0 Comments
|

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…

Service layer in Angular

Author - Webner
|
0 Comments
|

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.

How to use Read more…

Hooks in React

Author - Webner
|
0 Comments
|

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…

Deploying a React App on Linux based Server

Author - Webner
|
0 Comments
|

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…

Rename package name in React-native

Author - Webner
|
0 Comments
|

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…

Increase React Native App Performance

Author - Webner
|
0 Comments
|

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…

How to get phone contacts in the react-native application

Author - Webner
|
0 Comments
|

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.

Installation:

npm install react-native-contacts –save

For ios:

cd ios && pod install

Read more…

Integrate Google Photos in React-Native

Author - Webner
|
0 Comments
|

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.

Read more…

React Native Push Notification – IOS

Author - Webner
|
0 Comments
|

Push Notification

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 in React Native – Android

Author - Webner
|
0 Comments
|

Deep Linking

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…

How To Make Provisioning Profile For iOS?

Author - Babita Kapoor
|
0 Comments
|

Provisioning Profile for iOS

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…

Persist Data Using AsyncStorage in React Native

Author - Dalbir Kaur
|
0 Comments
|

Persist Data Using AsyncStorage in React Native

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…

Facebook Share – React Native

Author - Babita Kapoor
|
0 Comments
|

Facebook Share-React Native

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…

Captivate Content – Scroll not working in landscape mode on iPhone

Author - Kajal Marwaha
|
0 Comments
|

Problem: Scroll was not working in the landscape mode for iPhone and iPad in adobe captivate

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…

Steps to Upload and Distribute iOS Build through Testflight

Author - Babita Kapoor
|
1 Comment
|

Learn the Steps to Upload and Distribute iOS Build through Testflight

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…

How to Detect Mobile devices in php

Author - Gopi Garg

Detect mobile device php code

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…

Totara | How to enroll audience to Course or Program

Author - Varun Chopra

Enrolling audience to Course or Program in Totara

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…

How to read Mobile Hardware and Operating system Details in React Native

Author - Varun Chopra

Steps to read Mobile Hardware and Operating system Details in React Native

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…

How to get Lat, Long in React Native app

Author - Varun Chopra
|
0 Comments
|

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…

1 2 3 4 5 6 ... 21 Next page ›