How can I fill text with Image or gif in react native?

I've tried to replicate this https://codepen.io/iamdejean/pen/wvwjjer. But I can't do like that. I've tried like the below:

import React from 'react'import { ImageBackground, StyleSheet, Text, View, Image } from 'react-native';import { TouchableOpacity } from 'react-native-gesture-handler'export const CustomGifContainer = ({onPress, text, image}) => {  return (<View style={GifContainerStyles.container}><TouchableOpacity          onPress={onPress}           style={GifContainerStyles.Gifcontainer}          activeOpacity={ 0.5}><ImageBackground source={image} style={GifContainerStyles.GifBackground}><View style={GifContainerStyles.Gifoverlay}><Text style={GifContainerStyles.text}>{text}</Text></View></ImageBackground></TouchableOpacity></View>  )}