Merge pull request #796 from thundersdata-frontend/form-issue

fix: 修复TextArea在FormItem下高度无法生效的问题
thundersdata-frontend · Dec 26, 2023 · e7aec15 · e7aec15
2 parents 9c8ccc0 + 611199f
commit e7aec15
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/eleven-trees-fry.md b/.changeset/eleven-trees-fry.md
@@ -0,0 +1,5 @@
+---
+'@td-design/react-native': patch
+---
+
+fix: 修复TextArea在FormItem下高度无法生效的问题
diff --git a/packages/react-native/src/input/TextArea.tsx b/packages/react-native/src/input/TextArea.tsx
@@ -57,7 +57,7 @@ const TextArea = forwardRef<TextInput, TextAreaProps>(
 
     const styles = StyleSheet.create({
       input: {
-        height,
+        height: '100%',
         padding: theme.spacing.x2,
         fontSize: px(14),
         lineHeight: px(20),
@@ -68,7 +68,7 @@ const TextArea = forwardRef<TextInput, TextAreaProps>(
     return (
       <Box>
         <Label {...{ label, required, labelHeight }} />
-        <Box borderWidth={border ? ONE_PIXEL : 0} borderColor="border" style={style}>
+        <Box borderWidth={border ? ONE_PIXEL : 0} borderColor="border" style={[style, { height }]}>
           <TextInput
             ref={ref}
             textAlignVertical="top"