https://github.com/gnestor/react-native-silent-switch
Detect the iOS silent switch using React Native
https://github.com/gnestor/react-native-silent-switch
ios ios-silent-switch mute react-native silent-switch
Last synced: 8 months ago
JSON representation
Detect the iOS silent switch using React Native
- Host: GitHub
- URL: https://github.com/gnestor/react-native-silent-switch
- Owner: gnestor
- Created: 2016-04-30T09:27:04.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2021-03-02T22:54:46.000Z (over 5 years ago)
- Last Synced: 2025-03-18T05:43:58.440Z (over 1 year ago)
- Topics: ios, ios-silent-switch, mute, react-native, silent-switch
- Language: Objective-C
- Size: 29.3 KB
- Stars: 19
- Watchers: 3
- Forks: 14
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Silent Switch
Detect the iOS silent switch using React Native
## Install
### Using [rnpm](https://github.com/rnpm/rnpm)
* Install: `rnpm install react-native-silent-switch`
* Add `mute.caf` from the library to your project bundle
* Project Navigator > [YOUR PROJECT NAME] > Build Phases > Copy Bundle Resources
* Verify that `$(SRCROOT)/../../node_modules/react-native/React` is in the library's header search paths for both Debug and Release schemes
* Project Navigator > RCTSilentSwitch.xcodeproj > Build Settings > Header Search Paths > Debug AND Release
### Manually
* Install: `npm install react-native-silent-switch --save`
* Link library in Xcode: See [React Native guide](https://facebook.github.io/react-native/docs/linking-libraries-ios.html)
* Add `mute.caf` from the library to your project bundle
* Project Navigator > [YOUR PROJECT NAME] > Build Phases > Copy Bundle Resources
* Verify that `$(SRCROOT)/../../node_modules/react-native/React` is in the library's header search paths for both Debug and Release schemes
* Project Navigator > RCTSilentSwitch.xcodeproj > Build Settings > Header Search Paths > Debug AND Release
## Usage
```js
import SilentSwitch from 'react-native-silent-switch'
```
```js
componentDidMount() {
// Listen for silent switch toggle events
SilentSwitch.addEventListener(silent => {
// When switched to silent, the callback will return true. When switched from silent, it will return false.
if (silent) this.navigator.push({id: 'SilentAlert'})
})
}
componentWillUnmount() {
SilentSwitch.removeEventListener()
}
```
## Usage with [react-native-statusbar-alert](https://github.com/gnestor/react-native-statusbar-alert)
```js
import SilentSwitch from 'react-native-silent-switch'
import StatusBarAlert from 'react-native-statusbar-alert'
```
```js
componentDidMount() {
SilentSwitch.addEventListener(silent => {
if (silent) {
this.setState({
alerts: [{
message: 'Silent Switch ON',
onPress: () => this.navigator.push({id: 'SilentAlert'})
}, ...this.state.alerts]
})
} else {
this.setState({
alerts: this.state.alerts.filter(alert => alert.message !== 'Silent Switch ON')
})
}
})
}
componentWillUnmount() {
SilentSwitch.removeEventListener()
}
render() {
return (
0}
{...this.state.alerts[0]}
/>
}
/>
)
}
```