Javascript 全屏按钮在底页渲染内容上不起作用
我在用 在renderContent中,当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
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(持续时间)}
);
};
我该怎么办。请帮忙
提前谢谢