Блог

Главная - Вопросы по программированию - Как я могу скрыть метку при вводе TextInput React Native

Как я могу скрыть метку при вводе TextInput React Native

#react-native

Вопрос:

Я работаю над проектом react native , я создаю страницу с текстом и вводом текста , я хочу, чтобы текст метки исчезал при вводе в поле ввода текста . Это код ввода текста:

 <TextInput
            label="Classification"
            keyboardType="default"
            underlineColor="#009688"
            blurOnSubmit={false}
            // editable={false}

            theme={{
              colors: {primary: '#009688'},
            }}
            style={ThirdScreenStyle.Text}></TextInput>

Это стиль ThirdScreenStyle.Текст:

 Text: {
backgroundColor: 'transparent',
marginBottom: 5,
marginLeft: 30,
width: 300,
fontSize: 11,
padding: 3,


 },

Я хочу , чтобы классификация меток исчезла, также я хочу уменьшить размер поля TextInput.

Ответ №1:

Используйте onFocus реквизиты TextInput для сохранения в состоянии. Используйте это состояние, чтобы выборочно отображать или скрывать текст/метку <Text>{focusedamp;amp;"Classification"}</Text> , в которых «фокусировка» происходит из состояния, которое вы изменяете с помощью метода onFocus.

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

1. Я на самом деле не знаю, как инициализировать фокус, не могли бы вы дать мне код ?

Ответ №2:

Там нет текстового ввода под названием «ярлык», я думаю, что вы ищете «заполнитель».

 <TextInput
            placeholder="Classification"
            keyboardType="default"
            underlineColor="#009688"
            blurOnSubmit={false}
            // editable={false}

            theme={{
              colors: {primary: '#009688'},
            }}
            style={ThirdScreenStyle.Text}/>

В противном случае ваша метка должна быть в отдельном компоненте и использовать подход @Yogesh с onFocus.

Метки: