{"id":11956,"date":"2024-03-27T20:47:47","date_gmt":"2024-03-27T20:47:47","guid":{"rendered":"https:\/\/cheesecakelabs.com\/blog\/"},"modified":"2026-08-15T07:58:57","modified_gmt":"2026-08-15T07:58:57","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 device (AR + VR) and allows you to control it with just your voice, hands, 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\">How do you develop 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 <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 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 on 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 start=\"3\" class=\"wp-block-list\">\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 the 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 does 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\">What are the limitations of Compatibility Mode?<\/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 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, there has been 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<h2 class=\"wp-block-heading\">How do you use React Native for Apple Vision Pro apps?<\/h2>\n\n\n\n<p>As with 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, called React Native visionOS. It 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 up your environment as you would 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;visionos&#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<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>For both cross-platform tools, we can add support with the Compatibility Mode to run the app on 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 its development, although it&#8217;s in early-stage development and is not production-ready.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">References<\/h2>\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 device (AR + VR) and allows you to control it with just your voice, hands, and eyes. Also, the M2 [&hellip;]<\/p>\n","protected":false},"author":81,"featured_media":11964,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_focuskw":"cross platform app apple vision pro","_yoast_wpseo_title":"How to Create a Cross-Platform App for Apple Vision Pro","_yoast_wpseo_metadesc":"Run Flutter and React Native apps on Apple Vision Pro. This walkthrough covers the Xcode setup, Compatibility Mode limits, and the visionOS RN fork.","_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_canonical":"","footnotes":"","ckl_wpml_lang":"","ckl_wpml_source_id":0,"ckl_wpml_status":""},"categories":[1425,432],"tags":[1270,1271,1272],"class_list":["post-11956","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-engineering","category-engineering","tag-apple-vision-pro","tag-ar","tag-va"],"acf":[],"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=\"Run Flutter and React Native apps on Apple Vision Pro. This walkthrough covers the Xcode setup, Compatibility Mode limits, and the visionOS RN fork.\" \/>\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=\"Run Flutter and React Native apps on Apple Vision Pro. This walkthrough covers the Xcode setup, Compatibility Mode limits, and the visionOS RN fork.\" \/>\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=\"2026-08-15T07:58:57+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\":\"2026-08-15T07:58:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/\"},\"wordCount\":684,\"publisher\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#organization\"},\"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\":[\"Product Engineering\",\"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\":\"2026-08-15T07:58:57+00:00\",\"description\":\"Run Flutter and React Native apps on Apple Vision Pro. This walkthrough covers the Xcode setup, Compatibility Mode limits, and the visionOS RN fork.\",\"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\":\"AI Implementation, Data and Product Engineering\",\"publisher\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#organization\"},\"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\":\"Organization\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#organization\",\"name\":\"Cheesecake Labs\",\"alternateName\":\"Cheesecake Labs Inc\",\"url\":\"https:\/\/cheesecakelabs.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cheesecakelabs.com\/#logo\",\"url\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png\",\"contentUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png\",\"caption\":\"Cheesecake Labs\",\"inLanguage\":\"en\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cheesecakelabs.com\/#primary-image\",\"url\":\"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp\",\"contentUrl\":\"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp\",\"width\":1920,\"height\":1080,\"caption\":\"Cheesecake Labs \u2014 AI, Data & Blockchain software development services\",\"inLanguage\":\"en\"},\"sameAs\":[\"https:\/\/www.facebook.com\/cheesecakelabs\",\"https:\/\/x.com\/cheesecakelabs\",\"https:\/\/www.instagram.com\/cheesecakelabs\/\",\"https:\/\/www.linkedin.com\/company\/cheesecake-labs\/\",\"https:\/\/www.youtube.com\/channel\/UCdGEQ5AHJcmIlaOaI5fGGVA\",\"https:\/\/clutch.co\/profile\/cheesecake-labs\",\"https:\/\/www.behance.net\/cheesecakelabs\",\"https:\/\/dribbble.com\/cheesecakelabs\",\"https:\/\/www.designrush.com\/agency\/profile\/cheesecake-labs\",\"https:\/\/www.g2.com\/products\/cheesecake-labs\/reviews\"],\"description\":\"Cheesecake Labs is a software development studio that designs and builds custom digital products \u2014 web, mobile, and platforms \u2014 combining product design and high-performance engineering.\",\"foundingDate\":\"2013\"},{\"@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":"Run Flutter and React Native apps on Apple Vision Pro. This walkthrough covers the Xcode setup, Compatibility Mode limits, and the visionOS RN fork.","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":"Run Flutter and React Native apps on Apple Vision Pro. This walkthrough covers the Xcode setup, Compatibility Mode limits, and the visionOS RN fork.","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":"2026-08-15T07:58:57+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":"2026-08-15T07:58:57+00:00","mainEntityOfPage":{"@id":"https:\/\/cheesecakelabs.com\/blog\/how-to-create-cross-platform-app-apple-vision-pro\/"},"wordCount":684,"publisher":{"@id":"https:\/\/cheesecakelabs.com\/blog\/#organization"},"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":["Product Engineering","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":"2026-08-15T07:58:57+00:00","description":"Run Flutter and React Native apps on Apple Vision Pro. This walkthrough covers the Xcode setup, Compatibility Mode limits, and the visionOS RN fork.","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":"AI Implementation, Data and Product Engineering","publisher":{"@id":"https:\/\/cheesecakelabs.com\/blog\/#organization"},"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":"Organization","@id":"https:\/\/cheesecakelabs.com\/blog\/#organization","name":"Cheesecake Labs","alternateName":"Cheesecake Labs Inc","url":"https:\/\/cheesecakelabs.com\/","logo":{"@type":"ImageObject","@id":"https:\/\/cheesecakelabs.com\/#logo","url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png","contentUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png","caption":"Cheesecake Labs","inLanguage":"en"},"image":{"@type":"ImageObject","@id":"https:\/\/cheesecakelabs.com\/#primary-image","url":"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp","contentUrl":"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp","width":1920,"height":1080,"caption":"Cheesecake Labs \u2014 AI, Data & Blockchain software development services","inLanguage":"en"},"sameAs":["https:\/\/www.facebook.com\/cheesecakelabs","https:\/\/x.com\/cheesecakelabs","https:\/\/www.instagram.com\/cheesecakelabs\/","https:\/\/www.linkedin.com\/company\/cheesecake-labs\/","https:\/\/www.youtube.com\/channel\/UCdGEQ5AHJcmIlaOaI5fGGVA","https:\/\/clutch.co\/profile\/cheesecake-labs","https:\/\/www.behance.net\/cheesecakelabs","https:\/\/dribbble.com\/cheesecakelabs","https:\/\/www.designrush.com\/agency\/profile\/cheesecake-labs","https:\/\/www.g2.com\/products\/cheesecake-labs\/reviews"],"description":"Cheesecake Labs is a software development studio that designs and builds custom digital products \u2014 web, mobile, and platforms \u2014 combining product design and high-performance engineering.","foundingDate":"2013"},{"@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":4,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/11956\/revisions"}],"predecessor-version":[{"id":14690,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/11956\/revisions\/14690"}],"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}]}}