2016-07-28 12 views
0

RTCView에서 비디오를 사용 중이고 다른 비디오 위에 하나의 작은 비디오를 표시하려고합니다. 하지만 내 RTCView는 서로 겹치지 않습니다. 아래 CSS 내가 문제가 문제가 셀프 뷰와 리모트 뷰가 생성되는 주문했다React-Native RTC보기 오버랩

const styles = StyleSheet.create({ 
selfView: { 
    width: width, 
    height: (Platform.OS === 'ios') ? height-80 : height/2+100, 
    alignSelf: 'center', 
    zIndex: 0, 
}, 
remoteView: { 
    position: 'absolute', 
    zIndex: 2, 
    marginTop: (Platform.OS === 'ios') ? -120 : 0, 
    width: 120, 
    height: 120, 
    left: 0, 
    borderWidth: .5, 
    alignSelf: 'flex-start' 
}, 
+0

현재 어떻게 보이는지 보여주는 스크린 샷을 게시 하시겠습니까? –

답변

0

를 해결 한 알겠다

<RTCView streamURL={this.state.selfViewSrc} style={styles.selfView}/> 
{ 
    mapHash(this.state.remoteList, function(remote, index) { 
    return <RTCView key={index} streamURL={remote} style= {styles.remoteView}/> 
    }) 
} 

내 코드입니다, 내가 만든 원격 뷰에있는 첫번째 자기 이상을 넣어 전망.

감사합니다.