如何防止map在react-native中一次渲染整个数组

问题描述

您好，我正在使用viewPager，在viewpager内部，我正在使用地图渲染视频阵列。但是，我想一次显示1个视频，因为我将高度和宽度设为100％。但是当我运行该应用程序时，所有视频都会开始播放，屏幕上只有一个节目播放，其他视频也播放。我想防止这种情况。我该怎么办？

这是我的代码。

<ViewPager
        onPageSelected={(e) => {
          setActive(e.nativeEvent.position);
          // setPaused(true);
        }}
        orientation="vertical"
        style={{height: '100%'}}
        initialPage={0}>
        {vids.map((item,index) => {
          return (
            <View key={index}>
              <Video
               paused={item.paused}
                source={{uri: item.vid}}
                style={styles.mediaPlayer}
                volume={0.5}
                resizeMode="cover"
                repeat={true}
                
                onReadyForDisplay={() => SetVideoLoad(false)}
              /></ViewPager

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）