反应原生元素 renderErrorMessage

问题描述

我试图在 react native element 输入组件上有条件地显示错误消息，但似乎不起作用

      <Input
        label="Email"
        leftIcon={<MaterialIcon name="email" size={24} color="#f8dc81" />}
        onChangeText={(value) => setEmail(value)}
        value={email}
        renderErrorMessage={false}
        errorMessage="Enter valid email"
      />

不会显示错误消息但会显示的预期行为

解决方法

因为 doc renderErrorMessage 是处理 errorMessage 占用的空间。

If the error message container should be rendered (take up vertical space). If false,when showing errorMessage,the layout will shift to add it at that time.

所以如果 errorMessage 存在，它会显示错误，即使 renderErrorMessage 是假的