react native detect swipe

ByAnurag batra July 1, 2022June 30, 2022

 this.touchY = e.nativeEvent.pageY}
      onTouchEnd={e => {
        if (this.touchY - e.nativeEvent.pageY > 20)
          console.log('Swiped up')
      }}
      style={{height: 300, backgroundColor: '#ccc'}}
    />

Here is what the above code is Doing:
1. We’re using the onTouchStart event to store the Y position of the touch event.
2. We’re using the onTouchEnd event to compare the Y position of the touch event to the Y position of the touch start event.
3. If the difference between the two is greater than 20, we know that the user has swiped up.

Javascript Examples

javascript beforeunload

ByAnurag batra July 13, 2022June 30, 2022

window.addEventListener(‘beforeunload’, (event) => { // Cancel the event as stated by the standard. event.preventDefault(); // Chrome requires returnValue to be set. event.returnValue = ”; }); Here is what the above code is Doing: 1. We are adding an event listener to the window object. 2. The event listener is listening for the beforeunload event. 3….

Javascript Examples

include partials ejs

ByAnurag batra July 26, 2022June 30, 2022

Here is what the above code is Doing: 1. We’re using the include() method to include the nav.ejs file. 2. We’re passing the nav.ejs file as a parameter to the include() method. 3. We’re using the tags to execute the include() method. 4. We’re using the ./ to tell the include() method that the nav.ejs…

Javascript Examples

async await anonymous function

ByAnurag batra July 5, 2022June 30, 2022

let x = await (async function() {return “hello”})(); console.log(x); // or console.log(await (async() => ‘hello’)()) Here is what the above code is Doing: 1. The async function returns a promise. 2. The await keyword tells the compiler to wait until the promise is resolved. 3. The await keyword can only be used inside an async…

Javascript Examples

javascript string unique characters

ByAnurag batra July 7, 2022June 30, 2022

const unique = (str) => { const cleanStr = str.replace(/ /gi, ”); const set = […new Set(cleanStr)]; return set; } console.log(unique(‘asdqwe asdqwet dfadqwre ‘)); Here is what the above code is Doing: 1. We’re removing all the spaces from the string. 2. We’re creating a set from the string. 3. We’re returning the set.

Javascript Examples

js remove element from array

ByAnurag batra August 1, 2022June 30, 2022

//Remove specific value by index array.splice(index, 1); Here is what the above code is Doing: 1. We create an array with the values 1, 2, 3, 4, and 5. 2. We remove the value at index 2, which is 3. 3. We remove the value at index 0, which is 1. 4. We remove the…

useHistory is not exported form react-router-dom

Javascript Examples

useHistory is not exported form react-router-dom

ByAnurag batra July 20, 2022June 30, 2022

In react-router-dom version 6 useHistory() is replaced by useNavigate() ; import {useNavigate} from ‘react-router-dom’; const navigate = useNavigate(); navigate(‘/home’) Here is what the above code is Doing: 1. We are importing the useHistory hook from the react-router-dom library. 2. We are creating a variable called history and assigning it to the useHistory hook. 3. We…

Similar Posts