使用React Native扩展你的车载信息系统: CarPlay & Android Auto
import { CarPlay } from 'react-native-carplay';
// 初始化CarPlay
CarPlay.initialize({
displayName: 'My CarPlay App',
supportsAudio: true,
supportsVideo: true,
});
// 监听CarPlay连接状态变化
CarPlay.addEventListener('connection', (event) => {
if (event.connected) {
console.log('CarPlay connected');
} else {
console.log('CarPlay disconnected');
}
});
// 在CarPlay上播放音频
CarPlay.playAudio('https://example.com/audio.mp3');
// 在CarPlay上播放视频
CarPlay.playVideo('https://example.com/video.mp4');
// 在CarPlay上显示信息
CarPlay.showAlert({
title: 'Notification',
message: 'You have an incoming call.',
buttonText: 'Answer',
buttonAction: () => {
console.log('Answer button tapped');
},
});
// 结束播放
CarPlay.endPlayback();
这个代码示例展示了如何在React Native应用中初始化CarPlay,监听连接状态变化,并在连接成功后播放音频和视频以及显示信息。在实际应用中,你需要确保你的设备支持CarPlay,并且你已经正确地设置了CarPlay的权限和capabilities。
评论已关闭