Merge pull request #869 from thundersdata-frontend/rn-issue

fix: 修复DatePeriodInput组件在label位置为top时的样式问题
thundersdata-frontend · May 24, 2024 · fcbf062 · fcbf062
2 parents ba58933 + 05212f4
commit fcbf062
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/tidy-moles-glow.md b/.changeset/tidy-moles-glow.md
@@ -0,0 +1,5 @@
+---
+'@td-design/react-native-picker': patch
+---
+
+fix: 修复DatePeriodInput组件在label位置为top时的样式问题
diff --git a/packages/react-native-picker/src/date-period-input/index.tsx b/packages/react-native-picker/src/date-period-input/index.tsx
@@ -79,13 +79,15 @@ const DatePeriodInput: FC<DatePeriodInputProps> = ({
 
   const Content = (
     <Flex
-      flex={1}
       justifyContent="space-between"
       alignItems="center"
       borderWidth={ONE_PIXEL}
       borderColor="border"
       borderRadius="x1"
-      style={itemHeight ? { height: itemHeight } : {}}
+      style={{
+        ...(itemHeight ? { height: itemHeight } : {}),
+        ...(labelPosition === 'top' ? {} : { flex: 1 }),
+      }}
     >
       <Pressable disabled={disabled} onPress={handleStartPress} activeOpacity={activeOpacity} style={styles.content}>
         <Flex>