For styling I am using NativeWind 4.1.23, which works fine across various Expo libraries.

For the integration of Video playback, I am using Expo AV. I've noticed that the Video component from expo-av does not recognize the styling defined with className. It only recognizes and supports the styling defined with style property. I noticed this behavior on Android using Expo Go.

For that reason, I'd to wrap Video with View.

Are you familiar with any limitation using className with Video for styling?

  <View className='w-full h-60 overflow-hidden rounded-xl mt-3'>
      <Video
        source={{
          uri: ('.mp4'),
        }}
        style={{
          // style the video to fill its parent
          width: '100%',
          height: '100%',
        }}
        resizeMode={ResizeMode.COVER}
        useNativeControls={true}
        shouldPlay
        onError={
          // function to be called if load or playback have encountered a fatal error.
          (error) => {
            Alert.alert('Error', error);
            setPlay(false);
          }
        }
        onPlaybackStatusUpdate={
          // function to be called regularly with the AVPlaybackStatus of the video.
          (status) => {
            if (status.isLoaded && (status as AVPlaybackStatusSuccess).didJustFinish) {
              setPlay(false);
            }
          }
        }
      />
 </View>