Merge remote-tracking branch 'origin/main' into moar-docs-screenshare

guide/react-native/installation.mdx

@@ -12,15 +12,15 @@ How to install package in your mobile app
 ## Optional: Create new App
 
 <details>
-  <summary>Follow these steps to create new mobile app</summary>
+  <summary>Follow these steps to create a new mobile app</summary>
 
 If you don't have an existing project, you can create a new Expo app using a template
 
 ```bash
 npx create-expo-app@latest my-video-app
 ```
 
-As next step, you have to generate native files with `expo prepare` command:
+As the next step, you have to generate native files with `expo prepare` command:
 
 ```bash
 npx expo prebuild
@@ -40,7 +40,7 @@ npm install @fishjam-cloud/react-native-client
 
 ## Step 2: Configure App permissions
 
-Your app will need to have configured permissions to use microphone and camera in order to work.
+Your app must have permissions configured to use the microphone and camera.
 
 ### Android
 
@@ -92,4 +92,40 @@ You need to modify `AndroidManifest.xml` file, and these lines:
 
 ### iOS
 
-No action is required for iOS
+<Tabs groupId="app-type">
+
+  <TabItem value="expo" label="Expo">
+
+You don't have to make any changes to run app on iOS.
+To update default content of permission alert, you can add these settings to `app.json`:
+
+```json
+{
+  "expo": {
+    ...
+   "ios": {
+      ...
+      "infoPlist": {
+        "NSCameraUsageDescription": "Your message.",
+        "NSMicrophoneUsageDescription": "Your message"
+      }
+    },
+  }
+}
+```
+
+  </TabItem>
+  <TabItem value="rn" label="Bare workflow">
+
+You need to make sure that `info.plist` contain these entries:
+
+```xml
+    <key>NSCameraUsageDescription</key>
+    <string>Allow $(PRODUCT_NAME) to access your camera.</string>
+    <key>NSMicrophoneUsageDescription</key>
+    <string>Allow $(PRODUCT_NAME) to access your microphone</string>
+
+```
+
+  </TabItem>
+</Tabs>