react-native-airplay-btn

AirPlay library for iOS

Usage no npm install needed!

<script type="module">
  import reactNativeAirplayBtn from 'https://cdn.skypack.dev/react-native-airplay-btn';
</script>

README

react-native-airplay-btn

AirPlay library for iOS

Installation with Automatic Linking

npm i react-native-airplay-btn --save
react-native link

How to create listeners

import { AirPlayListener } from react-native-airplay-btn

this.airplayAvailableSubscription = AirPlayListener.addListener('airplayAvailable', devices => this.setState({
      airPlayAvailable: devices.available, --> devices.available is a boolean
})); 

this.airplayConnectedSubscription = AirPlayListener.addListener('airplayConnected', devices => this.setState({
      airPlayConnected: devices.connected, --> devices.connected is a boolean
      airPlayMirroring: devices.mirroring, --> devices.mirroring is a boolean
}));


// Remove Listeners in componentWillUnmount
this.airPlayConnected.remove();
this.airPlayAvailable.remove()

Methods

  AirPlay.startScan();

  AirPlay.disconnect();

Create AirPlay Button

import { AirPlayButton } from 'react-native-airplay-btn';

<AirPlayButton style={{ height: 30, width: 30, justifyContent: 'center', alignItems:'center' }} />

Note: The AirPlay Button does not show in the simulator

Author

Nadia Dillon