native_device_orientation 0.0.2

  • Example
  • Installing
  • Versions
  • new50

Native Device Orientation

This is a plugin project that allows for getting the native device orientation.


Flutter provides a couple of way to get the 'orientation', but they all amount to basically checking whether the screen is taller or wider. This could fail for a strangely shaped device, but that isn't the primary issue.

The primary issue is that this method doesn't differentiate between landscape left and landscape right (what you get from rotation an upright phone left or right).

This isn't an issue for most applications, but when I was writing a plugin which displays a camera image, it became a problem as I need to know which way the screen is rotated.

Using the plugin - built-in widget

There are two ways of using the plugin. The most basic is what is shown in the example code; this entails encapsulating your code in a NativeDeviceOrientationReader widget, and then using NativeDeviceOrientationReader.orientation(context); in a widget encapsulated within the context.

This allows you to control when the device starts listening for orientation changes (which could use a bit of energy) by deciding where the NativeDeviceOrientationReader is instantiated, while being able to access the orientation in a simple way.

Note that there could be a very slight time between when the NativeDeviceOrientationReader widget is instantiated and when the orientation is read where the widget could be built with an incorrect orientation; it uses flutter's method of size until the first message it receives back from the native code (which should be fairly immediate anyways). It assumes that landscape is right and portrait is upright during this time.

See example and source code for more details.

Using the plugin - directly

It is also possible to bypass the helper widget to access the native calls directly. This is done by using the NativeDeviceOrientationCommunicator class. It is a singleton but can be instantiated like a normal class, and handles the communication between the ios/android code and the flutter code.

This class has two interesting properties:

  1. Future<NativeDeviceOrientation> get orientation async: This can be called to get the orientation asynchronously.

  2. Stream<NativeDeviceOrientation> get onOrientationChanged: This can be called to get a stream which receives new events whenever the orientation changes. It should also get an initial value pretty much immediately.

[0.0.1] - June 4, 2018

  • Implement Android & iOS native code.
  • Implement Flutter code & widget.
  • Write simple example.

[0.0.2] - June 4, 2018

  • Fix name of package


import 'package:flutter/material.dart';
import 'package:native_device_orientation/native_device_orientation.dart';

void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {
  _MyAppState createState() => new _MyAppState();

class _MyAppState extends State<MyApp> {
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Native Orientation example app'),
        body: new NativeDeviceOrientationReader(
          builder: (context) {
            NativeDeviceOrientation orientation =
            return new Center(
                child: Text('Native Orientation: ${orientation.toString()}\n'));

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  native_device_orientation: "^0.0.2"

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter packages get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

      import 'package:native_device_orientation/native_device_orientation.dart';
Version Uploaded Documentation Archive
0.0.2 Jun 4, 2018 Go to the documentation of native_device_orientation 0.0.2 Download native_device_orientation 0.0.2 archive
0.0.1 Jun 4, 2018 Go to the documentation of native_device_orientation 0.0.1 Download native_device_orientation 0.0.1 archive


We analyzed this package on Jun 19, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.63.0
  • pana: 0.11.3
  • Flutter: 0.5.4


Describes how popular the package is relative to other packages. [more]
0 / 100
Code health derived from static analysis. [more]
99 / 100
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
Learn more about scoring.


Detected platforms: Flutter

References Flutter, and has no conflicting libraries.


  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 1 hint.

    Run flutter format to format lib/native_device_orientation.dart.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.28.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.6 1.14.10
meta 1.1.5
sky_engine 0.0.99
typed_data 1.1.5
vector_math 2.0.6 2.0.7