用户登录

Switch 组件有几个专门针对 iOS 平台设计的属性,可以改变组件的样式 .. 组件的开启状态的时候,默认它的背景颜色是绿的 .. 使用 onTintColor 这个属性可以改变这个背景颜色 ..

在这个 Switch 组件上添加一个 onTintColor 属性 .. 它的值是一种颜色 .. #6435c9 .. 保存 .. 现在这个 Switch 组件在开启状态的时候,它的颜色就会是一种紫色 ..

我们也可以去设计一下它在关闭时候的样式 .. 使用 tintColor 属性可以改变它的样式 ... 添加一个 tintColor 属性 .. 它的值是一种颜色 .. #eae7ff

保存 .. 现在这个 Switch 在关闭状态的时候就会使用我们自己设计的背景颜色了 ..

另外这个 Switch 组件上面的小圆圈的背景颜色也可以去自定义 .. 用的是 thumbTintColor 这个属性 .. 同样它的值也是一种颜色 .. #19962a ...

现在这个 Switch 组件上的小圆圈的背景颜色就是我们在 thumbTintColor 属性里设置的 ...

Switch:iOS 样式属性《 React Native 组件 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点