关闭反应本机时更改开关的颜色

Question

我正在使用 React Native 开关组件，我想在关闭时更改开关的颜色。

我可以添加 onTintColor 属性以在打开时更改颜色。

有没有办法在关闭它的同时改变颜色？

原文由 Ankush Rishi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

onTintColor 已被弃用，请尝试以下操作。

   <Switch
      trackColor={{true: 'red', false: 'grey'}}
      onValueChange={this.toggleSwitch}
      value={true}/>

这有效

原文由 Shreyash Khole 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我设计了特定于平台的开关，还使用了基于开关状态的边框。

 <Switch
trackColor={{ true: '#7ab8e1', false: Platform.OS=='android'?'#d3d3d3':'#fbfbfb'  }}
thumbColor={[Platform.OS=='ios'?'#FFFFFF':(item.status ?'#7ab8e1':'#ffffff')]}
ios_backgroundColor="#fbfbfb"
style={[item.status ?inline_styles.switchEnableBorder:inline_styles.switchDisableBorder]}
value={item.status}
onValueChange={() =>this.change_status(index)            }
/>

内联边框样式

const inline_styles = StyleSheet.create({
switchEnableBorder: {
borderColor: '#6fa6d3',
borderWidth: 1},

switchDisableBorder: {
borderColor: '#f2f2f2',
borderWidth: 1,  },});

安卓输出： iOS 输出：

原文由 Bhavin Chauhan 发布，翻译遵循 CC BY-SA 4.0 许可协议