From a8b169d4d9e8056e7145d9da57652007ed7047db Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Fri, 18 Aug 2023 09:03:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8D=95=E9=80=89=E6=A1=86?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/CheckBox/Checkbox.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/common/CheckBox/Checkbox.tsx b/src/components/common/CheckBox/Checkbox.tsx
index c9692c45..23925864 100644
--- a/src/components/common/CheckBox/Checkbox.tsx
+++ b/src/components/common/CheckBox/Checkbox.tsx
@@ -8,6 +8,7 @@ import {
 } from 'react-native'
 
 import { Icon } from '../Icon'
+import { createStyle } from '@/utils/tools'
 import { scaleSizeW } from '@/utils/pixelRatio'
 
 export interface Props {
@@ -34,7 +35,7 @@ export interface Props {
 }
 
 const ANIMATION_DURATION = 200
-const WIDTH = scaleSizeW(32)
+const PADDING = scaleSizeW(4)
 
 /**
  * Checkboxes allow the selection of multiple options from a set.
@@ -85,7 +86,7 @@ const Checkbox = ({
       accessibilityRole="checkbox"
       accessibilityState={{ disabled, checked }}
       accessibilityLiveRegion="polite"
-      style={styles.container}
+      style={{ ...styles.container, padding: PADDING }}
     >
       <Icon
         allowFontScaling={false}
@@ -109,10 +110,8 @@ const Checkbox = ({
 
 Checkbox.displayName = 'Checkbox'
 
-const styles = StyleSheet.create({
+const styles = createStyle({
   container: {
-    width: WIDTH,
-    height: WIDTH,
     alignItems: 'center',
     justifyContent: 'center',
     // backgroundColor: 'rgba(0, 0, 0, 0.2)',