React Native小经验（持续更新）_react native 经验-CSDN博客

本文链接：https://blog.csdn.net/qq_31280709/article/details/73441642

本文介绍了在React Native中如何为元素添加阴影效果，并提供了针对iOS和Android平台的不同实现方式。此外，还分享了一个实现自定义Checkbox组件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于shadow:

官方文档上面提到了shadowColor、shadowOffset、shadowOpacity、shadowRadius这些属性可以用来设置阴影，但是目前只适用于IOS系统。如果要在Android上实现阴影的话，有一个替代属性elevation，这个属性影响着元素的z-index，就是绝对定位时的覆盖顺序(上面我们提到过)，也会在元素上产生一个阴影。注意需要同时设置borderColor，否则没有显示。
stackoverflow上有相关问题的回答：https://stackoverflow.com/questions/42210847/react-native-how-to-customize-android-elevation-shadow
以下是显示阴影的一个样式

card: {
        width: 100,
        height: 130,
        elevation: 5,
        borderColor : '#fff',
        borderRadius: 3
    }

react native调试

虚拟机上command + M打开菜单，真机上摇晃手机打开。

点击第二行 debug js remotely，浏览器中会弹出页面，打开开发者工具，可以在控制台中看到打印的信息

这里写图片描述

react native如何实现checkbox

参考博客：http://www.peng8.net/2016/07/06/write-checkbox-component-in-React/