如何在react-native中以锁屏/背景状态显示媒体控件

npm install react-native-track-player --save

react-native link react-native-track-player

import React, { Component } from 'react';
import { View, Button } from 'react-native';
import TrackPlayer from 'react-native-track-player';

class MediaControl extends Component {
  componentDidMount() {
    TrackPlayer.setupPlayer().then(() => {
      TrackPlayer.add({
        id: '1',
        url: 'http://example.com/media.mp3',
        title: 'Media Title',
        artist: 'Media Artist',
        artwork: 'http://example.com/artwork.jpg'
      });
    });
  }

  playMedia = () => {
    TrackPlayer.play();
  }

  pauseMedia = () => {
    TrackPlayer.pause();
  }

  render() {
    return (
      <View>
        <Button title="Play" onPress={this.playMedia} />
        <Button title="Pause" onPress={this.pauseMedia} />
      </View>
    );
  }
}

export default MediaControl;

import React from 'react';
import { View } from 'react-native';
import MediaControl from './MediaControl';

const App = () => {
  return (
    <View>
      {/* 其他组件 */}
      <MediaControl />
    </View>
  );
}

export default App;