I rolled back to 1.1.8, and similar issues. The play/pause, skip forward, skip backward show up, however only the play/pause work.

"react": "16.12.0",
"react-native": "0.61.5",
"react-native-track-player": "1.1.8",

module.exports = async function() {
  TrackPlayer.addEventListener('remote-play', () => {
    TrackPlayer.play();
  });

  TrackPlayer.addEventListener('remote-pause', () => {
    TrackPlayer.pause();
  });

  TrackPlayer.addEventListener('remote-jump-forward', () => {
    jumpPlayback(15, true); // seek forward 15 seconds
  });

  TrackPlayer.addEventListener('remote-jump-backward', () => {
    jumpPlayback(15); // seek backward 15 seconds
  });
};

export async function setupAudio() {
  TrackPlayer.setupPlayer({
    waitForBuffer: true
  }).then(async () => {
    TrackPlayer.updateOptions({
      stopWithApp: true,
      capabilities: [
        TrackPlayer.CAPABILITY_PLAY,
        TrackPlayer.CAPABILITY_PAUSE,
        TrackPlayer.CAPABILITY_JUMP_FORWARD,
        TrackPlayer.CAPABILITY_JUMP_BACKWARD,
        TrackPlayer.CAPABILITY_STOP,
      ],
      compactCapabilities: [
        TrackPlayer.CAPABILITY_PLAY,
        TrackPlayer.CAPABILITY_PAUSE
      ],
      jumpInterval: 15
    });
  });
}

Controls show up incorrectly. Play/pause works however.

So, I found how to fix this problem in my case: in /android/build.gradle, change compileSdkVersion and targetSdkVersion to 29. May be related to #859.

EDIT: So it was actually not related to version but to the reloading of app… Not stopping (even pausing) music before reloading seems to break notifications buttons. May happen only during development (y).

@Guichaguri

I have exactly the same issue, for me the jump-forward and backward button appears at first track when getting out from the component and setup new player the buttons disappears and are replaced with “<<” “>>” or it is only one of them appearing.

tried upgrading between versions but no success.

Version: 1.1.8 “react”: “^16.9.0”, “react-native”: “0.61.5”,

SERVICE.JS:

import TrackPlayer from “react-native-track-player”;

module.exports = async () => {

await TrackPlayer.addEventListener("remote-jump-forward",  async (event) => {
    let position = await TrackPlayer.getPosition();
    let newPosition = position + event.interval;
    await TrackPlayer.seekTo(newPosition);
});

await TrackPlayer.addEventListener("remote-jump-backward",  async (event) => {
    let position = await TrackPlayer.getPosition();
    let newPosition = position > 9 ? position - event.interval : 0;
    await TrackPlayer.seekTo(newPosition);
});

await TrackPlayer.addEventListener('remote-seek', async (event) => {
    await TrackPlayer.seekTo(event.position);
});

TrackPlayer.addEventListener("remote-play",  (event) => {
    TrackPlayer.play();
});

TrackPlayer.addEventListener("remote-pause",  (event) => {
    TrackPlayer.pause();
});

TrackPlayer.addEventListener("remote-stop", () => {
    TrackPlayer.destroy();
});

};

TRACKPLAYER.IOS.JS function where I updateOptions:

upDateOptionsHandler = async () => { await TrackPlayer.updateOptions({ jumpInterval: 10, capabilities: [ TrackPlayer.CAPABILITY_PLAY, TrackPlayer.CAPABILITY_PAUSE, TrackPlayer.CAPABILITY_STOP, TrackPlayer.CAPABILITY_SEEK_TO, TrackPlayer.CAPABILITY_JUMP_FORWARD, TrackPlayer.CAPABILITY_JUMP_BACKWARD ], compactCapabilities: [ TrackPlayer.CAPABILITY_PLAY, TrackPlayer.CAPABILITY_PAUSE, TrackPlayer.CAPABILITY_STOP, TrackPlayer.CAPABILITY_JUMP_FORWARD, TrackPlayer.CAPABILITY_JUMP_BACKWARD ], notificationCapabilities: [ TrackPlayer.CAPABILITY_PLAY, TrackPlayer.CAPABILITY_PAUSE, TrackPlayer.CAPABILITY_STOP, TrackPlayer.CAPABILITY_JUMP_FORWARD, TrackPlayer.CAPABILITY_JUMP_BACKWARD ] }); };

same issue here