Checkbox label has background color while pressing on it

[derscott]

Hi,

I've noticed that the label of a Checkbox component has a background color while I'm pressing on the label. As I couldn't figure out where this background is coming from and how to get rid of it, I'm asking you for help 🙂

FYI: At the moment I can only reproduce this behaviour on iOS, but I think I might have seen it on Android, too (not sure, though)

Minimal example

import React, { useState } from 'react'
import {
  Checkbox,
  Colors,
  View,
} from 'react-native-ui-lib'

const CheckBoxTest = () => {
  const [isChecked, setIsChecked] = useState(false)

  return (
    <View flex-1 center>
      <Checkbox
        color={Colors.primary}
        iconColor={Colors.white}
        onValueChange={(value) => setIsChecked(value)}
        label='Please check this box'
        labelStyle={{ color: Colors.textPrimary }}
        value={isChecked}
      />
    </View>
  )
}

export default CheckBoxTest

Video

Bildschirmaufnahme.2023-05-05.um.14.02.43-1.mp4