You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We appreciate your feedback and energy helping us improve our services. [If you've tried the service, please give us feedback through this survey](https://microsoft.qualtrics.com/jfe/form/SV_9WTOR2ItSo0oFee).
15
+
We appreciate your feedback and energy helping us improve our services. [If you've tried the service, please give us feedback through this survey](https://microsoft.qualtrics.com/jfe/form/SV_9WTOR2ItSo0oFee).
16
16
17
-
## Prerequisites
17
+
## Prerequisites
18
18
19
-
An Azure account with an active subscription. Create an account for free.
20
-
A deployed Communication Services resource. Create a Communication Services resource.
21
-
An Authentication Endpoint that will return the Azure Communication Services Token. See example or clone the code.
19
+
An Azure account with an active subscription. Create an account for free.
20
+
A deployed Communication Services resource. Create a Communication Services resource.
21
+
An Authentication Endpoint that will return the Azure Communication Services Token. See example or clone the code.
22
22
23
-
Node, Watchman, and React Native CLI: please refer to [React Native environment setup guide](https://reactnative.dev/docs/environment-setup).
23
+
Node, Watchman, and React Native CLI: please refer to [React Native environment setup guide](https://reactnative.dev/docs/environment-setup).
24
24
25
25
Yarn: refer to [installation guide](https://classic.yarnpkg.com/lang/en/docs/install)
26
26
@@ -37,50 +37,56 @@ Navigate to `demo/`:
37
37
1. Run `yarn install`
38
38
39
39
Install iOS app dependencies:
40
+
40
41
1. In Terminal, navigate to `demo/ios/`:
41
42
2. Run `pod install --repo-update`
42
43
43
44
Build android app dependencies:
45
+
44
46
1. In Terminal, navigate to `demo/android/`:
45
47
2. Run `./gradlew build`
46
48
47
49
Navigate back to `demo/`
50
+
48
51
1. Run `yarn react-native start`
49
52
2. Open another Terminal, navigate to `demo/` folder, and run `yarn react-native run-ios` or `yarn react-native run-android`
50
-
51
-
Alternatively, you can also run the iOS app by launching Xcode from the `.xcworkspace` file, and run the app with scheme `demo` on your simulator or iOS device.
52
53
53
-
To run Android app, you can also launch Android Studio and run on Android emulator or Android device after syncing up gradle. There are two ways to sync gradle either with a command in the android folder`./gradlew build` or via android studio.
54
+
Alternatively, you can also run the iOS app by launching Xcode from the `.xcworkspace` file, and run the app with scheme `demo` on your simulator or iOS device.
55
+
56
+
To run Android app, you can also launch Android Studio and run on Android emulator or Android device after syncing up gradle. There are two ways to sync gradle either with a command in the android folder `./gradlew build` or via android studio.
54
57
55
58
## Key Sample Highlights
59
+
56
60
To integrate the native UI Library with React Native in this sample, a few key steps were taken as described below:
57
-
58
-
### iOS
61
+
62
+
### iOS
59
63
60
64
After installing the package and dependencies with CocoaPods from the step above, modify the Podfile in the `/ios` filder as such:
65
+
61
66
```ruby
62
-
platform :ios, '14.0'
67
+
platform :ios, '16.0'
63
68
target 'demo'do
64
69
use_frameworks!
65
-
pod 'AzureCommunicationUICalling', '1.11.0'
70
+
pod 'AzureCommunicationUICalling', '1.12.0'
66
71
...
67
72
68
73
# Note: disable the line below since we've enabled use_frameworks!
69
74
# use_flipper!()
70
75
...
71
76
end
72
-
```
77
+
```
73
78
74
-
Navigate to the `ios/` folder and open the `.xcworkspace` file with Xcode.
79
+
Navigate to the `ios/` folder and open the `.xcworkspace` file with Xcode.
75
80
76
-
Set iOS Deployment Target in Build Settings for the main project to minimum iOS 14.0:
81
+
Set iOS Deployment Target in Build Settings for the main project to minimum iOS 16.0:
To access the device's hardware, update your app's Information Property List (`Info.plist`). Set the associated value to a `string` that will be included in the dialog the system uses to request access from the user.
82
-
83
-
Right-click the `Info.plist` entry of the project tree and select **Open As** > **Source Code**. Add the following lines the top level `<dict>` section, and then save the file.
85
+
Request access to the microphone, camera, etc.
86
+
To access the device's hardware, update your app's Information Property List (`Info.plist`). Set the associated value to a `string` that will be included in the dialog the system uses to request access from the user.
87
+
88
+
Right-click the `Info.plist` entry of the project tree and select **Open As** > **Source Code**. Add the following lines the top level `<dict>` section, and then save the file.
89
+
84
90
```xml
85
91
<key>NSCameraUsageDescription</key>
86
92
<string></string>
@@ -92,12 +98,12 @@ To verify requesting the permission is added correctly, view the `Info.plist` as
Set `Enable Bitcode` option to `No` in the project `Build Settings`. To find the setting, you have to change the filter from `Basic` to `All`, you can also use the search bar on the right.
101
+
Turn off Bitcode
102
+
Set `Enable Bitcode` option to `No` in the project `Build Settings`. To find the setting, you have to change the filter from `Basic` to `All`, you can also use the search bar on the right.
In your app level (**app folder**) `build.gradle`, add the following lines to the dependencies and android sections.
103
109
@@ -134,8 +140,8 @@ repositories {
134
140
135
141
Sync project with gradle files. Either run `./gradlew build` or open the project in Android Studio (Android Studio -> File -> Sync Project With Gradle Files)
136
142
137
-
138
143
## Launching Composite
144
+
139
145
The React native library supports all the same features as the native [UI composite](https://github.com/Azure/communication-ui-library-android). Call `startCallComposite` on the `RNAzureCommunicationUICalling` module from your React Native Javascript code, wrapping with `try-catch` statement to handle any errors.
140
146
141
147
```cs
@@ -157,10 +163,12 @@ try {
157
163
```
158
164
159
165
### Setup group call or Teams meeting options
166
+
160
167
Depending on what type of Call/Meeting you would like to setup, use the appropriate meeting input. Replace `meetingInput` with either your group call ID or Teams meeting url.
161
168
162
169
## React native - native app bridging
163
-
In order to support the communication between React Native and native Azure Communication UI library, bridging is needed for both iOS and Android. Please refer to the following bridging file guide for iOS and Android.
170
+
171
+
In order to support the communication between React Native and native Azure Communication UI library, bridging is needed for both iOS and Android. Please refer to the following bridging file guide for iOS and Android.
0 commit comments