Target device: (Note: simulators are not supported for running the UIKit)

• Device: [e.g. iPhone7 plus]
• OS:
  • IOS
• OS Version: [14.3]

App Info (Note: Expo CLI managed workflow is not supported by the UIKit)

• Type:
  • React Native CLI
• CLI Version: [2.0.1]

Describe the issue
Local control icons sometimes take up to 1 minute to show up

To Reproduce
Steps to reproduce the behaviour:

1. Place call
2. Observe Local control icons not loading on iOS

Screenshots

Newbie here.

Below is my code. I want to create a live stream using the plugin but when I use mode: mode.LiveBroadcasting it says variable mode not found. I read your wiki and used the rtcProps.

`import React, { useState } from 'react';
import AgoraUIKit from 'agora-rn-uikit';

const App = () => {
const [videoCall, setVideoCall] = useState(true);
const rtcProps = {
appId: 'APP_ID,
channel: 'test',
mode: mode.LiveBroadcasting,
role: role.Audience,
uid: 1,
};
const callbacks = {
EndCall: () => setVideoCall(false),
};
return videoCall ? (

) : (
<></>
);
};

export default App;`

Hello,

Is there a way to add custom buttons?
Is there a way to change/remove the default LocalControl?

How can we utilize the <RtcConfigure> component and add custom components?

Hey, thanks for the great work!

Whenever I pod install inside ios/ I get this warning:

[!] use_native_modules! skipped the react-native dependency 'agora-rn-uikit'. No podspec file was found.
    - Check to see if there is an updated version that contains the necessary podspec file
    - Contact the library maintainers or send them a PR to add a podspec. The react-native-webview podspec is a good example of a package.json driven podspec. See
    https://github.com/react-native-community/react-native-webview/blob/master/react-native-webview.podspec
    - If necessary, you can disable autolinking for the dependency and link it manually. See
    https://github.com/react-native-community/cli/blob/master/docs/autolinking.md#how-can-i-disable-autolinking-for-unsupported-library

Thanks.

Hello everyone,

can anyone help me to implement the RtcEvents listner.
For eg :- When particular users join or end call, some warning and error issues, etc.

How can I implement that? There is no documation for this .

Not able to run this code only white blank screen showing.

I have been trying to use agora's RTC Callbacks to detect remote user's video stream status using UserMuteVideo,RemoteVideoStateChanged and UserEnableVideo callbacks but I am unable to get any callback triggered when the remote user is pausing/resuming the video.

packages:
"react": "18.0.0",
"react-native": "0.69.6",
"expo": "46.0.13"
"agora-react-native-rtm": "^1.5.0",
"react-native-agora": "^4.0.0",
"agora-rn-uikit": "^4.0.0",
"expo-dev-client": "~1.2.1",

Callback functions which I am passing for fullscreen, mute audio/video buttons are not getting executed.
This is the callbacks object I am passing -
{
onEndCall: () => { this.setState({ videoCall: false }) }
onFullScreen: ()=>{ this.onFullScreen()}
}
The callback for endcall is working fine but FullScreen is not getting executed. Same is the issue for mute audio/video buttons.

• Is there a way to listen to events such as one of the users on a one on one video call leaves?
• Also is there an option to show only Remote Stream?

when generate release apk and open screen of chatting video carshed

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [ iPhone 8 plus]
• OS:
  • [IOS] IOS
  • Android
• OS Version: [14.5]

App Info (Note: Expo CLI managed workflow is not supported by the UIKit)

• Type:
  • [Yes] React Native CLI
  • Expo CLI - bare workflow
• CLI Version: [e.g. 22]

Describe the issue
showing blanks screen with error here is screenshot

Screenshots

TypeScript 4.6 adds control flow analysis for Destructured Discriminated Unions. link

We can potentially explore this instead of the type guard system currently used in the reducer

Hye dev, we are implementing activeSpeaker functionality in our app. when we set activeSpeaker true then its not working.

We want switch host automatically large view when It start talking.

HELLO TEAM
Using Agora UI KIT
When I mute my video stream, the video still keeps showing on my local feed. How do I get it to disappear? Do I have to handle it locally by overlaying an image or something?

Based on #80, it would be nice to add a prop to hide button labels. This can be an intermediate step to supporting i18n.

