Как ограничить максимальный и минимальный ввод в TextInput в react-native?

Question

React Native — русскоговорящее сообщество

Reasky

Как ограничить максимальный и минимальный ввод в TextInput в react-native?

#mobile #programming #reactnative #russian

0

23.08.2023

4 ответов

14 просмотров

whyamsx

в смысле минимальный?)

0

23.08.2023

Mikhail

Для максимального значения есть проп max length Если нужны ошибки, то надо валидировать, например через yup

0

23.08.2023

mxvsh

Вот пример кода, который ограничивает максимальный ввод текста в 120 символов и минимальный ввод текста в 40 символов в компоненте TextInput в React Native: import React, { useState } from 'react'; import { View, TextInput, Text } from 'react-native'; const TextInputExample = () => { const [text, setText] = useState(''); const [error, setError] = useState(''); const handleTextChange = (value) => { if (value.length > 120) { setError('Максимальная длина текста - 120 символов'); } else if (value.length < 40) { setError('Минимальная длина текста - 40 символов'); } else { setError(''); } setText(value); }; return ( <View> <TextInput value={text} onChangeText={handleTextChange} multiline={true} /> {error ? <Text>{error}</Text> : null} </View> );

0

23.08.2023

Martin · Accepted Answer

Martin

длину строки? обработку добавить в handler

0

23.08.2023

169 похожих чатов

Как ограничить максимальный и минимальный ввод в TextInput в react-native?

4 ответов

Похожие вопросы