Skip to content

Instantly share code, notes, and snippets.

View reime005's full-sized avatar
ℹ️

Marius Reimer reime005

ℹ️
111 followers · 34 following
View GitHub Profile
@reime005
reime005 / scroll-indicator-3.jsx
Created August 9, 2020 20:09
<View
style={{
height: 100,
...
}}
>
<View
style={{
position: "absolute",
top: `${Number(scrollPerc || 0).toFixed(0)}%`,
@reime005
reime005 / scroll-indicator-2.jsx
Created August 9, 2020 19:58
const scrollElementHeightPercent = 45;
export default Example = () => {
...
const [scrollViewHeight, setScrollViewHeight] = React.useState(0);
const scrollPerc = (contentOffset.y / (contentSize - scrollViewHeight))
* (100 - scrollElementHeightPercent);
return(
@reime005
reime005 / scroll-indicator-1.jsx
Created August 9, 2020 19:54
export default Example = () => {
const [contentOffset, setContentOffset] = React.useState({ x: 0, y: 0 });
const [contentSize, setContentSize] = React.useState(0);
return(
<ScrollView
onScroll={e => {
setContentOffset(e.nativeEvent.contentOffset);
}}
onContentSizeChange={(_, height) => {
@reime005
reime005 / android.wait-for-launcher.sh
Created August 9, 2020 11:31 — forked from d4vidi/android.wait-for-launcher.sh
#!/bin/bash
echo ""
echo "[Waiting for launcher to start]"
LAUNCHER_READY=
while [[ -z ${LAUNCHER_READY} ]]; do
UI_FOCUS=`adb shell dumpsys window windows 2>/dev/null | grep -i mCurrentFocus`
echo "(DEBUG) Current focus: ${UI_FOCUS}"
case $UI_FOCUS in
@reime005
reime005 / App.lazy.js
Created July 26, 2020 14:48
import * as React from 'react';
const VeryBigJokesList = React.lazy(() => import('./VeryBigJokesList'));
function App() {
return (
<div className="App">
<header className="App-header">
<div style={{ maxWidth: 600 }}>
<React.Suspense fallback={<p>Loading list...</p>}>
@reime005
reime005 / App.eager.js
Created July 26, 2020 14:16
import * as React from 'react';
import VeryBigJokesList from './VeryBigJokesList';
function App() {
return (
<div className="App">
<header className="App-header">
<div style={{ maxWidth: 600 }}>
<VeryBigJokesList />
@reime005
reime005 / VeryBigJokesList.js
Created July 26, 2020 14:09
import React from 'react'
import preDefinedJokes from './preDefinedJokes.json'
const VeryBigJokesList = ({ jokes = preDefinedJokes }) => {
if (!Array.isArray(jokes)) {
return <p>No jokes found.</p>
}
return (
@reime005
reime005 / mac-dev-folder-issues.sh
Created July 22, 2020 08:54
# fix vscode issue that causes a 100% cpu usage (tsserver)
~/Library/Caches/typescript
# ios / xcode
~/Library/Developer/Xcode/DerivedData/*
~/Library/Developer/CoreSimulator/Caches/*
# android
~/.gradle/caches
@reime005
reime005 / index.html
Last active April 26, 2020 16:33
CSS Custom Text Highlighting
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@600&display=swap" rel="stylesheet">
<style type="text/css">
body {
font-family: 'Baloo Bhaina 2', cursive;
background-color: #fffdf8;
}
.highlighted-text {
@reime005
reime005 / README.md
Created November 24, 2019 15:24
Github Actions badge Example (.github/workflows/iOS.yml)

iOS badge example