react-native-track-player通知区域播放器UI

Question

默认大小的三星通知播放器

最大尺寸的三星通知播放器

react-native-track-player默认播放器通知播放器用户界面

react-native-track-player最大化播放器通知播放器用户界面

我想要react-native-track-player默认播放器通知播放器UI看起来像三星的UI。我的意思是也应该有播放，暂停，停止按钮。

Answer 1

对于最大化的Notification Player UI，请使用capabilities 和 对于紧凑的Notification Player UI，请使用compactCapabilities 如下：

import TrackPlayer from "react-native-track-player";
export default class Screen1 extends React.Component {
  constructor(props) {
    super(props);
  }
  componentWillMount() {
    TrackPlayer.setupPlayer().then(async () => {
      // Adds a track to the queue
      await TrackPlayer.add({
        id: "123",
        url:"https://raw.githubusercontent.com/zmxv/react-native-sound-demo/master/advertising.mp3",
        title: "Track Title",
        artist: "Track Artist",
        artwork:"https://socialecologies.files.wordpress.com/2015/10/a_monk.jpg"
      });
      TrackPlayer.updateOptions({
        capabilities: [
          TrackPlayer.CAPABILITY_PLAY,
          TrackPlayer.CAPABILITY_PAUSE,
          TrackPlayer.CAPABILITY_STOP
        ],
        compactCapabilities: [
          TrackPlayer.CAPABILITY_PLAY,
          TrackPlayer.CAPABILITY_PAUSE,
          TrackPlayer.CAPABILITY_STOP
        ]
      });
      // Starts playing it
      TrackPlayer.play();
    });
  }
  render() {
    return <View style={Styler.container} />;
  }
}