Switch.js 690 B

1234567891011121314151617181920212223242526
  1. /**
  2. * 自定义Switch组件
  3. * @邠心vbe on 2023/08/30
  4. */
  5. import React from 'react';
  6. import { Switch } from 'react-native';
  7. import utils from '../utils/utils';
  8. //const switchStyle = { false: "#B2B2B2", true: colorAccent };
  9. export default SwitchBase = (props) => {
  10. const colors = utils.hexColorToRgb(colorAccent);
  11. var thumbColor = null;
  12. var trackColor = { false: "#B2B2B2", true: colorAccent }
  13. if (!isIOS) {
  14. thumbColor = (props.value ? utils.getRgbaColor(colors, 0.9) : "#EBEDEC")
  15. trackColor = {false: "#B2B2B2", true: utils.getRgbaColor(colors, 0.3)}
  16. }
  17. return (
  18. <Switch
  19. {...props}
  20. trackColor={trackColor}
  21. thumbColor={thumbColor}
  22. />
  23. );
  24. }