Hlavním problémem souvisejícím s nativní reakcí na výšku stínu je to, že může způsobit nepřesné vykreslování stínů.
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
To přidá ke komponentě černý stín s 80% neprůhledností, s posunem 2px horizontálně a 5px vertikálně. Poloměr stínu bude 2px.
stíny v prvcích
Když mluvíme o stínech v React Native, je třeba zvážit několik věcí. Nejprve se stíny vykreslí jako součást stromu komponent. To znamená, že budou vykresleny na komponentě, která je vykresluje, a ne na jiných komponentách, které mohou být ve stejném stromu. Za druhé, stíny se vykreslují asynchronně, takže se objeví až po vykreslení komponenty. A konečně, stíny jsou počítány za běhu, spíše než aby byly předem generovány a ukládány do paměti.
