@Sulti
Учу javaScript

Как оптимизировать TextInput/TextArea в React Native (+expo)?

Здравствуйте, рендерится заново при каждом новом символе в TextInput/TextArea, искал в интернете по оптимизации, нашел что-то связанное с удалением атрибута value и т.д . Но это оказалось бессмысленно, т.к. рендер происходит все равно.

Как можно оптимизировать чтобы ввод происходил быстрее? Может отдельный экран для него создать, чтобы элементов было меньше?

return (
    <View style={styles.app}>
      <View>
        <TextInput 
          style={styles.input} 
          placeholder="Введите имя" 
          defaultValue={newPerson} 
          onChangeText={setNewPerson}/>
        <Button style={styles.buttonAdd} onPress={addPerson} title="Добавить"></Button>
      </View>
      <ScrollView style={styles.scroll}>
        {people.map(person => (
                <TouchableOpacity
                    onPress={() => navigation.navigate('User', person)} key={person.id}>
                    <View style={styles.person}>
                        <Text style={styles.personName}>{person.name}</Text>
                    </View>
                </TouchableOpacity>
            ))}
      </ScrollView>
    </View>
    )


P.S. Не бейте, лучше объясните :)
  • Вопрос задан
  • 30 просмотров
Решения вопроса 1
@davidnum95
Почему весь код не выложили?
рендерится заново при каждом новом символе в TextInput/TextArea

Так и должно работать.
И оно не должно тормозить при маленьком списке, значит в чем то другом проблема.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Leningrad Media Санкт-Петербург
от 100 000 до 150 000 ₽
Studyworld Санкт-Петербург
от 130 000 ₽
19 сент. 2020, в 11:59
20000 руб./за проект
19 сент. 2020, в 11:26
17500 руб./за проект
19 сент. 2020, в 10:21
10000 руб./за проект