Suurin varjonkorkeusreaktioon liittyvä ongelma on, että se voi aiheuttaa varjojen epätarkkuuden.
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ä lisää komponenttiin mustan varjon, jonka peittävyys on 80 % ja jonka poikkeama on 2 kuvapistettä vaakasuunnassa ja 5 kuvapistettä pystysuunnassa. Varjon säde on 2px.
varjoja elementeissä
On muutamia asioita, jotka on otettava huomioon, kun puhutaan varjoista React Nativessa. Ensin varjot hahmonnetaan osana komponenttipuuta. Tämä tarkoittaa, että ne hahmonnetaan komponentissa, joka hahmontaa ne, eikä muissa komponenteissa, jotka voivat olla samassa puussa. Toiseksi varjot hahmonnetaan asynkronisesti, joten ne ilmestyvät vasta komponentin hahmontamisen jälkeen. Lopuksi varjot lasketaan ajon aikana sen sijaan, että niitä generoidaan ja tallennettaisiin muistiin.
