React Native在Android上添加陰影效果


官網react native中陰影的樣式屬性shadow都是只支持iOS不支持Android 

 

目前有個方法,可以讓Android有灰色的陰影,但是無法指定Android機上的陰影色值,只能是灰色的默認。

elevation:4   這個屬性中的4是代表陰影的高度。且這個屬性添加后,不會影響iOS機上的原本的彩色的陰影顏色,只是在Android機上顯示的是默認的灰色的陰影。

goods:{
      marginTop:10,
      width:itemWidth,
      height:280,
      borderRadius:6,
      overflow:'hidden',
      marginLeft:12,
      backgroundColor:'#ffffff',
      shadowOffset: {width: 0, height: 5},
      shadowOpacity: 0.5,
      shadowRadius: 5,
      shadowColor: '#ddd',
        //讓安卓擁有灰色陰影
      elevation: 4,
}    

  最終效果


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM