{"id":2426,"date":"2019-09-30T16:36:27","date_gmt":"2019-09-30T11:06:27","guid":{"rendered":"https:\/\/www.concettolabs.com\/blog\/?p=2426"},"modified":"2025-04-08T10:27:06","modified_gmt":"2025-04-08T10:27:06","slug":"bluetooth-functionality-in-flutter","status":"publish","type":"post","link":"https:\/\/www.concettolabs.com\/blog\/bluetooth-functionality-in-flutter\/","title":{"rendered":"Bluetooth Functionality with Flutter"},"content":{"rendered":"

When it comes to using Bluetooth along with flutter, there is close to no documentation available. Whatever few articles are available, they are either too technical to bog you down, or are not clearly explained and become overwhelming. We will help you by demonstrating some basic concepts to implement Bluetooth functionality with flutter<\/strong> in your app.<\/p>\n

We will be using the \u201cflutter Bluetooth serial<\/strong>\u201d plugin in the app to add Bluetooth. This plugin is implemented from another parent plugin called \u201cflutter blue<\/a>\u201d. Although it is a new plugin and is not entirely bug-free minds you it will definitely do your job.<\/p>\n

Note:<\/strong> Before moving forward it would be important for you to know that this plugin will work only for android devices.<\/p>\n

<\/span>Implementations:<\/span><\/h2>\n

Bluetooth plugin for flutter can be easily used. Just follow these steps:<\/p>\n

Firstly, add this dependency in your \u201cpubspec.yaml\u201d<\/strong> file:<\/p>\n

\"Dependency\"<\/p>\n

The code of the app in the \u201cmain.dart\u201d file will look like this:<\/p>\n

\"main.dart\"<\/p>\n

Now we will create a StatefulWidget called the \u201cBluetooth App\u201d. Then we will define some variables and a key in the _BluetoothAppStore. Along with this, we will also get an instance of FlutterBluetoothSerial in this class<\/strong>.<\/p>\n

This class will enable to control and retrieve Bluetooth information:<\/strong><\/p>\n

\"StatefulWidget\"<\/p>\n

Now we will be implementing the critical portion of the app. We have to get the list of paired Bluetooth devices and check whether Bluetooth is connected. This will be done asynchronously. Then we will also have to create a list of Bluetooth devices to be shown in the UI later.<\/p>\n

These operations must be done in a \u201cfuture\u201d method, which will be called in initState().<\/p>\n

Now it is time to move on to the UI, which is the most pretty part of flutter. The code will be pretty long but it would mostly be easy to read if you are somewhat familiar with the Flutter widget. Post completing the UI, you will have to implement some methods.<\/p>\n

<\/span>Now it is time to implement some methods. First, we will start with the _getDeviceItems() method:<\/span><\/h2>\n

Now that we have dealt with the UI, it\u2019s time to use 4 methods. We will be using the connect and disconnect methods for this example. Then we will be implementing a method to display a snack bar to the user when no Bluetooth devices are connected when the user tries to connect.<\/p>\n

Now we are mostly finished. We are left with two methods, one for sending a message when to turn on the Bluetooth and the other foe switching it off.<\/p>\n

\"Bluetooth<\/p>\n

After failing all these steps, the Dart work required to make this work is now complete. But still now, when we run the app, it will crash:<\/p>\n

\"Dart\"<\/p>\n

To fix this, we are required to add the SDK to the AndroidManifest. Follow these steps after navigating to your project folder: android -> app -> src -> main -> AndroidManifest.xml<\/strong><\/p>\n

<\/span>Add these 2 lines of code to your AndroidManifest.xml file:<\/strong><\/span><\/h3>\n

\"AndroidManifest.xml\"<\/p>\n

If you want world-class flutter services then you can hire flutter developers<\/strong><\/a> from India. Concetto labs have in-house flutter app developers that are available to make your dream projects a reality.<\/p>\n

Looking For Flutter App Developer<\/h4>

That\u2019s exactly what we do<\/p>Contact Us<\/a><\/div>

\"Contact-us\"<\/div><\/div><\/div>\n
\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n