Posts

Showing posts from February, 2021

Simple function to Encryption on Mobile No,email id or any user information in react-native

Image
 Hii, EveryOne , today i am going to write a simple java script function , in which we change the format of number, suppose you get a mobile number form back-end or from the user and now you want to encrypt that number , mobile no is  - 9876543210 and you have to show the number in the following format mobile no is - 98XXXXXX10 , if you are beginner in mobile application development  you see this kind of situation,  so here is the function with the help of the this function you can handle the situation like this, you can convert e-mail, mobile no, card no, name and any user information , const changeTheNumber=(number)=>{ var newNum = number.toString() var res = ''; for(var i = 0; i<newNum.length; i++){ if (i > 1 && i < 8){ res = res + newNum[i].replace(newNum[i],'X') //console.log(res) }else { res = res + newNum[i] } } //console.log(newNum) //co...
Image
                                    Age Calculator Application In React Native In this Blog we are going to develop a  Application in React-native in  which user enter there date of birth and get their age  run following command to Create Project npx react-native init AgeCalculator now project is create in the folder  import moment from "moment"; now do some magic   import React,{ Component }from 'react'; import {View,Text,TouchableOpacity,TextInput,Platform,} from 'react-native'; import moment from "moment"; export default class HomeScreen extends Component {   constructor(props){     super(props)       this.state={         age: 'Age',         dateofbirth: ' ',    ...

React-native pop up ,React-native Pop up hide on the touch of outside the pop up,

Image
Hide the Modal on the touch of outside the view Working with react-native there are many cases when you want and need to show the pop up,like when verification is done of password, Otp verification or you want to make custom Drop dwon and many other cases, and all these case you want on touch of out side the pop-up, pop-up should be dismiss, you can do this with the help of Modal in react-native, you can mangae the touch of out side the view and in side the view both , we can use the touchablewithoutfeedback but with the help of touchablewithoutfeedback you can't stop the touch of inside, if you use touchablewithoutfeedback and your user touch inside the view your view will be disapper, In this Post we learn how to manage the touch out side and inside the view:-   first of all import Modal from the react-native  import{Modal,View,TouchableOpacityWithOutFeedBack,Text}  After Importing the Modal set the state -  *if Your are using the Class component:- constructor(prop...