React native bluetooth state controller
npm install react-native-bluetooth-listener$ npm install react-native-bluetooth-listener --save
$ react-native link react-native-bluetooth-listener
#### iOS
1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-bluetooth-listener and add RNBluetoothListener.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNBluetoothListener.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<
#### Android
1. Open up android/app/src/main/java/[...]/MainActivity.java
- Add import com.reactlibrary.RNBluetoothListenerPackage; to the imports at the top of the file
- Add new RNBluetoothListenerPackage() to the list returned by the getPackages() method
2. Append the following lines to android/settings.gradle:
```
include ':react-native-bluetooth-listener'
project(':react-native-bluetooth-listener').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-bluetooth-listener/android')
android/app/build.gradle
3. Insert the following lines inside the dependencies block in :`
`
compile project(':react-native-bluetooth-listener')
javascript
import RNBluetoothListener from 'react-native-bluetooth-listener';class App extends Component<{}> {
constructor(props) {
super(props);
this.state = {
connectionState : ''
}
}
componentDidMount() {
RNBluetoothListener.getCurrentState().then(this.handleConnection)
}
componentWillMount() {
RNBluetoothListener.addEventListener('change', this.handleConnection);
}
componentWillUnmount() {
RNBluetoothListener.removeEventListener('change', this.handleConnection)
}
handleConnection = (resp) => {
let {connectionState} = resp.type;
console.log('type ', connectionState);
this.setState({connectionState});
}
checkBluetooth = () => {
RNBluetoothListener.getCurrentState().then(resp =>{
let {connectionState} = resp.type;
this.setState({connectionState});
} )
}
// Android only Changes bluetooth state. check and request on ios side.
_toggleBluetooth = () => {
if (this.state.connectionState === 'on'){
RNBluetoothListener.enable();
} else {
RNBluetoothListener.disable();
}
}
render() {
return (
Cuurent Bluetooth Status: {this.state.connectionState}
);
}
}
`
$3
| Method| Description |
|:----------------------------------|:----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
|getCurrentState|Returns an object,
type:on if bluetooth is enabled, other ways disabled.|
|enable|Android only Changes bluetooth state. Takes boolean parameter (defaults to true), true to enable, false to disable. Returns a promise, which returns whether the change was successful or not. Request on IOS.|
|disable|Android only Disables bluetooth, same end result as calling enable(false)`. Returns a promise, which returns whether the change was successful or not.|
#### Thanks
Thanks go to react-native-bluetooth-state and react-native-bluetooth-info librarys.