Как обеспечить различный стиль для отдельных слов в TextInput в React-Native?

#react-native

#react-native

Вопрос:

Я хочу форматировать отдельные слова, которые пользователь вводит в поле TextInput, пока они его вводят. Как я могу это сделать?

Например, скажем, пользователь вводит следующее в элемент TextInput: «Привет. Я ищу помощь «. Итак, я хочу, чтобы все слова здесь были черными, за исключением слова «looking», которое должно быть красного цвета. И я хочу, чтобы «looking» менялся с черного на красный, как только пользователь закончит вводить работу «looking» в поле TextInput.

Комментарии:

1. Ваш вопрос неясен. Можете ли вы добавить пример или уточнить свой вопрос?

2. ДА. Например, скажем, пользователь вводит следующее в элемент TextInput: «Привет. Я ищу помощь «. Итак, я хочу, чтобы все слова здесь были черными, за исключением слова «looking», которое должно быть красного цвета. И я хочу, чтобы «looking» менялся с черного на красный, как только пользователь закончит вводить работу «looking» в поле TextInput. Я надеюсь, что это проясняет.

3. Что вы уже сделали?

4. Ничего подобного. Потому что я не знаю, как добиться другого стиля для отдельных слов в элементе TextInput. Одна из идей, которая у меня возникла, — наложить элемент <Text> поверх элемента <TextInput>, который отображал бы то, что вводит пользователь (таким образом, чтобы это выглядело так, как будто это вводится в самом элементе TextInput). Выполнение этого позволило бы мне форматировать каждое отдельное слово так, как я хочу… Но это немного запутанно.. Есть ли какой-либо более простой выход?