Het grootste probleem met betrekking tot native reactie op schaduwhoogte is dat het een onnauwkeurige weergave van schaduwen kan veroorzaken.
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
Hiermee wordt een zwarte schaduw met een dekking van 80% aan de component toegevoegd, met een verschuiving van 2 px horizontaal en 5 px verticaal. De straal van de schaduw is 2px.
schaduwen in elementen
Er zijn een paar dingen waarmee u rekening moet houden als u het over schaduwen hebt in React Native. Eerst worden schaduwen weergegeven als onderdeel van de componentboom. Dit betekent dat ze worden gerenderd op de component die ze rendert, en niet op andere componenten die zich mogelijk in dezelfde boomstructuur bevinden. Ten tweede worden schaduwen asynchroon weergegeven, zodat ze pas verschijnen nadat de component is weergegeven. Ten slotte worden schaduwen tijdens runtime berekend in plaats van vooraf te worden gegenereerd en in het geheugen te worden opgeslagen.
