fix: TextBox having squished lines

Vali-98 · Nov 21, 2024 · 1867cf0 · 1867cf0
1 parent 267e523
commit 1867cf0
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/components/TextBox.tsx b/app/components/TextBox.tsx
@@ -16,19 +16,19 @@ const TextBox: React.FC<TextBoxProps> = ({
     body,
     varname,
     setValue,
-    lines = 0,
+    lines = undefined,
     keyboardType = 'default',
     multiline = false,
 }) => {
     return (
         <View style={styles.mainContainer}>
             <Text style={styles.title}>{name}</Text>
             <TextInput
-                multiline={lines > 1 || multiline}
+                multiline={(!!lines && lines > 1) || multiline}
                 numberOfLines={lines}
                 style={{
                     ...styles.input,
-                    textAlignVertical: lines > 1 ? `top` : `center`,
+                    textAlignVertical: lines && lines > 1 ? `top` : `center`,
                 }}
                 value={body[varname]?.toString() ?? ''}
                 onChangeText={(value) => {