iPhone Duo: o que muda na sua app e como a preparar

A sua app vai funcionar no iPhone Duo? Vai abrir, mas enquanto não for recompilada com o Xcode 27.1 não ocupará o ecrã inteiro, e a forma como se adapta ao ecrã interior maior depende de como os seus layouts foram construídos. O seu cliente estreia um telemóvel novo, abre-o e a sua app aparece num ecrã quase do tamanho de um pequeno tablet. Ocupa o espaço, mantém o ponto onde ele estava e parece feita para ali, ou estica, fica aquém das margens e perde o carrinho? É esta a pergunta que o iPhone Duo faz a todas as apps iOS. A Apple anunciou o seu primeiro iPhone dobrável a 9 de setembro de 2026: um ecrã de 5,4 polegadas fechado, um ecrã de 7,6 polegadas aberto, à venda a partir de 23 de outubro. Eis o que muda na sua app, como a preparar e como o podemos fazer por si.

O que muda na sua app no iPhone Duo

É quase certo que a sua app vai abrir no iPhone Duo logo no primeiro dia. O que os seus clientes veem quando isso acontece é outra questão. Estas são as seis mudanças em que vão reparar.

1. Margens vazias até recompilar a app

O que os seus clientes veem: uma app que não chega às margens do ecrã. A Apple indica que as apps compiladas com o Xcode 26 ou anterior não se estendem por baixo da barra de estado e da câmara no iPhone Duo, e a InfoQ confirma-o. Num telemóvel que custa a partir de 1.999 $, uma app com ar de inacabada é a primeira impressão da sua marca. O que fazer: recompilar com o Xcode 27.1 e o SDK do iOS 27.1.

2. Dois ecrãs e três posições

O anúncio da Apple descreve um ecrã exterior compacto para tarefas rápidas e um ecrã interior muito maior. Como explica o guia da Macworld, fechado, o telemóvel fica próximo de um iPhone habitual e, aberto, próximo de um pequeno tablet. Entre os dois, pode ficar meio dobrado em cima de uma mesa, como um portátil. A sua app tem de ficar bem em cada uma destas posições, nas duas orientações.

3. Os layouts fixos começam a notar-se

O que falha: os ecrãs desenhados para uma única largura de iPhone esticam, cortam mal as imagens ou deixam margens largas e vazias no ecrã interior. A orientação da Apple, Preparing your app for iPhone Duo, é clara: dimensionar as vistas em relação ao seu contentor e basear o layout na cena, não nas dimensões do ecrã.

4. A sua app muda de ecrã enquanto está a ser usada

Quando o seu cliente abre ou fecha o telemóvel, a sua app passa de um ecrã para o outro a meio de uma tarefa. Ele espera encontrar a mesma posição na página, o mesmo carrinho, a mesma mensagem meio escrita. Uma app que recarrega ou recomeça nesse momento parece avariada, mesmo que cada ecrã, por si só, esteja bem.

5. Espaço para duas coisas ao mesmo tempo

O que melhora: com o telemóvel aberto, há espaço para uma lista ao lado do detalhe, ou para um catálogo ao lado do carrinho. As novas vistas de disposição da Apple colocam uma vista principal e uma secundária lado a lado quando o telemóvel está totalmente aberto, e de cada lado da dobra quando está meio fechado.

6. As vistas à medida encontram a dobra e a câmara

O iOS trata a dobra e as câmaras frontais como zonas reservadas. As vistas divididas, as barras de separadores e as pilhas de navegação da própria Apple contornam-nas sozinhas. Um mapa, uma tela de desenho ou um leitor feitos à medida não, e um botão que calhe na dobra é difícil de ver e de premir. As barras de ferramentas também podem passar para a lateral do ecrã e ficar na vertical, só com ícones.

O que a dobra muda, app a app

• E-commerce. Fechado, uma consulta rápida a uma encomenda. Aberto, a galeria do produto ao lado dos detalhes, ou o catálogo ao lado do carrinho, sem perder o carrinho quando o telemóvel se dobra.
• Reservas. Um calendário numa metade e os horários disponíveis na outra; um mapa ao lado da lista de locais.
• Media e streaming. Meio dobrado em cima de uma mesa, o vídeo em cima e os controlos ou os comentários em baixo.
• Banca e painéis de SaaS. Um resumo no ecrã exterior, a tabela ou o gráfico completos no interior, com os filtros ao lado da informação em vez de por cima dela.

Em todos os casos, a pergunta é a mesma: entre que duas coisas os seus clientes já alternam, e consegue o telemóvel aberto mostrar ambas?

Como preparar a sua app para o iPhone Duo

Estes são os passos que vale a pena dar já, por ordem.

1. Recompilar com o Xcode 27.1 e o SDK do iOS 27.1, e correr a app no novo simulador.
2. Testar todos os percursos essenciais com o telemóvel fechado, aberto e parcialmente dobrado, nas duas orientações: início de sessão, pesquisa, checkout, reservas, partilha.
3. Eliminar os tamanhos de ecrã fixos e basear os layouts no espaço de que a app realmente dispõe.
4. Passar para contentores do sistema onde os contentores à medida nada acrescentam: vistas divididas, barras de separadores, pilhas de navegação e as novas vistas de disposição.
5. Manter o estado quando o tamanho muda, para que abrir ou dobrar o telemóvel nunca faça o seu cliente perder o ponto onde estava.
6. Rever as barras: navegação principal no topo, um ícone e um título para cada item da barra de ferramentas, ações menos frequentes no menu de mais opções.
7. Verificar as vistas à medida em relação à dobra e às câmaras, usando as regiões reservadas que o sistema indica.
8. Escolher um ou dois momentos para desenhar a pensar no telemóvel aberto e planeá-los como uma segunda fase.

Uma app que já se redimensiona bem no iPad e no Mac está, nas palavras da Apple, bem encaminhada. Uma app feita para uma única largura de iPhone precisa de mais trabalho, e é melhor descobri-lo antes dos seus clientes.

Preparamos a sua app para o iPhone Duo

Desenhamos e desenvolvemos apps com layouts adaptáveis e componentes do sistema desde o início, por isso um novo formato de ecrã pede uma revisão, não um recomeço. Para o iPhone Duo, oferecemos três coisas:

• Uma verificação do aspeto e do comportamento da sua app no iPhone Duo. Recompilamo-la com as ferramentas atuais, percorremos os percursos principais em todas as posições e entregamos-lhe uma lista por escrito: o que falha, o que parece datado, o que pode esperar.
• Adaptação da sua app iOS atual. Layouts, estado e barras corrigidos para que funcione como deve nos dois ecrãs, sem mudar aquilo que os seus clientes já conhecem.
• Novas apps desenhadas e desenvolvidas para os dois ecrãs. Onde o telemóvel aberto permite fazer mais, desenhamos esses momentos e desenvolvemo-los, com testes no simulador e no dispositivo.

Veja como abordamos o design UX/UI e o desenvolvimento de aplicações, ou fale-nos da sua app. Dizemos-lhe com franqueza o que o iPhone Duo significa para ela e por onde começaríamos.

Perguntas frequentes

Imagens: Apple. A Odduel não é afiliada da Apple. iPhone é uma marca comercial da Apple Inc.

Leituras recomendadas: Desenvolvimento de MVP: da ideia a uma primeira versão pela qual os clientes pagam, Apps nativas ou multiplataforma: Flutter, React Native ou nativo, Desenvolvimento de apps: da ideia à loja.