Netflix-Style Intro

1import React, { useEffect, useRef } from 'react';
2import {
3    StyleSheet,
4    View,
5    Animated,
6    Dimensions,
7    StatusBar,
8    Easing
9} from 'react-native';
10
11const { width } = Dimensions.get('window');
12
13interface Props {
14    text: string;
15    onFinish: () => void;
16}
17
18const NetflixSplash = ({ text, onFinish }: Props) => {
19    const letters = text.split('');
20

// netflix-splash-screen
import React, { useState } from 'react';
import { View, StyleSheet, Text } from 'react-native';
import NetflixSplash from './components/CinematicSplash';

export default function App() {
    const [isBooting, setIsBooting] = useState(true);

    if (isBooting) {
        return (
            <NetflixSplash
                text="UILORA"
                onFinish={() => setIsBooting(false)}
            />
        );
    }

    return (
        <View style={styles.main}>
            <Text style={styles.text}>Welcome Home</Text>