{"id":11956,"date":"2024-03-27T20:47:47","date_gmt":"2024-03-27T20:47:47","guid":{"rendered":"https:\/\/cheesecakelabs.com\/blog\/"},"modified":"2024-03-27T20:47:48","modified_gmt":"2024-03-27T20:47:48","slug":"how-to-create-cross-platform-app-apple-vision-pro","status":"publish","type":"post","link":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/","title":{"rendered":"How to Create a Cross-Platform App for Apple Vision Pro"},"content":{"rendered":"\n<p>On February 2, 2024, Apple officially released the <a href=\"https:\/\/www.apple.com\/newsroom\/2023\/06\/introducing-apple-vision-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Apple Vision Pro<\/a>, their revolutionary spatial computer that aims to change how people work, communicate, and entertain themselves.<\/p>\n\n\n\n<p>The Apple Vision Pro works as a mixed reality (VA + VR) and allows you to control with just your voice, hand, and eyes.<\/p>\n\n\n\n<p>Also, the M2 chip powers it, and the R1 chip is specifically dedicated to processing input from the cameras, sensors, and microphones.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Developing Apps for Apple Vision Pro<\/h2>\n\n\n\n<p>With these great powers the Vision Pro offers to us, there are a few options we can use to develop and give support to our mobile apps for the <a href=\"https:\/\/developer.apple.com\/visionos\/\" target=\"_blank\" rel=\"noreferrer noopener\">visionOS<\/a> when we want to use <a href=\"https:\/\/cheesecakelabs.com\/blog\/native-vs-cross-platform-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">cross-platform<\/a> tools, be it for sharing the code base, flexibility, or faster development:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adding a native visionOS module to our project and communicating with the cross-platform side.&nbsp;<\/li>\n\n\n\n<li>Running the cross-platform app in a Compatibility Mode.<\/li>\n\n\n\n<li>Using libraries that will help us develop apps for the visionOS from the cross-platform tool.<\/li>\n<\/ul>\n\n\n\n<p>Let&#8217;s explore the final two options featured in this blog post. Ready? Let&#8217;s dive in!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use Flutter for Apple Vision Pro Apps<\/h2>\n\n\n\n<p>For your <a href=\"https:\/\/cheesecakelabs.com\/blog\/apps-built-with-flutter\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flutter apps<\/a> to run in an Apple Vision Pro, you only need to add some basic configurations to your Xcode project:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Update your Xcode and install the visionOS simulator<\/li>\n\n\n\n<li>Add &#8220;Apple Vision&#8221; as one of the Supported Destinations of your app<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"267\" src=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/app-development-apple-vision-pro-1200x267.png\" alt=\"visionOS simulator\" class=\"wp-image-11957\" srcset=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/app-development-apple-vision-pro-1200x267.png 1200w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/app-development-apple-vision-pro-600x134.png 600w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/app-development-apple-vision-pro-768x171.png 768w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/app-development-apple-vision-pro-760x169.png 760w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/app-development-apple-vision-pro.png 1248w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Be sure your app excludes the architecture for Intel x86<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"128\" src=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/cross-platform-app-apple-vison-pro-1200x128.png\" alt=\"\" class=\"wp-image-11959\" srcset=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/cross-platform-app-apple-vison-pro-1200x128.png 1200w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/cross-platform-app-apple-vison-pro-600x64.png 600w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/cross-platform-app-apple-vison-pro-768x82.png 768w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/cross-platform-app-apple-vison-pro-1536x163.png 1536w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/cross-platform-app-apple-vison-pro-760x81.png 760w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/cross-platform-app-apple-vison-pro.png 1730w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>And done! Now you can select the &#8220;Apple Vision Pro&#8221; simulator as run destination in your Xcode project and run.<\/p>\n\n\n\n<p>That way, your app will run in the Compatibility Mode and will seem the same as it will be on an iPhone\/iPad but with the possibility of changing the resolution and orientation of the window.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Create a Cross-Platform App for Apple Vision Pro - Flutter\" width=\"1170\" height=\"878\" class=\"lazyload\" data-src=\"https:\/\/www.youtube.com\/embed\/RkvT68zRx48?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Limitations<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Have to run the project from Xcode<\/li>\n\n\n\n<li>Loss of the hot reload feature<\/li>\n\n\n\n<li>The app looks like the same as on iPad\/iPhone<\/li>\n\n\n\n<li>No access to the visionOS libraries&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">A taste of the future<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/cheesecakelabs.com\/blog\/flutter-3-0\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flutter<\/a> community is already working on plugins that allow you to access Apple Vision features like Hand Detection, Face Detection, and more (<a href=\"https:\/\/pub.dev\/packages\/apple_vision\">https:\/\/pub.dev\/packages\/apple_vision<\/a><strong>)<\/strong>.<\/p>\n\n\n\n<p>It&#8217;s an initial development for the new OS and may have some bugs.<\/p>\n\n\n\n<p>Moreover,&nbsp; it&#8217;s been in discussion about supporting visionOS on the Flutter platform: (<a href=\"https:\/\/github.com\/flutter\/flutter\/issues\/128313\">https:\/\/github.com\/flutter\/flutter\/issues\/128313<\/a>).<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">App Development With React Native for Vision Pro<\/h1>\n\n\n\n<p>As Flutter, the same configurations work for running your <a href=\"https:\/\/cheesecakelabs.com\/blog\/efficient-way-structure-react-native-projects\/\" target=\"_blank\" rel=\"noreferrer noopener\">React Native apps<\/a> on an Apple Vision Pro in a Compatibility Mode.<\/p>\n\n\n\n<p>However, the React Native community is already building a fork of the main project to fully support the platform&#8217;s capabilities, called: React Native visionOS, which unlocks the platform&#8217;s full capabilities, giving your app a transparent look that feels right at home next to other visionOS apps.<\/p>\n\n\n\n<p>It allows you to leverage the power of ImmersiveSpaces and multi-window apps.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Create a Cross-Platform App for Apple Vision Pro - React Native\" width=\"1170\" height=\"878\" class=\"lazyload\" data-src=\"https:\/\/www.youtube.com\/embed\/D_2voscz7y0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>This fork is easy to set up and run. You just need to set your environment as for the original React Native, install the visionOS simulator runtime on your Xcode, and start a project using:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">em<\/span>&gt;<\/span>npx @callstack\/react-native-visionos@latest init YourApp<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">em<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n<\/div>\n\n\n\n<p>Then, inside your project folder, you will notice a &#8220;visionsos&#8221; folder which is pretty much like the &#8220;ios&#8221; folder. Therefore, you need to install the pods in both folders.<\/p>\n\n\n\n<p>To run your visionOS app run the following commands:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">em<\/span>&gt;<\/span>yarn start<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">em<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">em<\/span>&gt;<\/span>yarn visionos<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">em<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Create a Cross-Platform App for Apple Vision Pro 3\" width=\"1170\" height=\"878\" class=\"lazyload\" data-src=\"https:\/\/www.youtube.com\/embed\/cV6a-QO20V8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Create a Cross-Platform App for Apple Vision Pro 4\" width=\"1170\" height=\"878\" class=\"lazyload\" data-src=\"https:\/\/www.youtube.com\/embed\/FDy4mixbcyI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Conclusion<\/h1>\n\n\n\n<p>For both Cross-platform tools, we can add support with the Compatibility Mode to run the app on the visionOS.<\/p>\n\n\n\n<p>Still, with the limitation of not accessing the full features and libraries, it&#8217;s limited when we try to work with the best practices according to the Apple Human Interface Guidelines.<\/p>\n\n\n\n<p>However, the fork of <strong>react-native-visionos<\/strong> seems promising and we should keep track of their development, although it&#8217;s in early stage development and is not production-ready.&nbsp;<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">References<\/h1>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/callstack.github.io\/react-native-visionos-docs\/\">https:\/\/callstack.github.io\/react-native-visionos-docs\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/flutter\/flutter\/issues\/128313\">https:\/\/github.com\/flutter\/flutter\/issues\/128313<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.apple.com\/newsroom\/2024\/01\/apple-vision-pro-available-in-the-us-on-february-2\/\">https:\/\/www.apple.com\/newsroom\/2024\/01\/apple-vision-pro-available-in-the-us-on-february-2\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>On February 2, 2024, Apple officially released the Apple Vision Pro, their revolutionary spatial computer that aims to change how people work, communicate, and entertain themselves. The Apple Vision Pro works as a mixed reality (VA + VR) and allows you to control with just your voice, hand, and eyes. Also, the M2 chip powers [&hellip;]<\/p>\n","protected":false},"author":81,"featured_media":11964,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[432],"tags":[1270,1271,1272],"class_list":["post-11956","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering","tag-apple-vision-pro","tag-ar","tag-va"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create a Cross-Platform App for Apple Vision Pro<\/title>\n<meta name=\"description\" content=\"In this tutorial, you will learn how to create a cross-platform app for Apple Vision Pro, using Flutter and React Native.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Cross-Platform App for Apple Vision Pro\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, you will learn how to create a cross-platform app for Apple Vision Pro, using Flutter and React Native.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Cheesecake Labs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cheesecakelabs\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-27T20:47:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-27T20:47:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"860\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cheesecake Labs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cheesecakelabs\" \/>\n<meta name=\"twitter:site\" content=\"@cheesecakelabs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\"},\"author\":{\"name\":\"Leandro Pontes Berleze\"},\"headline\":\"How to Create a Cross-Platform App for Apple Vision Pro\",\"datePublished\":\"2024-03-27T20:47:47+00:00\",\"dateModified\":\"2024-03-27T20:47:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\"},\"wordCount\":686,\"image\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg\",\"keywords\":[\"apple vision pro\",\"AR\",\"VA\"],\"articleSection\":[\"Engineering\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\",\"url\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\",\"name\":\"How to Create a Cross-Platform App for Apple Vision Pro\",\"isPartOf\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg\",\"datePublished\":\"2024-03-27T20:47:47+00:00\",\"dateModified\":\"2024-03-27T20:47:48+00:00\",\"author\":{\"@type\":\"person\",\"name\":\"Leandro Pontes Berleze\"},\"description\":\"In this tutorial, you will learn how to create a cross-platform app for Apple Vision Pro, using Flutter and React Native.\",\"breadcrumb\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage\",\"url\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg\",\"contentUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg\",\"width\":1920,\"height\":860,\"caption\":\"people using apple vision pro apps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cheesecakelabs.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Cross-Platform App for Apple Vision Pro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#website\",\"url\":\"https:\/\/cheesecakelabs.com\/blog\/\",\"name\":\"Cheesecake Labs\",\"description\":\"Nearshore outsourcing company for Web and Mobile design and engineering services, and staff augmentation for startups and enterprises..\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cheesecakelabs.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"name\":\"Leandro Pontes Berleze\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/Leandro-Berleze.png\",\"contentUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/Leandro-Berleze.png\",\"caption\":\"Leandro Pontes Berleze\"},\"url\":\"https:\/\/cheesecakelabs.com\/blog\/autor\/leandropberleze\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Cross-Platform App for Apple Vision Pro","description":"In this tutorial, you will learn how to create a cross-platform app for Apple Vision Pro, using Flutter and React Native.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Cross-Platform App for Apple Vision Pro","og_description":"In this tutorial, you will learn how to create a cross-platform app for Apple Vision Pro, using Flutter and React Native.","og_url":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/","og_site_name":"Cheesecake Labs","article_publisher":"https:\/\/www.facebook.com\/cheesecakelabs","article_published_time":"2024-03-27T20:47:47+00:00","article_modified_time":"2024-03-27T20:47:48+00:00","og_image":[{"width":1920,"height":860,"url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg","type":"image\/jpeg"}],"author":"Cheesecake Labs","twitter_card":"summary_large_image","twitter_creator":"@cheesecakelabs","twitter_site":"@cheesecakelabs","twitter_misc":{"Written by":null,"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#article","isPartOf":{"@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/"},"author":{"name":"Leandro Pontes Berleze"},"headline":"How to Create a Cross-Platform App for Apple Vision Pro","datePublished":"2024-03-27T20:47:47+00:00","dateModified":"2024-03-27T20:47:48+00:00","mainEntityOfPage":{"@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/"},"wordCount":686,"image":{"@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg","keywords":["apple vision pro","AR","VA"],"articleSection":["Engineering"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/","url":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/","name":"How to Create a Cross-Platform App for Apple Vision Pro","isPartOf":{"@id":"https:\/\/cheesecakelabs.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage"},"image":{"@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg","datePublished":"2024-03-27T20:47:47+00:00","dateModified":"2024-03-27T20:47:48+00:00","author":{"@type":"person","name":"Leandro Pontes Berleze"},"description":"In this tutorial, you will learn how to create a cross-platform app for Apple Vision Pro, using Flutter and React Native.","breadcrumb":{"@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#primaryimage","url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg","contentUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/developing-apps-for-apple-vision-pro.jpg","width":1920,"height":860,"caption":"people using apple vision pro apps"},{"@type":"BreadcrumbList","@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cheesecakelabs.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create a Cross-Platform App for Apple Vision Pro"}]},{"@type":"WebSite","@id":"https:\/\/cheesecakelabs.com\/blog\/#website","url":"https:\/\/cheesecakelabs.com\/blog\/","name":"Cheesecake Labs","description":"Nearshore outsourcing company for Web and Mobile design and engineering services, and staff augmentation for startups and enterprises..","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cheesecakelabs.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","name":"Leandro Pontes Berleze","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cheesecakelabs.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/Leandro-Berleze.png","contentUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2024\/03\/Leandro-Berleze.png","caption":"Leandro Pontes Berleze"},"url":"https:\/\/cheesecakelabs.com\/blog\/autor\/leandropberleze\/"}]}},"_links":{"self":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/11956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/comments?post=11956"}],"version-history":[{"count":2,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/11956\/revisions"}],"predecessor-version":[{"id":11963,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/11956\/revisions\/11963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/media\/11964"}],"wp:attachment":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/media?parent=11956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/categories?post=11956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/tags?post=11956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}