File tree Expand file tree Collapse file tree 2 files changed +31
-1
lines changed
docs/docs/getting-started Expand file tree Collapse file tree 2 files changed +31
-1
lines changed Original file line number Diff line number Diff line change 1
1
---
2
2
sidebar_position : 2
3
3
---
4
+ import Tabs from ' @theme/Tabs' ;
5
+ import TabItem from ' @theme/TabItem' ;
4
6
5
7
# Create your first App
6
8
@@ -10,9 +12,19 @@ sidebar_position: 2
10
12
4 . Install the latest version of CMake (at least v3.29.0).
11
13
5 . Initialize the project using this command:
12
14
15
+
16
+ <Tabs >
17
+ <TabItem value = " 0.75" label = " React Native >= 0.75" >
18
+ ``` sh
19
+ npx @react-native-community/cli@latest init < YourAppName> --template @callstack/visionos-template@latest
20
+ ```
21
+ </TabItem >
22
+ <TabItem value = " 0.74" label = " React Native <= 0.74" default >
13
23
``` sh
14
24
npx @callstack/react-native-visionos@latest init YourApp
15
25
```
26
+ </TabItem >
27
+ </Tabs >
16
28
17
29
6 . Next, go to ` YourApp/visionos ` folder and run following commands to install Pods:
18
30
Original file line number Diff line number Diff line change 2
2
sidebar_position : 3
3
3
---
4
4
5
+ import Tabs from ' @theme/Tabs' ;
6
+ import TabItem from ' @theme/TabItem' ;
7
+
5
8
# Integrate into existing projects
6
9
7
10
React Native visionOS allows you to take your existing React Native codebase and run it on visionOS.
@@ -12,9 +15,18 @@ This guide describes how to extend your app's capabilities by adding a new platf
12
15
13
16
Use the same name that you have in your main app.
14
17
18
+ <Tabs >
19
+ <TabItem value = " 0.75" label = " React Native >= 0.75" >
20
+ ``` sh
21
+ npx @react-native-community/cli@latest init < YourAppName> --template @callstack/visionos-template@latest
22
+ ```
23
+ </TabItem >
24
+ <TabItem value = " 0.74" label = " React Native <= 0.74" default >
15
25
``` sh
16
26
npx @callstack/react-native-visionos@latest init < YourAppName>
17
27
```
28
+ </TabItem >
29
+ </Tabs >
18
30
19
31
2 . Copy ` visionos ` folder to your destination project.
20
32
@@ -48,7 +60,13 @@ const config = {
48
60
module .exports = mergeConfig (getDefaultConfig (__dirname ), config);
49
61
```
50
62
51
- 5 . Done!
63
+ 5 . Add ` visionos/Pods ` to your ` .gitignore ` file.
64
+
65
+ ``` sh
66
+ echo " **/Pods/" >> .gitignore
67
+ ```
68
+
69
+ 6 . Done!
52
70
53
71
:::warning
54
72
Currently, ** Expo** is not supported.
You can’t perform that action at this time.
0 commit comments