오류: 예외를 발생시키는 필수 모듈: 고정 위반: '배경' '배경'은 유효한 스타일 속성이 아닙니다.
ZEGCLOUD 1:1 음성통화를 구현하고 있습니다. 이 오류가 발생했습니다.
오류: 모듈이 필요합니다. "node_modules@zegocloudzego-uikit-prebuild-call-rnlibcommonjsindex.js", 예외 발생: 불변 위반: '배경'이 아닙니다. 유효한 스타일 속성.
CallScreen 코드. 내가 여기서 뭘 잘못하고 있는 걸까요? 노드 모듈도 살펴봤습니다. audioVideoViewSubContainer에 대한 스타일을 찾지 못했습니다. 또한 gradle을 청소하고 npm 캐시 재설정을 수행했습니다.
으아악오류 이미지:
현지 의사의 반응:
으아악React 기본 정보:
import React, {useRef} from 'react';
import {StyleSheet, View, Text, Button} from 'react-native';
import {
ZegoUIKitPrebuiltCall,
ONE_ON_ONE_VIDEO_CALL_CONFIG,
GROUP_VOICE_CALL_CONFIG,
ONE_ON_ONE_VOICE_CALL_CONFIG,
} from '@zegocloud/zego-uikit-prebuilt-call-rn';
import {AppId, AppSignIn} from '../../constants';
export default function CallScreen(props) {
const prebuiltRef = useRef();
const {route} = props;
const {params} = route;
const {userID, userName} = params;
return (
<View style={styles.container}>
<ZegoUIKitPrebuiltCall
ref={prebuiltRef}
appID={AppId}
appSign={AppSignIn}
userID={userID}
userName={userName}
callID="rn12345678"
config={{
...ONE_ON_ONE_VOICE_CALL_CONFIG,
// ...ONE_ON_ONE_VIDEO_CALL_CONFIG,
onHangUp: () => {
console.log('########CallPage onHangUp');
props.navigation.navigate('HomeScreen');
},
durationConfig: {
isVisible: true,
onDurationUpdate: duration => {
console.log('########CallPage onDurationUpdate', duration);
if (duration === 5) {
prebuiltRef.current.hangUp();
}
},
},
}}
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
zIndex: 0,
},
});
