Hlavným problémom súvisiacim s natívnou reakciou výšky tieňa je, že môže spôsobiť nepresné vykresľovanie tieňov.
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
Tým sa komponentu pridá čierny tieň s 80% nepriehľadnosťou, s posunom 2px horizontálne a 5px vertikálne. Polomer tieňa bude 2px.
tiene v prvkoch
Keď hovoríme o tieňoch v React Native, je potrebné zvážiť niekoľko vecí. Najprv sa vykreslia tiene ako súčasť stromu komponentov. To znamená, že budú vykreslené na komponente, ktorý ich vykresľuje, a nie na iných komponentoch, ktoré môžu byť v rovnakom strome. Po druhé, tiene sa vykresľujú asynchrónne, takže sa objavia až po vykreslení komponentu. Nakoniec sa tiene počítajú za behu, nie sú vopred generované a ukladané do pamäte.
