android - 如何在 React Native 中获取本地视频列表并以网格格式显示？

Question

我正在尝试做一些类似于 Instagram 为他们选择的视频屏幕所做的事情。在可以上传的本地视频网格中，它会“预览”当前在网格本身上方选择的视频。

我正在使用 react-native-community/cameraroll，这是我尝试获取视频的代码。

CameraRoll.getPhotos({first: 20, assetType: "All"})
        .then(r => this.setState({ videos: r.edges }))
        .catch((err) => {
            console.log('getVideosErr:' + err)
        })

我正在尝试使用我发现并尝试使用的一些示例代码来显示网格:

<ScrollView>
     {this.state.videos.map((p, i) => {
          return (
           <Video
              key={i}
              style={{
              width: 300,
              height: 100,
           }}
            source={{ uri: p.node.video.uri }}
            />
        ;
})}

我在模拟器上有一个视频，但每次我尝试抓取视频时都会收到一条错误消息“TypeError: Cannot read property 'uri' of undefined”。

不太确定现在的问题是什么，我按照相机胶卷文档中的示例进行了操作，但还没有成功。任何建议/示例将不胜感激。

Answer 1

使用react-native-media-helper

实现:

import MediaHelper from 'react-native-media-helper'

  <MediaHelper
    numVideos={20} // for android
    media='Videos'   // for ios
    num={20}      // for ios
    onCancel={() => this.setState({visible: false})}
    onSelectedItem={(item) => alert(JSON.stringify(item))}
  />