Posts

React Native - WebView - Mobile Application development

Image
Congratulations! You are standing in the right place! In this article,  we will learn how to utilize WebView. It is utilized when you want to render a web page to your mobile app inline. React Native WebView is a modern, well-fortified, and cross-platform WebView for React Native. It is intended to be a supersession for the built-in WebView Implementation: First, You must set up your local development environment. Follow the below link to set up your local environment.   https://www.knowledgefactory.net/2021/01/react-native-environment-setup-create-demo.html After executing the commands mentioned in this  link , a folder with a specified name is created with the following contents. Install  react -native-webview npm i  react-native-webview Next, we are going to edit the  App.js  file and write the below code. Import  WebView,  StyleSheet , View component in our project. import React from 'react' ; import { StyleSheet, View, } from 'react-native' ; import { W

React Native - MD5 -Mobile Application development

Image
Hello everyone, In this article, we would be going  to Convert any Input Value in MD5 in React Native The MD5 message-digest algorithm is a widely used hash function producing a 128-bit hash value. Although MD5 was initially designed to be used as a cryptographic hash function, it has been found to suffer from extensive vulnerabilities. It can still be used as a checksum to verify data integrity, but only against unintentional corruption. It remains suitable for other non-cryptographic purposes, for example for determining the partition for a particular key in a partitioned database. Implementation: First, You must set up your local development environment. Follow the below link to set up your local environment.   https://www.knowledgefactory.net/2021/01/react-native-environment-setup-create-demo.html After executing the commands mentioned in this  link , a folder with a specified name is created with the following contents. Install MD5 npm install md5 --save Next, we are goi

How to make a delay in Go Language

Image
The Sleep() method pauses the execution of the current thread temporarily.  Sleep()  is part of the time package. This method takes the duration as an argument.  Here is an example code that shows how to make a delay in Go Language. Here, 3*time.Second, means 3 seconds. This will sleep the current goroutine so other goroutines will continue to run. package main import ( "fmt" "time" ) func main() { // Before sleep fmt.Println( "Before sleep the time is:" , time.Now().Unix()) // pauses execution for 3 seconds time.Sleep( 3 * time.Second) // After sleep fmt.Println( "After sleep the time is:" , time.Now().Unix()) } Output: Goroutines Goroutines are methods that run concurrently with other methods. Goroutines can be thought of as lightweight threads. The cost of creating a Goroutine is tiny when compared to a thread.  Every concurrently executing activity in the Go language is known as Goroutines. Another Exampl

React Native - Seekbar Slider - Mobile Application development

Image
Congratulations! You are standing in the right place! In this article, we would be going to engender a react native application with the Text component and Slider component . We are going to create a mobile app like below,   Implementation: First, You must set up your local development environment. Follow the below link to set up your local environment.   https://www.knowledgefactory.net/2021/01/react-native-environment-setup-create-demo.html After executing the commands mentioned in this  link , a folder with a specified name is created with the following contents. Next, we are going to edit the  App.js  file and write the below code. Import AppRegistry, StyleSheet, Text, View, and Slider component in our project. import React, { Component } from 'react' ; import { AppRegistry, StyleSheet, Text, View, Slider } from 'react-native' ; Engender constructor() constructor () { super (); this .state = { SliderInitValue: 18 } } Engender a Parent View 

React Native - GridView Layout - Mobile Application development

Image
  Congratulations! You are standing in the right place!  In this article, w e are engendering a customized GridView for both android and iOS applications. We are going to create a mobile app like below, Implementation: You must set up your local development environment. Follow the below link to set up your local environment.   https://www.knowledgefactory.net/2021/01/react-native-environment-setup-create-demo.html After executing the commands mentioned in this  link , a folder with a specified name is created with the following contents. Next, we are going to edit the  App.js  file and write the below code. Import AppRegistry, StyleSheet, FlatList, Text, View, Alert and Platform component in your project. import React, { Component } from 'react' ; import { AppRegistry, StyleSheet, FlatList, Text, View, Alert, Platform } from 'react-native' ; Engender constructor in your project’s class and inside that constructor define super( ) method with props inside i