![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/06\/surface-duo-hinge-in-action.gif\")
Hinge angle vs device posture<\/h2>\n
\n The hinge angle is already used to calculate the device posture<\/a>, which is exposed using MediaQuery<\/a>. The MediaQuery update is included in the Flutter foldable support we blogged about previously<\/a>, and which is currently in review. For example, the \u201chalf-opened\u201d posture corresponds to hinge angles around 90 degrees. If the posture is enough for your app to provide a better experience, we recommend using it instead of the angle coming from the sensor directly.\n<\/p>\n \n There are situations where the hinge angle<\/strong> itself is important for your app. This raw data is not part of MediaQuery, as this would update your whole app too often. It is instead provided as part of the dual_screen<\/a> Flutter plugin.\n<\/p>\n \n Surface Duo has a hinge that supports the whole 0 to 360 degrees range of movement. You can develop and test your app using other foldable devices and emulators, but keep in mind they usually have a limited range of movement, either below 180 degrees or above 180 degrees. To make better sense of what these values mean, here are four important example angles:\n<\/p>\n \n Add dual_screen<\/a> to your pub.dev \n Import and use in your dart files.\n<\/p>\n \n You now have access to two new static properties:\n<\/p>\n \n There is a sample app available on the dual_screen GitHub page<\/a>. You can test the sample app using the regular foldable emulators available in Android Studio or using the Surface Duo emulator<\/a>. The Surface Duo emulator is the only one with two separate screens.\n<\/p>\n \n \n \n Check out the Surface Duo developer documentation<\/a> and past Flutter blog posts<\/a> for links and details on all our samples. You can find our Flutter samples on GitHub.\n<\/p>\n \n If you have any questions, or would like to tell us about your apps, use the feedback forum<\/a> or message us on Twitter @surfaceduodev<\/a>.\n<\/p>\n Hello Flutter developers! Today we are taking a closer look at the hinge on Microsoft Surface Duo and other foldable devices. The hinge holds the two parts of the device together, but it also has a sensor inside which tells us about the angle between the two screens. Figure 1: Surface Duo Hinge in action […]<\/p>\n","protected":false},"author":54297,"featured_media":1609,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[712,693,46],"class_list":["post-1608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-surface-duo-sdk","tag-dart","tag-flutter","tag-surface-duo"],"acf":[],"blog_post_summary":" Hello Flutter developers! Today we are taking a closer look at the hinge on Microsoft Surface Duo and other foldable devices. The hinge holds the two parts of the device together, but it also has a sensor inside which tells us about the angle between the two screens. Figure 1: Surface Duo Hinge in action […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/1608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/users\/54297"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/comments?post=1608"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/1608\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media\/1609"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media?parent=1608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/categories?post=1608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/tags?post=1608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Hinge angle values<\/h2>\n
\n
Reading the angle in Flutter<\/h2>\n
dependencies<\/code> section.\n<\/p>\ndependencies:\r\n dual_screen: ^1.0.0<\/pre>\n
\r\n import 'package:dual_screen\/dual_screen_info.dart';\r\n DualScreenInfo.hingeAngleEvents.listen((double hingeAngle) {\r\n print(hingeAngle);\r\n });\r\n DualScreenInfo.hasHingeAngleSensor.then((bool hasHingeSensor) {\r\n print(hasHingeSensor);\r\n });<\/pre>\n\n
hingeAngleEvents<\/code> – Broadcast stream of events from the device hinge angle sensor. If the device is not equipped with a hinge angle sensor, the stream produces no events.\n <\/li>\nhasHingeAngleSensor<\/code> – Future returning true if the device has a hinge angle sensor. Alternatively, if your app already uses MediaQuery.displayFeatures<\/code> or MediaQuery.hinge<\/code> to adapt to foldable or dual-screen form factors, you can safely assume the hinge angle sensor exists and that hingeAngleEvents<\/code> produces usable values.\n <\/li>\n<\/ul>\nSample app<\/h2>\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/06\/word-image.png\")
![](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/06\/word-image-1.png\")
Feedback and resources<\/h2>\n
Links<\/h2>\n
\n