Expo的`ImagePicker`上传视频文件后，如何在页面中显示出来

当使用Expo的`ImagePicker`选择并上传了视频文件，之后可以通过`Video`组件或者`Expo AV`库中的`Video`组件来在页面中展示这个视频文件。

首先，确保你已经安装了`expo-av`库：

```bash

expo install expo-av

```

接着，根据所选视频文件的URI，你可以使用`Video`组件将视频显示在页面上。

以下是一个简单的示例：

import React from 'react';

import { Video } from 'expo-av';



const VideoPlayer = ({ videoUri }) => {

  return (

    <Video

      source={{ uri: videoUri }} // 视频文件的URI

      style={{ width: 300, height: 200 }}

      useNativeControls // 使用原生播放器控件

      resizeMode="contain" // 视频缩放模式

      isLooping // 是否循环播放

      shouldPlay // 是否自动播放

    />

  );

};



export default VideoPlayer;

在上述示例中，

`videoUri`是通过Expo的`ImagePicker`选择视频后获得的视频文件的URI。

将这个URI传递给`Video`组件的`source`属性，就可以在页面中展示该视频文件了。

确保视频文件的URI是正确的，并且相应的权限已经获得。

此外，`Expo AV`库提供了多种属性和方法来控制视频的播放、暂停、进度等，可以根据需要进行进一步的定制。