Skip to content

Instantly share code, notes, and snippets.

View BubbleTrouble14's full-sized avatar
🏠
Working from home

Ronald Goedeke BubbleTrouble14

🏠
Working from home
View GitHub Profile
{
offer: "offer1qqr83wcuu2rykcmqvpsxygqqemhmlaekcenaz02ma6hs5w600dhjlvfjn477nkwz369h88kll73h37fefnwk3qqnz8s0lle0wr94u0mlfkvu8fglg782t2ux8hlmytrm7f42nnu30v2rssa0r4uhymqz2pyudrnldy0ewejl3s8x2ytgeratfp2evlhq9hlh0mt0kghxlmehf8pcaal3h67txjp3wrrq0dvrlm5ljmw22xha9p09lv2jx3dlsh84fusexd0tnakxek7dw9t6af6elzdmgj47m6kwstv4uxxn7f3vd3cezrhehl4vaya93l6stusctaz0ysdr3ug3vl6gvdl2xve95vejtl68va9gdczvpyjx6tagtaj3f08lamzs0a6wwwexmw5nujl0hj8esnlq3y6cwx4ahjf0km2velalyz7apldc773cnrcdu2h87n0m0tnarflm43l4vmf26rvhu597l9jwnglgqhhnl9p20yrzg8zglwtxld8x6rer52amu2498h0tjew9ee4hunkyrku42z4eqzu068u3nk3ysrglnx0p8vlsxnhspvt03ns09les7ktzuastpmahdup4xh3m40j25ewfym4hux8ccuey70syevt6tlc0y3nff9q5z3d7n6e8ykn92f49v6n9wff82e26f9565utwfe56jj2kf9ex5c2f24gkj7vehepy242jtegc5ktp2ey5yjnf5evmnftkdfzhuc2e36r9z6jpt6l95k23f9lyzuj6dfl2u4jwve0trwd94xh2zhj22qcajkc7pn3w6ya6knl0nlgulw3xvr6mdedus739dnze4zfhqchfl2n706l5la8l4lal9yt73x3ym2azd2ec8u87389xrjs922f5kv4zwveexkhns4d0yqjs6ezewy0x3g93hqzyfenx93srr8fy02phxlv670kejmcl7alrmw7jypahtcdt7mfvjwuwchut7hc3pee9a3sz546d0m
@BubbleTrouble14
BubbleTrouble14 / FloatingActionButton.js
Created May 26, 2022 09:37
Something simliar to react-native-shadow-2 but using Shopify/react-native-skia. Not sure if the performance is better then react-native-svg but think so.
import { Canvas, Circle, useTouchHandler, useValue } from '@shopify/react-native-skia';
import PropTypes from 'prop-types';
import React from 'react';
import { StyleSheet } from 'react-native';
import { View } from 'react-native-ui-lib';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
import ShadowView from './ShadowView';
const FloatingActionButton = ({
size = 42,
import { Box, Button, Container, Paper, Typography } from "@mui/material";
import {
Outlet,
useFetcher,
useLoaderData,
useTransition,
} from "@remix-run/react";
import React, { useEffect, useState } from "react";
import { json } from "@remix-run/node";
import BlocksChart from "../src/Components/Charts/BlocksChart";

Keybase proof

I hereby claim:

  • I am bubbletrouble14 on github.
  • I am bubbletrouble (https://keybase.io/bubbletrouble) on keybase.
  • I have a public key ASC-uOX0152EtgerKHBiyz9QXXDGcRHhW68rrEigtgw6SAo

To claim this, I am signing this object:

html,
body {
height: 100%;
margin: 0;
padding: 0;
}
#root {
height: 100%;
margin: 0;
padding: 0;