오류: 예외를 발생시키는 필수 모듈: 고정 위반: '배경' '배경'은 유효한 스타일 속성이 아닙니다.

Question

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,
  },
});

Answer 1

오류를 발견했습니다 @zegocloud/zego-uikit-prebuilt-call-rn 문서 배경을 backgroundColor로 변경하면 됩니다.

노드 모듈의 파일 경로

으아아아