Introdução ao Flutter para Surface Duo

Para começar, siga as instruções para baixar e instalar o emulador de tela dupla do Surface Duo em um computador que também foi configurado para o desenvolvimento do Flutter. Siga o Guia de introdução do Flutter, se o Flutter não estiver instalado.

Suporte a Dispositivos Dobráveis do Flutter

Recursos de exibição do MediaQuery

A base para suporte dobrável no Flutter são os recursos de exibição. São partes da exibição que criam uma distorção visual e podem criar uma separação lógica no espaço de tela. Para saber mais sobre como usá-los, leia a documentação do MediaQuery.

Caixas de diálogo e pop-ups

Caixas de diálogo e menus pop-up levam em conta os recursos de exibição e evitam sobrepô-los. Para ter melhor controle sobre o posicionamento da caixa de diálogo e o comportamento do pop-up, leia a documentação sobre rotas de pop-up com reconhecimento de dobradiça.

Widget TwoPane

Recomendamos trabalhar com componentes de nível superior se o projeto for adequado para eles. O TwoPane é um widget que facilita a população de cada tela quando o aplicativo é estendido. Ele também ajuda com layouts de tablet, desktop e tela maior como resultado. Saiba mais lendo a documentação do TwoPane.

Trabalhar com o ângulo da dobradiça

A dobradiça do Surface Duo e de outros dispositivos dobráveis contém um sensor que nos informa o ângulo entre as duas telas. Isso é considerado dados de baixo nível e é recomendável usar posturas de recurso de exibição em vez do ângulo da dobradiça diretamente. Se o caso de uso exigir saber o ângulo preciso da dobradiça, leia a documentação do ângulo da dobradiça.