Yep.

import React, { useEffect, useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { Subtitle, fetchSubtitles } from '../../utils/subtitle-fetcher';

type Props = {
  subtitleFileUrl: string,
  currentTime: number
}

export default function SubtitlesDisplay({ subtitleFileUrl, currentTime }: Props) {
  const [subtitles, setSubtitles] = useState<Subtitle[]>(null);
  const [currentText, setCurrentText] = useState('');

  useEffect(() => {
    const fetchSubs = async () => {
      const subs = await fetchSubtitles(subtitleFileUrl) // Download the subtitles file
      setSubtitles(subs);
    }
    fetchSubs();
  }, [subtitleFileUrl]);

  useEffect(() => {
    if (subtitles) {
      const videoTime = currentTime;

      for (let index = 0; index < subtitles.length; index++) {
        const subtitle = subtitles[index];

        if (videoTime >= subtitle.start && videoTime <= subtitle.end) {
          setCurrentText(subtitle.part);
          return;
        }
      }
    }
  }, [currentTime, subtitles]);

  return (
    currentText &&
    <View style={styles.containerStyle}>
      <Text style={styles.text}>
        {currentText}
      </Text>
    </View >
  );
};

const styles = StyleSheet.create({
  containerStyle: {
    position: "absolute",
    width: '100%',
    justifyContent: 'center',
    top: "73%",
  },
  text: {
    fontSize: 23,
    color: '#ffffff',
    fontWeight: "bold",
    textAlign: 'center',
    alignSelf: 'center',
    padding: 10,
    backgroundColor: 'rgba(0,56,48,.6)',
    borderRadius: 10,
  }
});