Hirbod hirbod

Full Stack Developer, React Native expert, QA wizard, bug hunter, OSS contributor, @expo enthusiast.

hirbod / react-native-reanimated-drag-sort_apple-music.jsx

Created January 14, 2023 15:46 — forked from eveningkid/react-native-reanimated-drag-sort_apple-music.jsx

React Native Reanimated 2 Multiple Drag and Sort: Apple Music Example

	// Expo SDK40
	// expo-blur: ~8.2.2
	// expo-haptics: ~8.4.0
	// react-native-gesture-handler: ~1.8.0
	// react-native-reanimated: ^2.0.0-rc.0
	// react-native-safe-area-context: 3.1.9

	import React, { useState } from 'react';
	import {
	Image,

hirbod / useBottomSheetBackHandler.ts

Created November 8, 2022 19:11 — forked from vanenshi/useBottomSheetBackHandler.ts

	import { BottomSheetModal, BottomSheetModalProps } from '@gorhom/bottom-sheet';
	import { useCallback, useRef } from 'react';
	import { BackHandler, NativeEventSubscription } from 'react-native';

	/**
	* hook that dismisses the bottom sheet on the hardware back button press if it is visible
	* @param bottomSheetRef ref to the bottom sheet which is going to be closed/dismissed on the back press
	*/
	export const useBottomSheetBackHandler = (
	bottomSheetRef: React.RefObject<BottomSheetModal \| null>,

hirbod / instagram-like-button.jsx

Created October 20, 2022 17:26 — forked from vcapretz/instagram-like-button.jsx

A simple Like button with a nice animation using react-native-reanimated v2, support for my post in https://vcapretz.com/2021/instagram-button-react-native

	import React from "react";
	import Animated, {
	useSharedValue,
	withSpring,
	useAnimatedStyle,
	Extrapolate,
	interpolate,
	} from "react-native-reanimated";
	import { Pressable, View, Button, StyleSheet } from "react-native";
	import { MaterialCommunityIcons } from "@expo/vector-icons";

hirbod / useKeyboardBottomInset hook

Created July 1, 2022 16:27 — forked from intergalacticspacehighway/useKeyboardBottomInset hook

Hook to get keyboard height in React Native and add bottom/padding inset on a view.

	import { Keyboard, Platform, KeyboardEvent } from 'react-native';

	const useKeyboardBottomInset = () => {
	const [bottom, setBottom] = React.useState(0);
	const subscriptions = React.useRef([]);

	React.useEffect(() => {
	function onKeyboardChange(e) {
	if (
	e.startCoordinates &&

hirbod / withIosTextInputMask.js

Created March 14, 2022 16:25

Expo config plugin to make react-native-text-input-mask works on iOS.

	const { withDangerousMod, createRunOncePlugin } = require('@expo/config-plugins');
	const { readFile, writeFile } = require('fs');

	const pkg = require('./node_modules/react-native-text-input-mask/package.json');

	function withIosTextInputMask(config) {
	return withDangerousMod(config, [
	'ios',
	async (config) => {
	const filePath = 'ios/Podfile';

hirbod / viewability-tracker-flatlist.tsx

Created January 25, 2022 14:42 — forked from intergalacticspacehighway/viewability-tracker-flatlist.tsx

Viewability tracker with shared values

	import { createContext, forwardRef, useCallback, useMemo } from "react";
	import { FlatList, FlatListProps, ViewToken } from "react-native";
	import Animated, { useSharedValue } from "react-native-reanimated";

	const MAX_VIEWABLE_ITEMS = 4;

	type ViewabilityItemsContextType = string[];

	export const ViewabilityItemsContext = createContext<
	Animated.SharedValue<ViewabilityItemsContextType>

hirbod / gist:28ed2ecad25ab1f59fd9

Last active August 29, 2015 14:06

	<!doctype html>
	<html lang="en-us">
	<head>
	<meta charset="utf-8">
	<title>Orientation Test</title>
	<style>
	body { text-align: center; }
	@media all and (orientation:portrait) {
	body { font-size: 35em; margin-top: .3em; }
	}

hirbod / install_opencv_debian.sh

Last active August 29, 2015 14:06 — forked from jonatw/install_opencv_debian.sh

	#install esseintal packages for opencv
	apt-get -y install build-essential
	apt-get -y install cmake
	apt-get -y install pkg-config
	apt-get -y install libgtk2.0-dev libgtk2.0
	apt-get -y install zlib1g-dev
	apt-get -y install libpng-dev
	apt-get -y install libjpeg-dev
	apt-get -y install libtiff-dev
	apt-get -y install libjasper-dev

hirbod / gist:8887496

Created February 8, 2014 17:54 — forked from wwdboer/gist:4943672

	function get_vimeoid( $url ) {
	$regex = '~
	# Match Vimeo link and embed code
	(?:<iframe [^>]*src=")? # If iframe match up to first quote of src
	(?: # Group vimeo url
	https?:\/\/ # Either http or https
	(?:[\w]+\.)* # Optional subdomains
	vimeo\.com # Match vimeo.com
	(?:[\/\w]*\/videos?)? # Optional video sub directory this handles groups links also
	\/ # Slash before Id

hirbod / copycats.php

Created March 25, 2013 17:08 — forked from dajoho/copycats.php

	<?php
	error_reporting(0);
	include 'redaxo/include/master.inc.php';
	error_reporting(E_ALL ^E_NOTICE);
	ini_set('display_errors', 1);

	$CLONE_THIS_ID = 184;
	$DUPLICATE_MODULES = true;