在 React Native 开发中使用视频是常见需求之一，而在 TypeScript 项目中使用 react-native-video 时，需要引入 @types/react-native-video 包以进行类型检查。本文将详细介绍如何使用该包。
安装依赖
使用 npm 命令安装 react-native-video 和 @types/react-native-video 包：
npm install react-native-video @types/react-native-video
引入 react-native-video
将 react-native-video 包引入项目中。
import Video from 'react-native-video';
使用 react-native-video
可以在项目中显示一个视频。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- - ---- ---------------
------ ----- ---- ---------------------
----- --- - -- -- -
------ -
------
------
--------- ---- ------------------------------ --
-------- ------ ---- ------- --- --
--
-------
--
--
------ ------- ----其中 source 属性指定了视频的来源，可以是本地文件或远程 URL。style 属性指定了视频的大小和位置。
其他用法
控制播放
可以通过 ref 和 onLoad 属性控制视频的播放。
-- -------------------- ---- -------
------ ------ - ------ - ---- --------
------ - ------- ---- - ---- ---------------
------ ----- ---- ---------------------
----- --- - -- -- -
----- -------- - -------------
----- ---- - -- -- -
-- ------------------ -
-------------------------
------------------------
-
--
------ -
------
------
--------------
--------- ---- ------------------------------ --
-------- ------ ---- ------- --- --
-------------
--
------- ------------ -------------- --
-------
--
--
------ ------- ----监听视频状态
可以通过 onError、onProgress、onEnd 等属性监听视频的状态。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ---- - ---- ---------------
------ ------ - ---------------- -------------- - ---- ---------------------
----- --- - -- -- -
----- -------- --------------- - - -- -
---------------------- ---
--
----- ---------- - ------ --------------- -- -
------------------------- ------
--
----- ----- - -- -- -
---------------------
--
------ -
------
------
--------- ---- ------------------------------ --
-------- ------ ---- ------- --- --
-----------------
-----------------------
-------------
--
----------- ------------
-------
--
--
------ ------- ----总结
@types/react-native-video 包使得在 TypeScript 项目中使用 react-native-video 更加方便和简单。本文讲述了如何安装依赖、引入 react-native-video 包和使用 react-native-video 的常见方法。希望本文对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc188b5cbfe1ea0611e26