2020-08-06 23:50:22 +03:00
---
page_type: sample
2021-11-11 16:20:35 +03:00
name: Surface Duo - Flutter samples
2020-08-06 23:50:22 +03:00
languages:
2021-11-11 17:38:20 +03:00
- dart
2020-08-06 23:50:22 +03:00
products:
- surface-duo
2021-11-11 16:20:35 +03:00
description: "Samples showing how to use Flutter for building apps for the Surface Duo."
2020-08-06 23:50:22 +03:00
urlFragment: all
---
2020-05-14 23:45:03 +03:00
# Surface Duo Flutter samples
2020-04-17 00:42:19 +03:00
2021-11-11 16:20:35 +03:00
This repo contains Flutter samples with enhancements for the Microsoft Surface Duo.
2020-04-17 00:42:19 +03:00
2021-11-11 17:40:29 +03:00
The [design_patterns ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/ ) project shows how to build the [dual-screen design patterns ](https://docs.microsoft.com/en-us/dual-screen/introduction#dual-screen-app-patterns ). It is one single application that allows navigating through the following screens:
2021-01-06 21:29:06 +03:00
2021-11-11 16:20:35 +03:00
| Pattern | Folder | Dual-screen screenshot| Single screen screenshot|
2021-11-11 17:38:20 +03:00
| :---------: | :---------: | ----------- | ----------- |
2021-11-11 16:20:35 +03:00
| < br /> Extended Canvas | [extended_canvas ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/lib/extended_canvas ) |  |  |
| < br /> List Detail | [list_detail ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/lib/list_detail ) |  |  |
| < br /> Two Page | [two_page ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/lib/two_page ) |  |  |
| < br /> Dual View< br /> Notepad | [dual_view_notepad ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/lib/dual_view_notepad ) |  |  |
| < br /> Dual View< br /> Restaurants | [dual_view_restaurants ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/lib/dual_view_restaurants ) |  |  |
| < br /> Companion Pane | [companion_pane ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/lib/companion_pane ) |  |  |
2021-01-06 21:29:06 +03:00
2021-11-11 16:20:35 +03:00
The [hinge_angle ](https://github.com/microsoft/surface-duo-sdk-samples-flutter/tree/master/design_patterns/lib/hinge_angle ) project shows how to use the hinge angle data provided by the [dual_screen ](https://pub.dev/packages/dual_screen ) flutter package.
2021-01-06 21:29:06 +03:00
2021-11-11 16:20:35 +03:00
More information, including design resources can be found in the [dual-screen docs ](https://docs.microsoft.com/dual-screen/ ). All the screenshots are generated using the [Surface Duo emulator ](https://docs.microsoft.com/dual-screen/android/emulator/ ).
2020-08-06 23:50:22 +03:00
2020-04-17 00:42:19 +03:00
## Contributing
This project welcomes contributions and suggestions. Most contributions require you to agree to a
Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.
When you submit a pull request, a CLA bot will automatically determine whether you need to provide
a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions
provided by the bot. You will only need to do this once across all repos using our CLA.
This project has adopted the [Microsoft Open Source Code of Conduct ](https://opensource.microsoft.com/codeofconduct/ ).
For more information see the [Code of Conduct FAQ ](https://opensource.microsoft.com/codeofconduct/faq/ ) or
contact [opencode@microsoft.com ](mailto:opencode@microsoft.com ) with any additional questions or comments.
