Surface Duo Blog

A new angle on Flutter

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. (image) Figure 1: Surface Duo Hinge in action Hinge ...

Ask the Experts at Microsoft Build

Hello developers! Thank you to everyone who joined us at Microsoft Build this week. There was a lot of amazing announcements across the company, but for the Surface Duo Developer Experience team the highlight was sharing the latest info on building and enhancing your apps for dual-screens, and “meeting” everyone who attended the...

Surface Duo at Microsoft Build

Hello developers! Microsoft Build starts today with a keynote by Satya Nadella. The session catalog includes several Microsoft Surface sessions for developers looking to enhance their mobile applications for Surface Duo. Join the Surface Duo Developer Experience team in a mix of live and on-demand sessions that will help you build amazing ...

Foldables at Google I/O

Hello Android developers! You've probably seen some of the awesome announcements made this week at Google I/O, a virtual event that brought the Google developer community together. This post covers some of our favorites, from sessions like What’s new in foldables, tablets, and large screens, and Prepare your app for large screens...

Foldable SlidingPaneLayout

Hello Android developers! Last week Google announced an update to the SlidingPaneLayout component preview, which is being enhanced for dual-screen and foldable devices. UPDATE: on September 1st, 2021 Google released beta01. The API has not changed from the instructions in this post, the updated implementation line is: As ...

Creating beautiful dual-screen Xamarin.Forms apps

Hello .NET developers! The blog has previously featured tips for bringing Xamarin apps to Surface Duo and Microsoft Learn training to help enhance Xamarin apps. In this post we’ll discuss changes to animated layouts in a Xamarin.Forms app to adapt them for Microsoft Surface Duo. Adapt a design for Xamarin The sample project ...

Ensuring code quality with CI/CD

Hello Android developers, One of the best ways for us to help you enhance your apps is with samples, and it’s important that our samples are high quality and work as intended. Building dual-screen libraries and samples As you may already know, specifically for Android development (through its SDK and using Kotlin/Java...

Build and deploy dual-screen progressive web apps

Hello web developers, We've posted previously about using dual-screen media queries and JavaScript to adapt web apps for Microsoft Surface Duo. Today’s post is about how you can use those dual-screen capabilities in your progressive web app (PWA) and deploy to both the Google Play Store AND the Microsoft Store using PWABuilder! We...

Adapting your Angular web app for dual-screen devices

Hello web developers! Foldable and dual-screen devices are becoming increasingly more common over time, but you may wonder if investing development time to support these devices might be worth it, especially when creating fully responsive web apps is already a challenge. Using the new CSS and JavaScript primitives is a fun way to ...