react native에서 투명한 배경화면을 설정하는 방법을 알아봅니다. 어떻게 할까요?


react native에서 투명한 배경색인 transparent 효과를 가지는 방법은 css에 사용하는 것과 동일한 방법을 적용할 수 있습니다. 바로 rgba를 값으로 사용하는 것입니다. 만약 View 컴포넌트에 이를 적용하면 아래처럼 사용합니다.
<View style={{
  backgroundColor: '(0, 0, 0, 0.5)',
}}>
</View>

위의 View 컴포넌트는 배경색으로 0.5의 값을 가지는 검정색 투명한 배경을 띄게됩니다. 즉 뒤에 겹치는 레이어가 있는 경우 투명하게 보이게됩니다.