A Simple Flutter Android App, which displays Sensor Data.
MIT License
A Simple Flutter Android App, which displays Android Sensor Data.
>>> adb install sensorz.apk
Overview 1 | Overview 3 | Overview 3 |
---|---|---|
Lets first talk about Dart portion of the app ...
In main.dart, I created one Stateless Widget, SensorMain under which, initialRoute was SensorMainHome, which is a Stateful Widget.
As I'm using one Stateful Widget, I need to define a class which will be holding the current state of the app.
_SensorMainState, holds current state of app.
Overriding build method is required in _SensorMainState. So I used a Scaffold Widget, which is a very basic material based widget.
Well let me tell you one thing, in flutter, almost every UI component is a Widget.
For displaying sensor info and their live data feed, I'm using LisView layout manager.
A Card ( material design UI component ), is holding info regarding a certain sensor which is present on that device.
For invoking methods which are available in platform level ( Android API ), I used methodChannel.
First need to create an instance of method channel with one unique methodChannelName (String), the same name should be used in platform level code too.
That instance will help us to invoke methods which are defined in platform level.
One eventChannel is also created, which helps us to gain live sensor data updates from platform level.
Remember, we need to create both, methodChannel and eventChannel from platform level too, using same channel identifier string.
Check code comments, for more info.
Going to platform level implementation of the app ...
In MainActivity.kt, I registered methodChannel and eventChannel.
When getSensorsList() is invoked from platform level, a list of all sensors present in that device is returned back to UI level calling function.
And using the instance of SensorManager which I created at very beginning of app lifecycle, SensorEventListener is registered for all of those sensors.
For sending live sensor data feed to UI level, so that I can update UI as soon as data comes in, I wrote on class MySensorListener, which overrides SensorEventListener, and takes instance of EventChannel.EventSink as the only parameter.
In onSensorChanged(), I send sensor data back to UI level, where a listening service is already registered.
As soon as data comes in, UI level Dart code starts working for extracting that data and updates UI, so that changes gets reflected.
Well this is it.
Hope it was helpful :)
For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.