React Native - 当TextInput中的文本长于TextInput且不在焦点时,三个点

Question

所以我会尝试解释我的情景.

我有一条单线 TextInput.当用户是onFocus,其中的文本TextInput可以比TextInput自己长.

但是,当用户不再使用时onFocus,Android和iOS的行为会有所不同.

iOS: 在行尾添加三个点,并显示文本的开头.

Android: 没有进行任何更改.

如何让Android中的TextInput像在iOS中一样表现这种特定情况？

谢谢

Answer 1

我不知道您是否得到答案，但ellipsizeMode和numberOfLines将有助于此查询。

          <TextInput
            ellipsizeMode="tail"
            numberOfLines={1}
            ref={(textInput) => { this.textInput = textInput; }}
            style={}
            placeholder="Type a message..."
            onSubmitEditing={}
            onChange={}
          />