[BUG]: View config not found for component RCTVideo #4800
Description
Version
"react-native-video": "^6.18.0",
What platforms are you having the problem on?
iOS
System Version
native
On what device are you experiencing the issue?
Real device
Architecture
New architecture with interop layer
What happened?
I followed the Instructions provided on your site here:
https://docs.thewidlarzgroup.com/react-native-video/docs/v6/intro
But, the App Crashes and returns this error.
Reproduction Link
repository link
Reproduction
Step to reproduce this bug are:
- I created a New Element that matched the example code provided, it is pasted below:
const VideoPlayer = ({ media }: { media: string }) => {
const videoRef = useRef<VideoRef>(null);
const [isLoading, setIsLoading] = useState(false);
const onBuffer = (param: OnBufferData) => {
console.log('onVideoBuffer');
setIsLoading(param.isBuffering);
};
const onError = (err: OnVideoErrorData) => {
console.log(JSON.stringify(err));
};
console.log('media');
console.log(media);
return (
<Video
// Can be a URL or a local file.
source={{uri: media}}
// Store reference
ref={videoRef}
// Callback when remote video is buffering
onBuffer={onBuffer}
// Callback when the video cannot be loaded
onError={onError}
style={styles.backgroundVideo}
/>
);
};
// Later in your styles...
var styles = StyleSheet.create({
backgroundVideo: {
position: 'absolute',
top: 0,
left: 0,
bottom: 0,
right: 0,
},
});
- I followed the instructions on your web page for Expo Projecs by adding this dictionary to my plugins in my app.json file:
[
"react-native-video",
{
"enableNotificationControls": true,
"androidExtensions": {
"useExoplayerRtsp": false,
"useExoplayerSmoothStreaming": false,
"useExoplayerHls": false,
"useExoplayerDash": false
}
}
]```
3. I run the app using the build command:
```npx expo start --clear```
4. I connect to my app using my iphone, and load a screen that is using the component