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

7fyelxc5 于 2024-01-04 发布在 Android

关注(0)|答案(2)|浏览(128)

我试图做一些类似于什么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”。
不太确定现在的问题是什么，我遵循了cameraroll文档上的示例，但还没有任何运气。任何建议/示例将不胜感激。

android

来源：https://stackoverflow.com/questions/56727980/how-to-get-list-of-local-videos-and-display-them-in-grid-format-in-react-native

2条答案

按热度按时间

vc9ivgsu1#

使用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))}
  />

字符串

赞(0）回复(0）举报 2024-01-04

ghhkc1vu2#

这是因为节点对象没有任何video属性。视频文件也存储在image属性下。考虑将代码更改为this以摆脱null异常。

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

字符串
此外，由于您只需要视频，我建议将assetType指定为“Videos”

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

型

展开查看全部

赞(0）回复(0）举报 2024-01-04

我来回答

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

2条答案

相关问题

热门标签

最新问答