react-native-video适合平面列表项目的固定宽度高度

q5lcpyga  于 2023-05-01  发布在  React
关注(0)|答案(1)|浏览(150)

我有一个flatList,当我使用resizemode来覆盖它时,渲染视频和照片覆盖空间,但削减了视频的一部分,如果使用resizemode来包含,那么它将不适合屏幕宽度,但适合高度,我使用的视频容器代码没有固定的宽度或高度,但视频风格是

width: "100%",
        height: height * 0.4,
        backgroundColor:"#faf8fd"

我的代码

<View>
                         <Video source={{ uri: newVideourl }}
                                ref={player}
                                poster= {thumbImagee}
                                posterResizeMode='contain'
                                onBuffer={onBuffer}
                                onError={onError}
                                resizeMode="contain"
                                paused={isPlaying}
                                repeat
                                muted={isMuted}
                                onLoadStart={() => {
                                    setVideoLoadOpacity(1);
                                }}
                                onLoad={() => {
                                    setVideoLoadOpacity(0);
                                }}
                                style={styles.backgroundVideo} />
backgroundVideo: {
        width: "100%",
        height: height * 0.4,
        backgroundColor:"#faf8fd"
    },
e4yzc0pl

e4yzc0pl1#

尝试从React Native导入Dimensions,然后将样式更改为:

width: Dimensions.get('window').width,
height: Dimensions.get('window').height * 0.4,

相关问题