Comments (6)
@EkaanshArora I don't remember seeing this when I ran it on iOS, have you seen this ever?
from videouikit-reactnative.
I haven't seen this before, @umairlive490 are you using custom images for the icons? Can you share your config that you're passing to the UIKit?
from videouikit-reactnative.
@EkaanshArora No i am not using my own icons.I just used UIKit provided icons and here is my styleProps
const videoStyleProp = {
videoMode: {
max: VideoRenderMode.Hidden,
min: VideoRenderMode.Hidden,
},
localBtnContainer: {
marginVertical: 20,
},
remoteBtnContainer: {
display: 'none'
},
minViewContainer: {
padding: 5,
width: 200
},
minViewStyles: {
height: 200,
width: 200,
}
};
from videouikit-reactnative.
Hey @umairlive490 I tested out that styling, can you also share your rtcProps as I can't seem to reproduce the error. Can you check if just using the example app causes the same issues for you? We can look into device/os version specific things then as I can't reproduce the issue on my iPhone 12 mini running iOS 14.6.
Using the following code:
import React, {useState} from 'react';
import AgoraUIKit from 'agora-rn-uikit';
import {VideoRenderMode} from 'react-native-agora';
const App = () => {
const [videoCall, setVideoCall] = useState(true);
const videoStyleProp = {
videoMode: {
max: VideoRenderMode.Hidden,
min: VideoRenderMode.Hidden,
},
localBtnContainer: {
marginVertical: 20,
},
remoteBtnContainer: {
display: 'none',
},
minViewContainer: {
padding: 5,
width: 200,
},
minViewStyles: {
height: 200,
width: 200,
},
};
const rtcProps = {
appId: '<myAppId>',
channel: 'test',
};
const callbacks = {
EndCall: () => setVideoCall(false),
};
return videoCall ? (
<AgoraUIKit
rtcProps={rtcProps}
callbacks={callbacks}
styleProps={videoStyleProp}
/>
) : (
<></>
);
};
export default App;
from videouikit-reactnative.
@EkaanshArora It doesn't happen every time but some time this issue is occurring.
One more thing i wanted to make minView as square but on iOS it is not becoming square for equal height and width 200*200
from videouikit-reactnative.
It's hard to help without being able to reproduce the issue. Can you confirm if you see this problem in the production build?
I used your styling (minViewStyles: {height: 200, width: 200}
) in the above screenshot, it's running on an iPhone and appears to be square. I'm not sure I follow.
from videouikit-reactnative.
Related Issues (20)
- Support for react-native-agora 4.0.0 HOT 1
- Crash when tearing down AgoraUIKit component HOT 3
- Min view container (own camera preview) UI Issue HOT 2
- Screen Share HOT 3
- Other users cannot Join video stream with token gotten from agora-web-services such as Render & Railway. Only displaying a video screen. HOT 1
- Receiver User immediate offline after Join HOT 2
- How to show audio only when call gets started? HOT 1
- Quick start example not working react-native 0.7 HOT 4
- `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method. HOT 4
- Error when ending call HOT 1
- layout is not changing. HOT 1
- How to make a voice call using Agora.io in react native? HOT 2
- Import EndCall, MuteAudio, MuteVideo functions HOT 2
- Customizing style HOT 2
- unable to start rtm CHANNEL_MESSAGE_ERR_USER_NOT_LOGGED_IN HOT 7
- onUserJoined callback not working? HOT 1
- RtmToken is not used in RtmConfigure.tsx file in LoginV2 function
- 'connection-state-change' as React UI Kit HOT 1
- By using this package, I integrated the audio functionality. However, the voice is currently coming through the speaker. How can we enable the audio to use the earpiece instead?
- In multiple person video call we are getting black space in video frame & Live streaming issues HOT 10
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from videouikit-reactnative.