警告没有为键TrackPlayer注册任务

Question

我正在使用react-native-track-player (2.1.3)在反应本机应用程序中实现音频播放器。当我在我的项目中初始化轨道播放器时，我会收到以下警告消息。

警告没有为键TrackPlayer注册任务

​

​

我遵循了在类似的闭GitHub问题中找到的解决方案之一，但它在很久以前就已经打开了。无论如何，它也不起作用。

下面是在GitHub中找到的解决方案：(向index.js (应用程序的入口文件)添加以下代码)

import TrackPlayer from 'react-native-track-player';

TrackPlayer.setupPlayer({}).then(async () => {
})

如果有人正在使用反应-本机-轨道播放器并解决这个问题，你能提供一个答案吗？

Answer 1

嗨，我也在使用轨道播放器在我的项目。我的解决方案是在index.js文件中添加服务，您可以试试这个

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
import TrackPlayer from 'react-native-track-player';


AppRegistry.registerComponent(appName, () => App);
TrackPlayer.registerPlaybackService(() => require('./service.js'));

我在根目录中创建了service.js文件。

import TrackPlayer from 'react-native-track-player';


module.exports = async function () {

  try {
    TrackPlayer.addEventListener('remote-play', () => {
      TrackPlayer.play()
    })

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

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

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

    TrackPlayer.addEventListener('remote-stop', () => {
      TrackPlayer.destroy()
    });
  } catch (error) { }

};

Answer 2

1. 我跟随着Youtube 移动应用-制作你自己的音乐播放器的这篇教程
2. 这个链接来自react本机docs：反应本地磁道播放器
3. 然后，我只是在index.js文件中创建一个函数，而不是将文件导入到index.js中。这是文档链接：播放服务文档页面

我受够了。我希望这能帮上忙！

import App from './App';
import {name as appName} from './app.json';

import TrackPlayer from 'react-native-track-player';

export const onRegisterPlayback = async() => {
    
     TrackPlayer.addEventListener('remote-play', () => TrackPlayer.play());

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

    TrackPlayer.addEventListener('remote-stop', () => TrackPlayer.destroy())
}

AppRegistry.registerComponent(appName, () => App);
TrackPlayer.registerPlaybackService(() => onRegisterPlayback) 

Answer 3

如图像所示。在根文件夹中添加Service.js文件

​

​

并复制并粘贴下面的代码。

import TrackPlayer from 'react-native-track-player';


module.exports = async function () {

try {
TrackPlayer.addEventListener('remote-play', () => {
  TrackPlayer.play()
})

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

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

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

TrackPlayer.addEventListener('remote-stop', () => {
  TrackPlayer.destroy()
});
 } catch (error) { }

}；