Многострочный TextInput: подчеркивание наложения текста

Я использую TextInput с multiline = {true} в своем приложении для Android, отвечающем за реакцию. Последняя строка TextInput накладывается на подчеркивание:

Моя репутация не позволяет мне публиковать изображения, поэтому вот GIF с примером моей проблемы:

Моя ссылка

Как я могу этого избежать?

 <TextInput
 multiline = {true} 
 numberOfLines = {2}
 underlineColorAndroid = {Colors.tintColor}/>

Вы можете вставить больше кода здесь?

— 09.04.2019 08:59

пожалуйста, вы можете отправить свой код для лучшего понимания

— 09.04.2019 09:23

react-native

09.04.2019 08:58

Умерло ли Create-React-App?

В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.

Освоение React Native: Пошаговое руководство для начинающих

React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...

Ускоренная стилизация компонентов React Native с помощью NativeWind

В чем разница между react native и react ?

React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...

От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React

Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...

Хуки React: что это такое и как их использовать

Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...

289

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Сделайте это, это работает

  <TextInput
                          multiline = {true}
                          style = {{ padding: 10,height: 45,}}
                          numberOfLines = {2}
                          underlineColorAndroid = {Colors.tintColor}
                      />

09.04.2019 09:32

  <View style = {{flex:1,justifyContent:'center',alignItems:'center'}}>
       <Text style = {{color:global.COLOR.ORANGE}}>hello</Text>
       <TextInput
       style = {{width:200}}
       placeholder = "name"
       underlineColorAndroid = {global.COLOR.ORANGE}
                      multiline = {true}
                      numberOfLines = {2}

                  />
     </View>

ты можешь попробовать это

09.04.2019 09:45