Подключение к устройству с BLE Android - PullRequest
Новая
       30

Подключение к устройству с BLE Android

2 голосов
/ 14 мая 2019

Я пытаюсь подключиться к устройству, используя соединение BLE в Reaction-Native на Android-устройстве. Мне нужно подключиться к устройству с определенным именем: например, «имя устройства». Я использую response-native-ble-plx. 

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View,
  TouchableOpacity,
  ScrollView,
  FlatList,
  TextInput,
  Platform,
  Alert
} from 'react-native';
import { BleManager } from 'react-native-ble-plx';


export default class Main extends Component {
  constructor(props) {
          super(props);
          this.state={
              scaning:false,
              isConnected:false,
              text:'',
              writeData:'',
              receiveData:'',
              readData:'',
              bleManager: new BleManager(),
              data:[],
              isMonitoring:false,

          }
          this.bluetoothReceiveData = [];
          this.deviceMap = new Map();

  }



scan() {
  if(!this.state.scaning) {
    this.setState({scaning:true});
    this.deviceMap.clear();
    const { bleManager } = this.state;
    bleManager.startDeviceScan(null, null, async (error, device) => {
    console.log("scanning bluetooth...")

    if (device.name === "Proximity") {
        bleManager.connectToDevice(device.id, {
                autoconnect: true,
                timeout: BLUETOOTH_TIMEOUT,
                isConnected: true
            })
        // ............
    }
})
  }
}

disconnect(){
        bleManager.disconnect()
            .then(res=>{
                this.setState({data:[...this.deviceMap.values()],isConnected:false});
            })
            .catch(err=>{
                this.setState({data:[...this.deviceMap.values()],isConnected:false});
            })
}

render(){
  return(
    <View>
    <TouchableOpacity
                  activeOpacity={0.7}
                  style={[styles.buttonView,{marginHorizontal:10,height:40,alignItems:'center'}]}
                  onPress={this.state.isConnected?this.disconnect.bind(this):this.scan.bind(this)}>
                  <Text style={styles.buttonText}>{this.state.scaning?'Search':this.state.isConnected?'Disconnect Bluetooth':'Search Bluetooth'}</Text>
</TouchableOpacity>
    </View>
  );
}


}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor:'white',
        marginTop:Platform.OS == 'ios'?20:0,
    },
    item:{
        flexDirection:'column',
        borderColor:'rgb(235,235,235)',
        borderStyle:'solid',
        borderBottomWidth:StyleSheet.hairlineWidth,
        paddingLeft:10,
        paddingVertical:8,
    },
    buttonView:{
        height:30,
        backgroundColor:'rgb(33, 150, 243)',
        paddingHorizontal:10,
        borderRadius:5,
        justifyContent:"center",
        alignItems:'center',
        alignItems:'flex-start',
        marginTop:10
    },
    buttonText:{
        color:"white",
        fontSize:12,
    },
    content:{
        marginTop:5,
        marginBottom:15,
    },
    textInput:{
        paddingLeft:5,
        paddingRight:5,
        backgroundColor:'white',
        height:50,
        fontSize:16,
        flex:1,
    },
})

В настоящий момент я получаю эту ошибку: «undefined не является объектом (оценивается как« b.default.startDeviceScan »).

Как я могу исправить эту ошибку? и вы думаете, код может работать для подключения непосредственно к устройству? спасибо

1 Ответ

1 голос
/ 14 мая 2019

Вы экспортируете BleManager неправильно.Вы должны поместить его в фигурные скобки следующим образом: 

import { BleManager } from 'react-native-ble-plx';

Вы тоже неправильно используете BleManager.Вы должны создать его в каком-то месте, я использую его для использования в состоянии, чтобы убедиться, что у меня есть только 1 BleManager и создать новый объект BleManager, например: 

 constructor {
    ....
    this.state = {
      ....
      bleManager: new BleManager(),
      ....
    };

И затем использовать это.state.bleManager вместо BleManager, который вы использовали следующим образом: 

const { bleManager } = this.state;
bleManager.startDeviceScan(...)
...