From 3ebce5352baea2a6d2c4739f6f49728ac855ce5e Mon Sep 17 00:00:00 2001
From: xbh0902 <xbh0902@gmail.com>
Date: Fri, 15 Nov 2024 17:12:16 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:#IB4P1R]=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-video=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-video.md    | 7 +++++++
 zh-cn/react-native-video.md | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/en/react-native-video.md b/en/react-native-video.md
index cf570673..cbbf71de 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -59,6 +59,7 @@ function RNCVideoDemo() {
   const [resizeMode, setResizeMode] = useState("none");
   const [posterResizeMode, setPosterResizeMode] = useState("cover");
   const [seekSec, setSeekSec] = useState(5000);
+  const [controls, setControls] = useState(false);
 
   const [onVideoLoad, setOnVideoLoad] = useState("onVideoLoad");
   const [onVideoLoadStart, setOnVideoLoadStart] = useState("onVideoLoadStart");
@@ -87,6 +88,10 @@ function RNCVideoDemo() {
     setDisableFocus((prevDisableFocus) => !prevDisableFocus);
   };
 
+   const toggleControls = () => {
+    setControls((prevControls) => !prevControls);
+  };
+
   const firstVideo = () => {
     setUri((prevRepeat) => "https://vjs.zencdn.net/v/oceans.mp4");
   };
@@ -237,6 +242,7 @@ function RNCVideoDemo() {
           >
             muted:{muted.toString()}
           </Text>
+          <Text style={styles.button_b} onPress={() => { toggleControls() }} >controls:{controls.toString()}</Text>
           <Text
             style={styles.button_b}
             onPress={() => {
@@ -262,6 +268,7 @@ function RNCVideoDemo() {
           ref={videoRef}
           source={{ uri: uri, isNetwork: true }}
           paused={paused}
+          controls={controls}
           muted={muted}
           resizeMode={resizeMode}
           repeat={repeat}
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index 2792fb9f..c62e72fb 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -49,6 +49,7 @@ function RNCVideoDemo() {
   const [muted, setMuted] = useState(true);
   const [paused, setPaused] = useState(false);
   const [repeat, setRepeat] = useState(true);
+  const [controls, setControls] = useState(false);
   const [disableFocus, setDisableFocus] = useState(false);
   const [uri, setUri] = useState(
     "https://res.vmallres.com//uomcdn/CN/cms/202210/C75C7E20060F3E909F2998E13C3ABC03.mp4"
@@ -73,6 +74,10 @@ function RNCVideoDemo() {
     setMuted((prevMuted) => !prevMuted);
   };
 
+  const toggleControls = () => {
+    setControls((prevControls) => !prevControls);
+  };
+
   const togglePaused = () => {
     setPaused((prevPaused) => !prevPaused);
   };
@@ -235,6 +240,7 @@ function RNCVideoDemo() {
           >
             muted:{muted.toString()}
           </Text>
+         <Text style={styles.button_b} onPress={() => { toggleControls() }} >controls:{controls.toString()}</Text>
           <Text
             style={styles.button_b}
             onPress={() => {
@@ -262,6 +268,7 @@ function RNCVideoDemo() {
           paused={paused}
           muted={muted}
           resizeMode={resizeMode}
+          controls={controls}
           repeat={repeat}
           volume={1}
           disableFocus={disableFocus}
-- 
Gitee