IOS notification controls not working in Preview Construct RNTP React Native Expo

0
18
IOS notification controls not working in Preview Construct RNTP React Native Expo


Dealing with an Difficulty in IOS preview construct App

im utilizing expo with react native to construct an audio participant app for android and ios

whereas creating and testing utilizing expo growth construct all of the performance of RNTP works wonderful together with notification controls like play pause subsequent earlier and progress bar,

then i construct an app for ios and andorid utilizing eas construct -p ios||android --profile preview2

after constructing preview app i set up it in precise system for android instantly set up the app and all of the performance and app works tremendous wonderful
however
in case of ios i distribute my app by way of testFlight and set up it in precise system, all of the issues works completely besides notification controls like play pause subsequent earlier and progress bar, doesn’t works right here

i’ve checked so many stacks and git concern however not excatly establish what’s the concern

assist me resolve this concern, pls

that is my dependencies

"dependencies": {
    "@gorhom/bottom-sheet": "^4.6.3",
    "@react-native-community/datetimepicker": "8.0.1",
    "@react-native-community/slider": "4.5.2",
    "@react-native-firebase/analytics": "^17.4.2",
    "@react-native-firebase/app": "^17.4.2",
    "@react-native-firebase/auth": "^17.4.2",
    "@react-native-firebase/messaging": "^17.4.2",
    "@react-native-menu/menu": "^1.2.0",
    "@react-navigation/material-bottom-tabs": "^6.2.28",
    "@react-navigation/material-top-tabs": "^6.6.13",
    "@react-navigation/native": "^6.1.17",
    "@react-navigation/native-stack": "^6.9.26",
    "axios": "^1.6.8",
    "expo": "~51.0.39",
    "expo-av": "~14.0.7",
    "expo-calendar": "~13.0.5",
    "expo-contacts": "~13.0.5",
    "expo-dev-client": "~4.0.29",
    "expo-file-system": "^17.0.1",
    "expo-font": "~12.0.10",
    "expo-haptics": "~13.0.1",
    "expo-image-picker": "~15.1.0",
    "expo-linear-gradient": "^13.0.2",
    "expo-linking": "^6.3.1",
    "expo-media-library": "~16.0.5",
    "expo-network": "^6.0.1",
    "expo-notifications": "~0.28.19",
    "expo-status-bar": "~1.12.1",
    "expo-updates": "~0.25.28",
    "react": "18.2.0",
    "react-native": "0.74.5",
    "react-native-branch": "^6.2.2",
    "react-native-country-codes-picker": "^2.3.5",
    "react-native-gesture-handler": "~2.16.1",
    "react-native-hyperlink": "^0.0.22",
    "react-native-linear-gradient": "^2.8.3",
    "react-native-masonry-list": "^2.16.2",
    "react-native-mmkv": "^2.12.2",
    "react-native-pager-view": "6.3.0",
    "react-native-paper": "^5.12.3",
    "react-native-reanimated": "~3.10.1",
    "react-native-render-html": "^6.3.4",
    "react-native-safe-area-context": "4.10.5",
    "react-native-screens": "3.31.1",
    "react-native-svg": "15.2.0",
    "react-native-svg-transformer": "^1.5.0",
    "react-native-tab-view": "^3.5.2",
    "react-native-track-player": "^4.1.1",
    "react-native-vector-icons": "^10.1.0",
    "react-native-webview": "13.8.6",
    "react-native-youtube-iframe": "^2.3.0",
    "react-redux": "^9.1.2",
    "redux": "^5.0.1",
    "redux-thunk": "^3.1.0"
  },

That is the trackplayer service file code

const playBackService = async () => {
  // Add extra occasion listeners as wanted
  TrackPlayer.addEventListener("remote-play", () => {
    TrackPlayer.play();
  })
  TrackPlayer.addEventListener("remote-pause", () => {
    TrackPlayer.pause();
  })
  TrackPlayer.addEventListener("remote-stop", () => {
    TrackPlayer.cease();
  })
  TrackPlayer.addEventListener("remote-previous", () => {
    TrackPlayer.skipToPrevious();
  })
  TrackPlayer.addEventListener("remote-next", () => {
    TrackPlayer.skipToNext();
  })
  TrackPlayer.addEventListener("remote-seek", (e) => {
    TrackPlayer.seekTo(e.place)
  });
  TrackPlayer.addEventListener("playback-error", (e) => {
    console.log("Playback error trackplayerservice: ",e)
  })
}

and that i add playbackservice file to AppEntry.js file, which is the entry level for the expo app

that is my AppEntry.js file code

import registerRootComponent from 'expo/construct/launch/registerRootComponent';

import App from '../../App';
import TrackPlayer from 'react-native-track-player';
import { playBackService } from '../../trackPlayerService';

registerRootComponent(App);

attempt {
    TrackPlayer.registerPlaybackService(() => playBackService);
} catch (error) {
    console.log('error From App entry : ', error.message)
}

if another particulars required, ailing present

react native monitor participant to work notification controls in ios

LEAVE A REPLY

Please enter your comment!
Please enter your name here