Есть ли способ переопределить поведение по умолчанию для iOS TextInput, добавив многоточие при переполнении текста в React Native?

Question

Есть ли способ переопределить поведение iOS по умолчанию для размещения многоточия в конце TextInput при переполнении текста?То, что я хочу видеть, это последние символы перед усечением текста.

Вы можете воспроизвести это с любым TextInput.Ниже приведен пример кода:

import React, { Component } from 'react';
 import { TextInput } from 'react-native';

 export default function UselessTextInput() {
   const [value, onChangeText] = React.useState('Useless Placeholder');

   return (
     <TextInput
      style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
      onChangeText={text => onChangeText(text)}
      value={value}
    />
  );
}

Answer 1

Вы можете использовать атрибут multiline следующим образом.numberOflines укажите количество видимых линий (высоту) на экране.Если текст больше 4-х строк, то автоматически добавит прокрутку.Обратите внимание, я убрал высоту из стиля.

<TextInput
    multiline
    editable
    numberOfLines={4}
    maxLength={4000}
    style={{ borderColor: 'gray', borderWidth: 1 }}
    onChangeText={text => onChangeText(text)}
    value={value}
/>