Css 弹性盒造型

我对3个嵌套组件的样式设置有问题

背景： 我希望用户输入标签。在测试中，很明显，许多用户不知道他们必须按空格来保存标签（当用户只想输入一个标签时，这是一个问题）

作为一种解决方案，只要用户按下textinput，我就想显示一个尾随提示，按空格保存（leertaste zum speichern=space to save），它显示在用户输入之后

问题如图所示

正如预期的那样，textinput会增长，提示会留在文本后面，但在某个时刻，我的提示会离开容器组件，而我的textinput行为正常

预期的行为是提示始终可见，并且只要给出提示，textinput就会增长（因此永远不会将提示推出屏幕，也不会更改其设计）。从视觉上看，这是当我在gif中暂停时

代码：

（添加了#以便用户在无需输入的情况下更清楚地知道该做什么）。如果不清楚我想做什么，请告诉我。 非常感谢你的帮助

<View
                    style={{
                        flexDirection: 'row',
                        backgroundColor: COLOR_GREY_BACKGROUND,
                        borderRadius: BORDER_RADIUS,
                        height: TEXTINPUT_HEIGHT,
                        marginRight: MARGIN_TO_DISPLAY_EDGE,
                        width: DIMENSION_WIDTH - 2 * MARGIN_TO_DISPLAY_EDGE,
                        flexWrap: 'nowrap',
                    }}
                >
                    <Text
                        style={{
                            fontSize: FONT_SIZE_TEXT_INPUT,
                            ...FONT_OPENSANS_SEMI_BOLD,
                            paddingTop: 1,
                            paddingRight: 0,
                            marginLeft: 5,
                        }}
                    >
                        #
                    </Text>
                    <View style={{ flexDirection: 'row', flex: 1 }}>
                        <TextInput
                            style={[styles.textInputText]}
                            placeholder={placeholder}
                            onChangeText={(text) =>
                                onChangeText(text.toLowerCase())
                            }
                            value={value}
                            autoCapitalize="none"
                            autoCorrect={false}
                            onFocus={() => setTextInputFocus(true)}
                        />
                        <View style={{ justifyContent: 'flex-end' }}>
                            <Text
                                style={[
                                    styles.textInputText,
                                    {
                                        paddingLeft: 0,
                                        fontSize: FONT_SIZE_SECONDARY_TEXT,
                                        color: COLOR_GREY_TEXT_BACKGROUND,
                                    },
                                ]}
                            >
                                {T('spaceToSave')}
                            </Text>
                        </View>
                    </View>
                </View>

textInputText: {
        fontSize: FONT_SIZE_TEXT_INPUT,
        ...FONT_OPENSANS_SEMI_BOLD,
        //paddingRight: TEXTINPUT_PADDING,
        paddingTop: TEXTINPUT_PADDING,
    }