CheckBox in Android seems not aligned

[redwolfgang24]

CheckBox in Android seems not aligned if you adjust the width and height to 15

<CheckBox hideBox={true} style={styles.checkBoxStyle} value={this.state.checked} onValueChange={value => this.setChecked(value)} tintColors={{ true: '#24B2B2', false: 'transparent' }} boxType="square" onCheckColor="#24B2B2" tintColor="transparent" onTintColor="#24B2B2" />

Android when checkbox is uncheck

Android when checkbox is check

iOS works fine though

anyone can help me about this please.

Thank you!

[DanielOnramp]

Yes, Having the same exact issue here.

Anyone have a solution?

[neeleshyadav253]

Sometimes setting width and height directly can cause misalignment. Instead, use scaleX and scaleY to resize the checkbox: <CheckBox hideBox={true} style={{ transform: [{ scaleX: 0.7 }, { scaleY: 0.7 }] }} value={this.state.checked} onValueChange={value => this.setChecked(value)} tintColors={{ true: '#24B2B2', false: 'transparent' }} boxType="square" onCheckColor="#24B2B2" tintColor="transparent" onTintColor="#24B2B2" />

[HamzaJameel01]

Anyone find the solution?