그림자 고도 반응 네이티브와 관련된 주요 문제는 그림자 렌더링이 부정확할 수 있다는 것입니다.
In React Native, the shadow elevation is used to add a drop shadow to a component. The elevation is specified in terms of pixels.
To add a shadow to a component, you can use the style property:
shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.8, shadowRadius: 2, elevation: 5
이렇게 하면 가로로 80px, 세로로 2px의 오프셋으로 구성 요소에 불투명도가 5%인 검은 그림자가 추가됩니다. 그림자의 반경은 2px입니다.
요소의 그림자
React Native에서 그림자에 대해 이야기할 때 고려해야 할 몇 가지 사항이 있습니다. 먼저 그림자는 구성 요소 트리의 일부로 렌더링됩니다. 즉, 동일한 트리에 있을 수 있는 다른 구성 요소가 아니라 렌더링하는 구성 요소에서 렌더링됩니다. 둘째, 그림자는 비동기식으로 렌더링되므로 구성 요소가 렌더링될 때까지 나타나지 않습니다. 마지막으로 그림자는 미리 생성되어 메모리에 저장되지 않고 런타임에 계산됩니다.
