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
)}
);
};
Tien's Blog 