如何解决全屏按钮不适用于BottomSheet renderContent
我正在使用 BottomSheet,
在 renderContent 中,当 enabledContentGestureInteraction = {false}
Slider 工作正常但为 true 时,Slider 停止工作。同样,它不适用于 react-native-video。在 react-native-video 播放/暂停按钮、全屏按钮中,没有任何作用。
我的完整代码是:-
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,}}
>
{getFormattedTime(duration)}
</Text>
</View>
</View>
);
};
我该怎么办。请帮忙。
提前致谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。