reactjs - React Native TextInput：为什么secureEntryText会移出输入框并有省略号？

Question

我的 React Native 应用程序中有TextInput组件，当我添加secureEntryText: 'true'密码输入时，我注意到两件事：

1）当我输入密码时，输入密码的左边缘移到输入框的左侧，如下所示：

2）当我不关注密码输入时，无论密码多长，输入的密码末尾都有一个省略号，如下图：

有谁知道我可以如何解决这些问题？

Answer 1

我不知道第一个问题的答案，但省略号将不会显示一旦TextInput的属性textAlign设置为除'auto'.

例子：

<TextInput secureTextEntry={true} textAlign={'center'} />

Answer 2

表单的样式可能有点不稳定。例如，当我遇到这种情况时，表单域的宽度只有输入文本的宽度。你输入的越多，它就越会向左漂移：

将输入样式设置为flex:1不仅可以解决消失的secureTextEntry问题，还可以让您单击输入中的任意位置以聚焦，而不仅仅是文本。你会认为 react 会将这种样式作为默认道具，但它没有：

<TextInput style={{flex:1}}></TextInput>