To connect to a Bluetooth printer using React Native, you can use the react-native-bluetooth-serial library, which is one of the commonly used libraries for interacting with Bluetooth devices, including printers. Below is a step-by-step guide to setting up your React Native app for connecting to a Bluetooth printer.

Steps to Connect Bluetooth Printer in React Native:

Install Dependencies: First, you’ll need to install the necessary libraries.

npm install --save react-native-bluetooth-serial

If you’re using React Native 0.59 or earlier, you’ll need to link the package:

react-native link react-native-bluetooth-serial

Below is the React Native code to connect to a Bluetooth printer.

import React, { useState, useEffect } from 'react';
import { View, Button, Text, PermissionsAndroid, Platform } from 'react-native';
import BluetoothSerial from 'react-native-bluetooth-serial';

const BluetoothPrinter = () => {
  const [isConnected, setIsConnected] = useState(false);
  const [devices, setDevices] = useState([]);
  const [selectedDevice, setSelectedDevice] = useState(null);

  useEffect(() => {
    // Request Bluetooth permission (Android only)
    if (Platform.OS === 'android') {
      PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.BLUETOOTH)
        .then(() => {
          // Start Bluetooth scanning on permission granted
          BluetoothSerial.list()
            .then(devices => setDevices(devices))
            .catch(err => console.error(err));
        })
        .catch(err => console.error('Permission denied', err));
    } else {
      BluetoothSerial.list()
        .then(devices => setDevices(devices))
        .catch(err => console.error(err));
    }

    // Cleanup when component unmounts
    return () => {
      BluetoothSerial.stopScanning();
    };
  }, []);

  const connectToDevice = (device) => {
    BluetoothSerial.connect(device.id)
      .then(() => {
        setSelectedDevice(device);
        setIsConnected(true);
      })
      .catch(err => console.error('Connection failed', err));
  };

  const disconnect = () => {
    BluetoothSerial.disconnect()
      .then(() => {
        setIsConnected(false);
        setSelectedDevice(null);
      })
      .catch(err => console.error('Disconnection failed', err));
  };

  const printReceipt = () => {
    if (isConnected && selectedDevice) {
      // Here, you can send data to the printer
      const data = 'Hello Printer!';
      BluetoothSerial.write(data)
        .then(() => console.log('Data sent to printer'))
        .catch(err => console.error('Failed to print', err));
    } else {
      console.log('No device connected');
    }
  };

  return (
    
      Bluetooth Printer Connection

      
        Select Device
        {devices.length > 0 ? (
          devices.map((device) => (
             connectToDevice(device)}
            />
          ))
        ) : (
          No devices found
        )}
      

      
        {isConnected ? (
          
            Connected to {selectedDevice?.name}
            
            
          
        ) : (
          Not connected to any device
        )}
      
    
  );
};