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