Skip to content

Instantly share code, notes, and snippets.

View akimabs's full-sized avatar
👋
Supp bro

Abdul Hakim akimabs

👋
Supp bro
View GitHub Profile
@akimabs
akimabs / deep-link.txt
Created September 25, 2021 07:40
Integration deep-link with react navigation
import React, { useEffect, useRef, useState } from 'react';
import { Animated, FlatList, StyleSheet, View } from 'react-native';
import { Text } from 'app/components';
import { AnimatedGradient } from './box-helper';
const colors: string[] = [
'#069EC6',
'#2D569A',
'#87C054',
'#F78A53',
@akimabs
akimabs / index.js
Created September 16, 2021 11:05
harversine with sort ala ala
const data = {
Fields: [
{
id: "3e88bbb7-f93c-4038-94ed-8870f8a5a454",
name: "GOR Jakarta Mantep",
address: "Jl, Sudirman Punya Gela",
latitude: -6.392687,
longitude: 106.389778,
createdAt: "2021-09-16T01:51:31.288Z",
updatedAt: "2021-09-16T01:51:31.288Z",
@akimabs
akimabs / ModalSheet.tsx
Created August 10, 2021 04:14
Modal PanResponder
import React, { FC, useCallback, useEffect, useRef } from 'react';
import { PanResponder, Animated, View, StyleSheet, TouchableOpacity } from 'react-native';
import { heightPercentageToDP, widthPercentageToDP } from 'react-native-responsive-screen';
type ModalProps = {
isVisible: boolean;
height: number;
onClose: () => void;
children: any;
};
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
package smt6;
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
package smt6;
/**
*
* @author Z
@akimabs
akimabs / Animate-SplashScreen
Created February 18, 2020 08:29
Animate SplashScreen
import React, {useEffect, useState} from 'react';
import {
View,
SafeAreaView,
StatusBar,
Animated,
StyleSheet,
Text,
} from 'react-native';
import {Colors} from '_styles';
on actions
export const UPDATE = (data, datapatch, datafix) => {
return {
type: 'UPDATE_ORDERS',
payload: data,
datapatch,
datafix
}
}