GOOGLE ADS

понедельник, 11 апреля 2022 г.

Как установить минимальное значение и максимальное значение для TextInput

В качестве примера я хочу указать минимальное значение как 5000 и максимальное значение как 200000. Между этими значениями пользователь может ввести, если не между ними, пользователь не может ввести.


Решение проблемы

Вот полный пример ( https://snack.expo.dev/zlwWokoFK ).

Это можно сделать, чтобы текст не обновлялся, если длина текста ниже или выше установленных ограничений. В onChangeTextфункции.

Вот код ниже

import * as React from 'react';
import { Text, View, TextInput } from 'react-native';
export default function App() {
/*
Specify your upper and lower limits of length
*/
const LOWER_LIMIT = 10;
const HIGHER_LIMIT = 20;
/*
State for the text
*/
const [text, setText] = React.useState("ab".repeat(LOWER_LIMIT/2));
/*
Function to update the text
*/
const onChangeText = (newText)=>{
/*
If text is above or below length of limits then exit function
*/
if (newText.length < LOWER_LIMIT || newText.length>HIGHER_LIMIT){
return;
}
// Else update text
setText(newText);
}
return (
<View style={{
flex:1,
justifyContent:"center",
}}>
<TextInput
onChangeText={value=>onChangeText(value)}
multiline
value={text}
style={{
height: 400,
margin: 12,
borderWidth: 1,
padding: 10,
}}
/>
</View>
);
}

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

Отправить комментарий

Laravel Datatable addColumn returns ID of one record only

Я пытаюсь использовать Yajra Datatable для интеграции DataTable на свой веб-сайт. Я смог отобразить таблицу, но столкнулся с проблемой. В по...