Hi! Thank you very much for you great library. I would like to know if its possible to define the encoder config to be fixed in portrait or landscape.

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [e.g. iPhone6]
• OS:
  • [] IOS
  • Android
• OS Version: [11]

App Info

• Type:
  • [] React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: [SDK 45]

Describe the issue
Hi! I'm using VideoUIKit-React Native.
Following the instructions with only Agora Video Code was working fine after doing expo run:android, but when I move the code to another screen.. there was an error. Seems to connect fine, but an Error: 1017 appears. Micro and Camera permissions are asked before open video.

To Reproduce
Steps to reproduce the behavior:

1. Inlcude Video not in main screen.
2. Run expo run:android

Screenshots

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [e.g. iPhone6]
• OS:
  • [] IOS
  • [X ] Android
• OS Version: [e.g. 22, 14.1]

App Info

• Type:
  • React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: [e.g. 22]

Describe the issue

[stderr] * What went wrong:
[stderr] Could not determine the dependencies of task ':app:lintVitalRelease'.
[stderr] > Could not resolve all artifacts for configuration ':app:debugCompileClasspath'.
[stderr]    > Could not find native-full-sdk-3.5.2.jar (com.github.agorabuilder:native-full-sdk:3.5.2).
[stderr]      Searched in the following locations:
[stderr]          https://www.jitpack.io/com/github/agorabuilder/native-full-sdk/3.5.2/native-full-sdk-3.5.2.jar

To Reproduce
Steps to reproduce the behavior:

1. Trying to run build the app with npx react-native run-android and bundle the app with ./gradlew release
2. Click on '....'

Screenshots
If applicable, add screenshots to help explain your problem.

" UIkit enabling dual stream undefined " , I am getting this while running the same code explained in this link -https://github.com/AgoraIO-Community/ReactNative-UIKit#readme. Can any one help me on understanding what else I am missing

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [Honor 9n and emulator]
• OS:
  • Android
• OS Version: [Android 10]

App Info

• Type:
  • React Native CLI
• CLI Version: [0.66.4]

Describe the issue
LOG Running "AgoraSample" with {"rootTag":51}
LOG Attempted join: TestCalling
LOG You can use the cameras & mic
LOG {"_listeners": Map {}}
LOG Running "AgoraSample" with {"rootTag":61}
LOG Attempted join: TestCalling
LOG You can use the cameras & mic
LOG {"_listeners": Map {}}

Error 'engine.current.leaveChannel' shows when the component is mounted.

Target device: (Note: simulators are not supported for running the UIKit)

• Device: iPhone 11 Pro
• OS:
  • IOS
  • Android
• OS Version: 16.0

App Info

• Type:
  • React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: SDK 45

Describe the issue
The TypeScript typings doesn't allow to pass uid as string, but I'm using string user ids in my application and the server signs the token with a string uid.

To Reproduce

<AgoraUIKit
  connectionData={{
    appId: '...',
    channel: '...',
    rtcToken: '...',
    // HERE IS THE ERROR
    rtcUid: 'my string user id'
  }}
/>

Screenshots
n/a

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [e.g. iPhone6]
• OS:
  • IOS
  • Android
• OS Version: [e.g. 22, 14.1]

App Info

• Type:
  • React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: [e.g. 22]

Describe the issue
I need share screen in my app
someone has been able to share screen using the Agora UIKit

How to implement PIP mode in RN UI kit

I am getting the below error while creating a minimal example shown in your example.

Cannot update a component <Call /> while rendering a different component <RtcConfigure />. To locate the bad setState() call insideRtcConfigure, follow the stack trace ...

