react-native-video 视频播放开始黑屏一秒钟

问题 ：react-native-video 视频播放开始黑屏一秒钟

找到原因：

因为播放视频了，如果把该视频opacity设置为0，则不会黑屏。

解决办法：

方法1，加入以下两个参数

poster 加载视频时要显示的图像值：带有海报URL的字符串
如“https://baconmockup.com/300/200/”。

https://www.jianshu.com/p/2db4e3e2c343// (这个是reactnativeVideo教程可以看一下)

audioOnly={true}
  poster={url}  //url是你图片地址

方法二

以上办法可能还是不行
所以需要用到以下这种，方法原理是一样的，但是是手动的

  <>
                <Video
                  muted={true}
                  preload="auto"
                  useNativeControls={true}
                  audioOnly={true}
                  // poster={url}
                  AutoPlay={true}
                  onLoad={() => {
                    console.log('开始播放视频')
                    setStart(true)//设置参数判断是否展示视频和图像
                  }}
                  repeat={true}
                  source={require('@/images/homeBgVideo.mp4')}
                  style={{
                    width: '100%',
                    height: '100%',
                    zIndex: -999,
                    position: 'absolute',
                    opacity: start ? 1 : 0,//判断是否隐藏
                  }}
                  resizeMode="stretch"
                />
                <>
                  <Image
                    source={require('@/images/dyz.jpg')}
                    style={{
                      width: '100%',
                      height: '100%',
                      zIndex: -999,
                      position: 'absolute',
                      opacity: start ? 0 : 1,//判断是否隐藏
                    }}
                    resizeMode="stretch"
                  />
                </>
              </>