indo"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Agora basta rodar npx expo run:ios ou buildar com EAS — seu app lançará normalmente, mas já vai permitir que widgets sejam adicionados na tela inicial. Segure o ícone do app e veja a mágica: seu widget aparece pronto para ser configurado!"}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-green-500/10 border-green-500/20 text-green-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-green-400","children":[["$","span",null,{"children":"✅"}],"Dica rápida"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Você pode continuar usando EAS Build normalmente — basta garantir que o Team ID esteja definido. O processo é idêntico ao build de aplicativos comuns."}]]}]]}]]]}] 31:["$","section","9",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"5. Abra o projeto no Xcode e customize usando SwiftUI"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Para refinar a UI do widget, abra o projeto com xed ios . No Xcode, use o arquivo Widget gerado na pasta Widgets para modificar layout e lógica SwiftUI. Você pode ver o preview em tempo real, facilitando ajustes antes do deploy."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-blue-500/10 border-blue-500/20 text-blue-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-blue-400","children":[["$","span",null,{"children":"ℹ️"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Se o preview não carregar, rode um prebuild com template em branco do plugin (“pre-widget”), garantindo que só o código necessário do widget seja compilado e acelerando previews."}]]}]]}]]]}] 32:["$","section","10",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"6. Dummy data: desenvolva rápido, depois integre ao app"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Para criar e testar a UI do widget sem depender do app React Native, defina arrays de dados mockados (“dummy data”) no SwiftUI. Isso acelera o ciclo de design e permite experimentar componentes com facilidade."}]]]}] 33:["$","section","11",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"7. Compartilhando dados entre app principal e widget"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Use a funcionalidade de “extension storage” do plugin: instancie um storage com o groupId copiado do app.json, e use métodos .set e .get para sincronizar os estados de todos, listas, ou qualquer dado serializado entre ambos, sempre em tempo real."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-red-500/10 border-red-500/20 text-red-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-red-400","children":[["$","span",null,{"children":"❌"}],"Evite erro clássico"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Crie chaves exclusivas para cada tipo de dado compartilhado entre app e widget. Compartilhamento confuso pode causar dados “sujos” e erros cruéis na tela inicial do usuário."}]]}]]}]]]}] 34:["$","section","12",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"8. Lendo os dados no Widget SwiftUI"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"No Widget, utilize UserDefaults com o mesmo su