反应-本机-轨道-播放器通知区玩家用户界面

Question

三星默认尺寸的通知播放器

​

​

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

​

​

react本机磁道播放器默认播放器通知播放器UI

​

​

react本机磁道播放机最大限度地通知播放器UI

​

​

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

Answer 1

对于最大化的Notification，请使用capabilities，对于紧凑的Notification，请使用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} />;
  }
}