[x] Have you clearly read and understood the Readme?
Yes
[x] Code and explanation to replicate this issue:
I 'm trying to render a video within a Post component that is rendered in a FlatList. I have followed the basic example and I'm getting the video goes off of the area it should be rendered in. Here is my Video component.
import React, { PureComponent } from 'react';
import { View } from 'react-native';
import Video from 'react-native-af-video-player';
import PropTypes from 'prop-types';
import { POST_FILES_URL_PATH } from '../../../utils/constants';
I also tried to render the `Video` inside a `View` like this but also experiencing the same issue.
```js
render() {
const { video } = this.props;
return(
<View style ={{height: 250, width: 250}}>
<Video
url = { POST_FILES_URL_PATH + video.url }
/>
</View>
);
}
I guess that the default value of resizeMode which is contain does not work for some reason. It does not work even if I passed it explicitly rather than depending on the default value.
[x] react-native-af-video-player version: ^0.2.1
[x] React Native version: 0.59.8
[x] OS: Mac. Building for IOS
[x] Has this issue already been raised? No
[x] Have you clearly read and understood the Readme? Yes
[x] Code and explanation to replicate this issue: I 'm trying to render a video within a Post component that is rendered in a FlatList. I have followed the basic example and I'm getting the video goes off of the area it should be rendered in. Here is my Video component.
export default class PostVideo extends PureComponent { static propTypes = { video: PropTypes.object.isRequired };
}
Also tried giving the video
flex: 1
like this:[x] Are there any console logs? No
[x] Include Screeshots / Video: