Javascript 全屏按钮在底页渲染内容上不起作用

Javascript 全屏按钮在底页渲染内容上不起作用,javascript,react-native,react-native-android,react-native-ios,react-native-video,Javascript,React Native,React Native Android,React Native Ios,React Native Video,我在用 在renderContent中,当enabledContentTestureInteraction={false}滑块正常工作时,滑块停止工作。同样地,它也不适用于任何人。在react native video play/pause按钮、全屏按钮中,没有任何功能 我的全部代码是:- import React, { useEffect, useState } from "react"; import { View, Text } from "react-nat

我在用

在renderContent中,当
enabledContentTestureInteraction={false}
滑块正常工作时,滑块停止工作。同样地,它也不适用于任何人。在react native video play/pause按钮、全屏按钮中,没有任何功能

我的全部代码是:-

import React, { useEffect, useState } from "react";
import { View, Text } from "react-native";
import TrackPlayer from "react-native-track-player";
import { useTrackPlayerProgress } from "react-native-track-player/lib/hooks";
import Slider from "@react-native-community/slider";
import useAudio from "../../hooks/useAudio";
import { getFormattedTime } from "../../utils";

export const TrackStatus = () => {
  const { playerConfig } = useAudio();
  const [sliderValue, setSliderValue] = useState(0);
  const [isSeeking, setIsSeeking] = useState(false);
  const { position, duration } = useTrackPlayerProgress(250);

  useEffect(() => {
    if (!isSeeking && position && duration) {
      setSliderValue(position / duration);
    }
  }, [position, duration]);

  const slidingStarted = () => {
    setIsSeeking(true);
  };

  const slidingCompleted = async (value) => {
    await TrackPlayer.seekTo(value * duration);
    setSliderValue(value);
    setIsSeeking(false);
  };

  return (
    <View style={{ zIndex: 100000, elevation: 100000 }}>
      <View
        style={{
          flexDirection: "row",
          paddingHorizontal: 0,
          alignItems: "center",
          height: 40,
          zIndex: 1,
          elevation: 1,
          zIndex: 10000000,
          elevation: 100000000,
        }}
      >
        <Slider
          minimumValue={0}
          maximumValue={1}
          thumbTintColor="#ffffff"
          minimumTrackTintColor="#000000"
          maximumTrackTintColor="#808080"
          onSlidingStart={slidingStarted}
          onSlidingComplete={slidingCompleted}
          value={sliderValue}
          style={{ width: "100%", zIndex: 100000, elevation: 100000 }}
        />
      </View>
      <View style={{ flexDirection: "row", justifyContent: "space-between" }}>
        <Text
          style={{
            width: 40,
            textAlign: "center",
            fontSize: 12,
            color: "#ffffff",
          }}
        >
          {getFormattedTime(position)}
        </Text>
        <Text
          style={{
            width: 40,
            textAlign: "center",
            fontSize: 12,
            color: "#ffffff",
          }}
        >
          {getFormattedTime(duration)}
        </Text>
      </View>
    </View>
  );
};
import React,{useffect,useState}来自“React”;
从“react native”导入{View,Text};
从“react native track player”导入TrackPlayer;
从“react native track player/lib/hooks”导入{useTrackPlayerProgress};
从“@react native community/Slider”导入滑块;
从“../../hooks/useAudio”导入useAudio;
从“../../utils”导入{getFormattedTime};
导出常量TrackStatus=()=>{
const{playerConfig}=useAudio();
常量[sliderValue,setSliderValue]=useState(0);
const[Isseek,SetIsseek]=useState(false);
const{position,duration}=useTrackPlayerProgress(250);
useffect(()=>{
如果(!IsSeek&&position&&duration){
设置滑动值(位置/持续时间);
}
},[职位、期限];
常量slidengstarted=()=>{
SetIsSeek(真);
};
常量滑动完成=异步(值)=>{
等待TrackPlayer.seekTo(值*持续时间);
设置滑动值(值);
SetIsSeek(假);
};
返回(
{getFormattedTime(位置)}
{getFormattedTime(持续时间)}
);
};
我该怎么办。请帮忙

提前谢谢