reime005

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

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

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

#!/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

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

const scrollElementHeightPercent = 45;

export default Example = () => {
  ...
  const [scrollViewHeight, setScrollViewHeight] = React.useState(0);
  
  const scrollPerc = (contentOffset.y / (contentSize - scrollViewHeight))
    * (100 - scrollElementHeightPercent);
  
  return(

reime005

 <View
  style={{
    height: 100,
    ...
  }}
>
  <View
    style={{
      position: "absolute",
      top: `${Number(scrollPerc || 0).toFixed(0)}%`,