Getting Black screen with icons

[agoraio-community]

Getting Black screen with icons

[syedfahadhussain-rn]

I have tried passing tokens and without token still getting the blank screen

[EkaanshArora]

Can you share your code?

[syedfahadhussain-rn]

sure @EkaanshArora ,
import React, {useState} from 'react';
import AgoraUIKit from 'agora-rn-uikit';
import { Text } from 'react-native';

const App = () => {
const [videoCall, setVideoCall] = useState(true);
const rtcProps = {
appId: 'My App ID',
channel: 'TestCalling',
token:'My Token',
};
const callbacks = {
EndCall: () => setVideoCall(false),
};
return videoCall ? (

) : (
<Text onPress={()=>setVideoCall(true)}>Start Call
);
};

export default App;

[EkaanshArora]

Did you forget to render the UIKit?

...
return videoCall ? (
<AgoraUIKit rtcProps={rtcProps} callbacks={callbacks} />
) : (
...

[syedfahadhussain-rn]

Yes I have rendered UIkit but it is not showing properly in comment @EkaanshArora .

[EkaanshArora]

Do you get any errors in the console? It's hard to think of a possible issue with the limited information.

[syedfahadhussain-rn]

@EkaanshArora ,
No errors prints on console.

[EkaanshArora]

Can you reproduce the issue with this repo on your device? Can you also try this sample app?

[syedfahadhussain-rn]

I have tried to reproduce using the above repo but getting,

LOG callback not found {"children": [<Context.Consumer>[Function anonymous]</Context.Consumer>, <ForwardRef(ScrollView) horizontal={true} showsHorizontalScrollIndicator={false} style={[Object]}><Context.Consumer … /></ForwardRef(ScrollView)>, ]}
LOG {"max": [{"audio": true, "uid": "local", "video": true}], "min": []} {"type": "FullScreen", "value": []} {}

[EkaanshArora]

I just did a fresh clone of the example project, added my AppID and ran it on the Android Emulator. Works fine for me.

[syedfahadhussain-rn]

Can you please tell me which example you have ran..? @EkaanshArora

[EkaanshArora]

This one: https://github.com/AgoraIO-Community/ReactNative-UIKit-example

[syedfahadhussain-rn]

@EkaanshArora

I have also tried to clone the project and but still facing error
callback not found {"children": [<Context.Consumer>[Function anonymous]</Context.Consumer>, <ForwardRef(ScrollView) horizontal={true} showsHorizontalScrollIndicator={false} style={[Object]}><Context.Consumer … /></ForwardRef(ScrollView)>, ]}

[syedfahadhussain-rn]

I have checked that agora won't supporting in android version 12 @EkaanshArora