diff --git a/app/components/floating_text_input_label/index.tsx b/app/components/floating_text_input_label/index.tsx index 74a8bdbb2..708ac8b45 100644 --- a/app/components/floating_text_input_label/index.tsx +++ b/app/components/floating_text_input_label/index.tsx @@ -95,6 +95,7 @@ type FloatingTextInputProps = TextInputProps & { label: string; labelTextStyle?: TextStyle; multiline?: boolean; + multilineInputHeight?: number; onBlur?: (event: NativeSyntheticEvent) => void; onFocus?: (e: NativeSyntheticEvent) => void; onLayout?: (e: LayoutChangeEvent) => void; @@ -117,6 +118,7 @@ const FloatingTextInput = forwardRef { const res: StyleProp = [styles.textInput, styles.input, textInputStyle]; if (multiline) { - res.push({height: 80, textAlignVertical: 'top'}); + const height = multilineInputHeight ? multilineInputHeight - 20 : 80; + res.push({height, textAlignVertical: 'top'}); } return res; - }, [styles, theme, shouldShowError, focused, textInputStyle, focusedLabel, multiline, editable]); + }, [styles, theme, shouldShowError, focused, textInputStyle, focusedLabel, multiline, multilineInputHeight, editable]); const textAnimatedTextStyle = useAnimatedStyle(() => { const inputText = placeholder || value || props.defaultValue; diff --git a/app/screens/settings/notification_auto_responder/notification_auto_responder.tsx b/app/screens/settings/notification_auto_responder/notification_auto_responder.tsx index eda42012b..92fcf4038 100644 --- a/app/screens/settings/notification_auto_responder/notification_auto_responder.tsx +++ b/app/screens/settings/notification_auto_responder/notification_auto_responder.tsx @@ -117,6 +117,7 @@ const NotificationAutoResponder = ({currentUser, componentId}: NotificationAutoR keyboardAppearance={getKeyboardAppearanceFromTheme(theme)} label={intl.formatMessage(label)} multiline={true} + multilineInputHeight={154} onChangeText={setAutoResponderMessage} placeholder={intl.formatMessage(label)} placeholderTextColor={changeOpacity(theme.centerChannelColor, 0.4)}