如何解决响应状态本机播放器的ProgressComponent中的上下文状态更新
我使用react native track player。我想从ProgressComponent获取跟踪的位置并更新应用上下文的状态。
使用react上下文可以在其他组件中工作,但不能正常工作。 如何在该组件中使用ract上下文?
myCode
import React,{ useState,useContext } from 'react'
import {View,Text} from 'react-native'
import {ProgressComponent,useTrackPlayerProgress} from 'react-native-track-player';
import Slider from '@react-native-community/slider';
import PlayerContext from './PlayerContext'
export default class SourcePlayer extends ProgressComponent {
render() {
return (
<Progress />
);
}
}
const Progress = () => {
const { position,bufferedPosition,duration } = useTrackPlayerProgress();
return (
<View>
<Slider
minimumValue={0}
maximumValue={duration}
value={position}
/>
<View>
<Text>{position}</Text>
</View>
</View>
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。