React Native Fork oferece suporte ao desenvolvimento no Apple Vision Pro

Teoricamente, deveria ser possível migrar aplicativos móveis para o sistema operacional do Apple Vision Pro, visionOS.

Afinal, até 80-90% – talvez mais – do código do visionOS é igual ao do iOS, estimou Michał Pierzchała durante um podcast recente do React Native. Pierzchałan é chefe de tecnologia da consultoria de engenharia de software CallStack. A base para ambos é o UIKit, explicou Oskar Kwaśniewski, engenheiro de software da CallStack que trabalha no projeto.

Dito isso, quando a CallStack fez parceria com Matt Hargett, fundador da Rebecker Specialties, para criar um aplicativo React Native para Vision Pro, eles descobriram que não havia como usar a estrutura no visionOS. Então CallStack decidiu criar um fork do React Native que sim. A partir dessa bifurcação, CallStack construiu uma nova plataforma de código aberto fora da árvore que pode ser usada com visionOS. Ele permite que os desenvolvedores redirecionem aplicativos para o Vision Pro com suporte total para a plataforma SDK.

“A característica mais notável do Apple Vision Pro é, claro, este espaço imersivo onde você tem vários aplicativos próximos uns dos outros”, disse Kwaśniewski, que trabalhou no fork, ao The New Stack. “Esta é a visão que traremos para o React Native para que os usuários possam espelhar aplicativos facilmente e ocupar todo o espaço dos usuários do Apple Vision Pro.”

Peculiaridades do desenvolvimento para visionOS

Ajuda pensar no visionOS como tendo três tipos de conteúdo espacial: janelas, volumes 3D e espaços. As janelas são caixas retangulares que contêm visualizações e controles tradicionais e podem conter algum conteúdo 3D. Os volumes são mais como um grande cubo que pode mostrar experiências 3D visíveis de qualquer ângulo. Os espaços são… bem, todo o resto. Por padrão, os aplicativos são iniciados em Espaços Compartilhados, onde existem lado a lado, como vários aplicativos em uma área de trabalho.

Janela e um volume, da página visionOS da Apple.

“Os aplicativos podem usar janelas e volumes para mostrar o conteúdo, e o usuário pode reposicionar esses elementos onde quiser”, explica o site Apple visionOS. “Para uma experiência mais imersiva, um aplicativo pode abrir um Full Space dedicado, onde apenas o conteúdo desse aplicativo aparecerá. Dentro de um Full Space, um aplicativo pode usar janelas e volumes, criar conteúdo 3D ilimitado, abrir um portal para um mundo diferente ou até mesmo imergir totalmente as pessoas em um ambiente.”

Apple Vision Pro é um headset de realidade mista ou realidade estendida, em oposição à realidade virtual (que oferece uma experiência totalmente imersiva). A realidade mista é mais como uma sobreposição virtual, permitindo ao usuário interagir com o ambiente. O fone de ouvido permite que o usuário use as mãos, a voz e os olhos para navegar, tudo isso controlado pela camada do sistema e não precisa ser programado pelo desenvolvedor, Kwaśniewski e Pierzchałan compartilharam durante o podcast.

Vision Pros ainda são difíceis de encontrar – CallStack ainda estava em uma lista de espera no podcast de janeiro – então Kwaśniewski desenvolveu apenas em um simulador, mas ele disse que o sistema operacional destacará onde o usuário olha e selecionará o elemento, que pode então ser ativado por um movimento do dedo – como clicar em um trackpad.

Opções alternativas

A equipe olhou para o Flutter como uma opção possível, mas escolheu o React Native porque é uma estrutura mais estabelecida com uma parcela maior dos aplicativos reais enviados na Apple App Store e no Google Play, disse Kwaśniewski. A plataforma React Native permitirá que esses desenvolvedores estendam seus aplicativos móveis para o visionOS, acrescentou.

NativeScript é outra opção para criar aplicativos VisionPro. Oferece suporte visionOS para vários frameworks JavaScript, incluindo React, Angular e Svelte, que permite aos desenvolvedores usar JavaScript com SwiftUI da Apple. No entanto, o React Native é mais fácil e rápido em comparação, disse Pierzchałan.

Construindo a plataforma fora da árvore

Kwaśniewski comparou a bifurcação do React Native para Vision OS com a bifurcação do React Native para Windows da Microsoft.

“Ele permite que você pegue a mesma base de código que você já tinha, que já escreveu em JavaScript conhecido, e execute-a no MacOS e no Windows, e também permitimos que ela seja executada no visionOS”, ele disse.

Ao construir a estrutura React Native visionOS, a equipe aproveitou outra estrutura, IU rápidapara preencher a lacuna entre o React Native e os aspectos visuais do Vision Pro, acrescentou.

A equipe descobriu que não era possível ou mesmo necessário migrar todo o código React Native. Por exemplo, existem APIs que simplesmente não fazem sentido no Vision Pro.

“A API para recuperar informações sobre a tela do usuário atual não faz sentido para esta plataforma, pois a tela está a um centímetro dos nossos olhos e não podemos acessar a tela que o usuário está olhando; mas para recursos visuais, usamos janelas para exibir coisas”, disse ele. “É por isso que existem alguns problemas comuns que a maioria dos desenvolvedores e mantenedores de bibliotecas precisam resolver para que suas bibliotecas funcionem nesta plataforma.”

Somente bibliotecas que usam código nativo precisam de migração; Bibliotecas somente JavaScript funcionarão imediatamente, de acordo com a postagem de janeiro de Kwaśniewski detalhando como migrar bibliotecas. A estrutura foi projetada para enfrentar alguns dos desafios, é claro. Kwaśniewski ofereceu-se para que qualquer desenvolvedor que estivesse trabalhando na conversão de sua biblioteca pudesse pedir ajuda a ele.

A postagem React Native Fork suporta desenvolvimento no Apple Vision Pro apareceu pela primeira vez em The New Stack.