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