react-native-beacons-manager在Android上的使用 --工作笔记

Smirky-boy

于 2020-04-22 19:11:22 发布

阅读量358

点赞数

分类专栏：学习总结工作经验文章标签： react native ibeacon

本文链接：https://blog.csdn.net/simper_boy/article/details/105690262

版权

本文介绍了如何在React Native项目中使用react-native-beacons-manager库进行iBeacon扫描。在Android上，必须获取位置权限并正确配置AndroidManifest.xml文件，否则beacon搜索结果将为空。

摘要由CSDN通过智能技术生成

github地址

npm install react-native-beacons-manager

import React, {
   Component} from 'react';
import {
   
  Text,
  View,
  DeviceEventEmitter,
  FlatList,
  StyleSheet,
  PermissionsAndroid,
  TouchableOpacity,
} from 'react-native';
import Beacons from 'react-native-beacons-manager';

export default class BeaconsManager extends Component {
   
  constructor(props) {
   
    super(props);
    this.state = {
   
      // region information
      uuidRef: null,
      identifier: 'TEST BEACON 1',
      // React Native ListView datasource initialization
      dataSource: [],
    };

  componentWillMount() {
   
    // 告诉该库检测beacon
    Beacons.detectIBeacons();

    const {
   identifier, uuid} = this.state;
    const FBeacons = {
   identifier, uuid};
    Beacons.startRangingBeaconsInRegion(FBeacons)
      .then(() => console.log('Beacons ranging started succesfully')) //启用成功
      .catch(error =>
        console.log(`Beacons ranging not started, error: ${
     error}`), //启用失败
      );
  }
  componentDidMount() {
   
    // component state aware here - attach events
    //获取周围的beacon数据
    DeviceEventEmitter.addListener('beaconsDidRange', data => {