Skip to content

Instantly share code, notes, and snippets.

View catalinmiron's full-sized avatar
🎥
https://www.youtube.com/c/catalinmirondev

Catalin Miron catalinmiron

🎥
https://www.youtube.com/c/catalinmirondev
View GitHub Profile
@catalinmiron
catalinmiron / index.js
Created October 28, 2020 20:37
Dynamic tabs underline - Starter boilerplate
import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
const images = {
man:
'https://images.pexels.com/photos/3147528/pexels-photo-3147528.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',
women:
'https://images.pexels.com/photos/2552130/pexels-photo-2552130.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',
kids:
@catalinmiron
catalinmiron / index.tsx
Created September 4, 2020 09:58
Violina Zoom
yarn add react-native-pose
@catalinmiron
catalinmiron / index.html
Created February 27, 2020 08:42
Dark mode native html + css
<!--
Copied from: https://github.com/ampproject/amp.dev/blob/future/examples/source/style-layout/Dark_Mode_Toggle.htm
-->
<!---
- author: tomayac
- formats
- websites
- stories
--->
@catalinmiron
catalinmiron / xxx.sh
Created February 19, 2020 08:41
Uni install expo+npm
// In your bash/zsh/etc...
function universalInstall() {
echo "Running install with $@";
echo "- react-native-gesture-handler\n- react-native-reanimated\n- react-native-screens\n- react-native-safe-area-context\n- @react-native-community/masked-view\n"
$@ install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view;
}
// Usage
universalInstall expo
// Shader created with Shader Forge v1.38
// Shader Forge (c) Neat Corporation / Joachim Holmer - http://www.acegikmo.com/shaderforge/
// Note: Manually altering this data may prevent you from opening it in Shader Forge
/*SF_DATA;ver:1.38;sub:START;pass:START;ps:flbk:,iptp:0,cusa:False,bamd:0,cgin:,lico:1,lgpr:1,limd:1,spmd:1,trmd:0,grmd:0,uamb:True,mssp:True,bkdf:False,hqlp:False,rprd:False,enco:False,rmgx:True,imps:True,rpth:0,vtps:0,hqsc:True,nrmq:1,nrsp:0,vomd:0,spxs:False,tesm:0,olmd:1,culm:0,bsrc:0,bdst:1,dpts:2,wrdp:True,dith:0,atcv:False,rfrpo:True,rfrpn:Refraction,coma:15,ufog:True,aust:True,igpj:False,qofs:0,qpre:2,rntp:3,fgom:False,fgoc:False,fgod:False,fgor:False,fgmd:0,fgcr:1,fgcg:1,fgcb:1,fgca:1,fgde:0.01,fgrn:5,fgrf:15,stcl:False,atwp:False,stva:128,stmr:255,stmw:255,stcp:6,stps:0,stfa:0,stfz:0,ofsf:0,ofsu:0,f2p0:False,fnsp:False,fnfb:False,fsmp:False;n:type:ShaderForge.SFN_Final,id:4904,x:33076,y:32617,varname:node_4904,prsc:2|diff-5996-OUT,clip-8651-A;n:type:ShaderForge.SFN_Color,id:848,x:32
@catalinmiron
catalinmiron / submit.md
Created October 26, 2019 06:11 — forked from tanaikech/submit.md
Retrieving Access Token From OneDrive using Google Apps Script

Retrieving Access Token From OneDrive using Google Apps Script

Overview

This GAS sample is for retrieving access token to use OneDrive APIs using Google Apps Script.

In this script, the authorization code is automatically retrieved.

Demo

@catalinmiron
catalinmiron / submit.md
Created October 26, 2019 06:10 — forked from tanaikech/submit.md
Uploading Files to OneDrive Using Node.js

In order to use this script, please retrieve client id, client secret and refresh token before. About this, you can see the detail information at https://gist.github.com/tanaikech/d9674f0ead7e3320c5e3184f5d1b05cc.

1. Simple item upload

This is for the simple item upload is available for items with less than 4 MB of content. The detail information is https://dev.onedrive.com/items/upload_put.htm.

var fs = require('fs');
var mime = require('mime');
var request = require('request');
@catalinmiron
catalinmiron / app.js
Last active August 13, 2019 19:23
Mars planet expo implementation
// Inspiration: https://dribbble.com/shots/6520262-Mars
// Planet image: https://pngimg.com/download/61156
import React from 'react';
import {
StatusBar,
ScrollView,
TouchableWithoutFeedback,
Dimensions,
Image,
View,
@catalinmiron
catalinmiron / App.js
Created January 15, 2019 10:53
No need for constructor example
import React from "react";
import { StyleSheet, StatusBar, View, Dimensions } from "react-native";
import posed from "react-native-pose";
const { width, height } = Dimensions.get("screen");
const GridItem = posed.View({
RIGHT: { rotate: "45deg" },
LEFT: { rotate: "-45deg" }
});
const LINE_WIDTH = 3;
@catalinmiron
catalinmiron / DrawerControl.tsx
Created November 28, 2018 15:02 — forked from erictraut/DrawerControl.tsx
ReactXPDrawerWithConstantWidth
/*
* This file implements a basic drawer control.
*/
import RX = require('reactxp');
interface MainPanelProps extends RX.CommonStyledProps<RX.Types.ViewStyleRuleSet> {
renderDrawer: () => JSX.Element;
renderContent: () => JSX.Element;
}