Box shadow

Css' de  tek satırda belirtebileceğiniz box-shadow yapısı react native de farklı şekilde işliyor.

Android  için box shadow' u detaylı bir şekilde oluşturmamız mümkün değil. Sadece elevation özelliğini kullanabiliyoruz. 

elevation: 5  şeklinde sayı vererek gölgenin kuvvetini ayarlayabiliyoruz.

 

İOS' de gölge oluşturmak için 4 ayrı özellik kullanmamız gerekiyor. 

Bunlar; 

shadowColor: oluşturmak istenilen gölgenin rengi

shadowOffset:  bu değer bir obje alıyor. obje içerisine width ve height belirtiyoruz. width gölgenin yatay olarak yönünü, height ise dikey olarak yönünü belirliyor.

shadowRadius: Gölgenin kenarlarındaki keskinliği belirliyor.

shadowOpacity: Gölgenin opacity değerini ayarlıyor. 1 ile 0.1 arasında değer alıyor