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

Question

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

我有单行 Route::middleware('guest')->group(function () { Route::post('/post_xing_res','SocialAuthController@postXingRes'); }); Route::get('/welcome',function(){ return view('welcome'); }); 。当用户为TextInput时，onFocus中的文字可能会长于TextInput本身。

但是，当用户不再是TextInput时，Android和iOS的行为会有所不同。

的iOS： 在行的末尾添加了三个点，并显示了文本的开头。

机器人： 没有变化。

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

谢谢

Answer 1

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

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