const Call = ({ CK }) => {
  const [videoCall, setVideoCall] = useState(true);

  const callbacks = {
    EndCall: () => {
      //   CK.endCall();
      setVideoCall(false);
    },
  };

  const rtcProps = {
    appId: "###########################",
    channel: "test",
  };

  const styleProps = {
    UIKitContainer: { height: "100%" },
    // localBtnContainer: { display: "none" },
    videoMode: {
      max: VideoRenderMode.Hidden,
      min: VideoRenderMode.Hidden,
    },
  };

  return (
    <SafeAreaView
      style={{
        flex: 1,
      }}
    >
      <AgoraUIKit
        rtcProps={rtcProps}
        styleProps={styleProps}
        mode={1}
        callbacks={callbacks}
      />
    </SafeAreaView>
  );
};
`

A green rectangle appears on the screen instead of the camera view

Target device: (Note: simulators are not supported for running the UIKit)

• Device: Redmi note 9 pro max
• OS:
  • [] IOS
  • Android
• OS Version: [e.g. 29] 29

App Info

• Type:
  • React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: [e.g. .63.3]

Describe the issue
A clear and concise description of what the issue is.
i have used agora kit in absolute positioned view and the local video component is not filling the screen for pinned view

To Reproduce
Steps to reproduce the behaviour:
create a new project add a animated view with absolute positioning , import agora ui kit with default props

Screenshots
If applicable, add screenshots to help explain your problem.
attached screenshots of minimised mode and maximised mode for reference

I'm running the basic example with the component. The 5 control buttons are displayed at the bottom, but the video is not displayed & the camera is not turned on.

Here's what I see on the log:

2020-09-12 13:12:53.592 xcodebuild[12337:2070883] [MT] PluginLoading: Required plug-in compatibility UUID C80A9C11-3902-4885-944E-A035869BA910 for plug-in at path '~/Library/Application Support/Developer/Shared/Xcode/Plug-ins/Unity4XC.xcplugin' not present in DVTPlugInCompatibilityUUIDs

2020-09-12 13:12:53.592 xcodebuild[12337:2070883] Failed to load plugin at: /Users/trisianto/Library/Application Support/Developer/Shared/Xcode/Plug-ins/Unity4XC.xcplugin, skipping.  Reason for failure: *** -[__NSPlaceholderDictionary initWithObjects:forKeys:count:]: attempt to insert nil object from objects[0]

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [e.g. iPhone6]
• OS:
  • IOS
  • Android
• OS Version: [e.g. 22, 14.1]

App Info

• Type:
  • React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: [e.g. 22]

Describe the issue
A clear and concise description of what the issue is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. See error

Screenshots
If applicable, add screenshots to help explain your problem.

Target device: RedMi Note 10 Pro

• Device: RedMi Note 10 Pro

• OS: Android 11

• Type: React Native

Describe the issue
I set up new react native project using npx react-native init MyProject and after installing react native agora and ui kit i get this error when building.

Screenshots

• OS:
  • [] IOS
  • Android
• OS Version: [8.0.0]

App Info

• Type:
  • [] React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: [46.0.6]

Describe the issue
Tried to run the example from the uikit description but I'm assuming that there is some incompatible typo with the new version

Hello guys,
do you have any suggestion or any ideas about a possible integration of ReactNative-UIKit with Banuba?

Best
George

I install package and rebuild
but, on android camera is not work, only have black screen.
please support for me.
thanks

Add token param on rtcProps no Readme

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [e.g. iPhone6]
• OS:
  • IOS
  • Android
• OS Version: [e.g. 22, 14.1]

App Info (Note: Expo CLI managed workflow is not supported by the UIKit)

• Type:
  • React Native CLI
  • Expo CLI - bare workflow
• CLI Version: [e.g. 22]

Describe the issue
A clear and concise description of what the issue is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. See error

Screenshots
If applicable, add screenshots to help explain your problem.

Target device: (Note: simulators are not supported for running the UIKit)
All

App Info (Note: Expo CLI managed workflow is not supported by the UIKit)
N/A

Describe the issue
There are security flags on this package. Specifically:

high      Lodash4.17.19->4.17.21
high      ajv6.11.0->v8.5.0
high      y18n4.0.0->y18n-v4.0.2
medium     hosted-git-infov2.8.5->v4.0.2
medium    mikaelbr/node-notifierv5.4.3->v9.0.1
medium    yargs-parserv13.1.1->20.2.7

To Reproduce
Some of the security issues are shown here
Others flagged by Black Duck Projects as seen below.

Screenshots

Hello, could you let me know if it is possible to enter a video call with the audio muted and the camera turned off and so be only by the user's consent to want to activate them after the call has been initialized. I thank you for your attention!

Hi @EkaanshArora

I have built and can ran the project. The permission for camera, micro are granted but an error 109 occurred in the console
The camera and micro don't work, the screen always black as screenshot below

Can you help ?
Many thanks

Target device: (Note: simulators are not supported for running the UIKit)

• Device: [e.g. iPhone6]
• OS:
  • IOS
  • Android
• OS Version: [e.g. 22, 14.1]

App Info (Note: Expo CLI managed workflow is not supported by the UIKit)

• Type:
  • React Native CLI
  • Expo CLI - bare workflow
• CLI Version: [e.g. 22]

Describe the issue
ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect.
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

To Reproduce
Steps to reproduce the behavior:

1. Download the sample codes
2. execute [yarn]
3. I connected android devices on the PC
4. I updated my appId on ~/src/PropsContext.tsx
5. execute [npm start] on terminal#1
6. execute [npm run android] on terminal#2
7. I got BUILD SUCCESSFULL on terminal#2
8. But when the app played on the android device, I always got the below error.

Screenshots

Hi! thanks for reading me.
I know there's a way to have blur video backgrounds in React Native (read in Agora blog), but I was wonder if there's a way to do it in VideoUIKit??
Thanks

Target device: (Note: simulators are not supported for running the UIKit)

• Device: xiaomi note 9 pro max
• OS:
  • [] IOS
  • Android
• OS Version:22

App Info

• Type:
  • React Native CLI
  • Expo CLI (using custom development clients)
• CLI Version: [0.69]

Describe the issue
RtC call backs are not working with rtm login error

To Reproduce
Steps to reproduce the behavior:
used the same code mentioned in the documentations

LOGS:
Attempted join:
LOG UIkit enabling dual stream undefined
LOG Login to RTM
LOG join RTM
LOG [Error: CHANNEL_MESSAGE_ERR_USER_NOT_LOGGED_IN]
LOG Login to RTM
LOG join RTM
LOG Login to RTM
LOG join RTM
LOG LEAVE_CHANNEL_MESSAGE_ERR_USER_NOT_LOGGED_IN

and also how can i remove the names under button icons

Currently I am having 1 issue about aogra-ui-kit.
If I pass tokenUrl into connectionData, username's displayed.
If I pass token into connectionData, username's not displayed anymore.
I checked in source code, and I see when I pass tokenUrl, then 2 events "MessageReceived" and "ChannelMessageReceived" will be listened, and username will be set,
else if I pass token, then 2 events will be not listened.

Path in this image: agora-rn-uikit/src/RtmConfigure.tsx
it's in init() function

Has anyone come across this situation?
This is the version I used:

• "react-native-agora": "^3.5.3"
• "agora-react-native-rtm": "^1.5.0"
• "agora-rn-uikit": "^4.0.0"

I run this to device,but I got always white screen in android device.

import AgoraUIKit from 'agora-rn-uikit';
//Channel name is passed via props
interface IVideoConferenceProps {
  channel:string
}
const App = (props:IVideoConferenceProps) => {
  const [videoCall, setVideoCall] = useState(true);
  const rtcProps = {
    appId: 'a0ebf066528c4d37816579ba101e8fda',
    channel: 'test',
  };
  const callbacks = {
    EndCall: () => setVideoCall(false),
  };
  return videoCall ? (
    <AgoraUIKit rtcProps={rtcProps} callbacks={callbacks} />
  ) : (
    <></>
  );
};

export default App;

[Thu Aug 06 2020 13:50:22.921] ERROR TypeError: undefined is not an object (evaluating 'o.Types.VideoRenderMode')
[Thu Aug 06 2020 13:50:22.922] ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication)
[Thu Aug 06 2020 13:50:22.922] ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication)

is is possible to render multiple surface views of the same UID? For example if using a gridview can you popup a modal with the same surface views? at the moment only the newest rendered surface-views actually show the video, the others go grey

Target device: (Note: simulators are not supported for running the UIKit)

• Device: Redmi note 9 pro

• OS:

  • [X ] Android

• OS Version: 22

App Info

• Type:
  • React Native CLI

Describe the issue
how to Remove the remote user audio and video controls in agora ui Kit ,

To Reproduce
Steps to reproduce the behavior:
install ui kit
create a rtc token and join in a channel

i have a move minViewContainer view in a screen