о! А как тогда тут ищут програмистов в команду?

Тач записывается в стейт?

extraData={this.state} для тача, дополнительно к data

А для тысячи элементов.. я бы как-то разделил их на несколько частей, но возможно, на реальном девайсе тормозить не будет

Тогда делить как-то

попробуй на чем нибудь помощнее

😂

да и пользователи пусть для приложения помощнее возьмут девайсы

и мне выдается - You have a large list that is slow to update - make sure your renderItem function renders components that follow React performance best practices like PureComponent, shouldComponentUpdate, etc.

Немного локализую проблему - у меня есть флатлист, который получает массив с нным кол-вом объектов, каждый элемент массива я вывожу просто TouchableOpacity с onPress методов который просто консолит текст и всё, тестирую на реальном девайсе htc one e8. При таком раскладе, когда я прокручу немного список и нажму на элемент, онпресс у меня срабатывает через пару секунд только, а если я прокручу и подожду пару секунд, а потом нажму, то онпресс сразу срабатывает

попрофилируй и посмотри что у тебя тормоза вызывает. вполне вероятно компоненты лишние апдейтишь

какие лишние компоненты?) я же писал, у меня флатлист, в котором просто вставлен TouchableOpacity, без какой-либо больше логики, TouchableOpacity это просто серый квадрат и метод онПресс для того чтобы посмотреть в консоле когда напечатается слово

самый простой вариант, у тебя список каждый раз ререндерится, так как ключи не матчатся. но если честно это на гадание похоже 🙂 у меня норм )

как вы в джесте мокаете дефолтную функцию? вот есть например у меня axios.post, axios.get, я их мокнул, а если я использую axios({ method: ‘POST’ }), например?

nock

с тысячей TouchableOpacity элементов норм?

не, у меня на порядок поменьше. 100-200. но ты вроде говорил, что на 30-40 тоже тормозит у тебя?

не, у меня на порядок поменьше. 100-200. но ты вроде говорил, что на 30-40 тоже тормозит у тебя?

а на чем смотришь? ios / android?

а, ну тут трудно сказать ) я просто на macos и ios смотрю, андройды в том же эмуляторе заметно медленнее могут работать (у меня)

так это не эмулятор, а мой телефон)

ну у меня iphone только :)) а он вполне шустрый )

Немного локализую проблему - у меня есть флатлист, который получает массив с нным кол-вом объектов, каждый элемент массива я вывожу просто TouchableOpacity с onPress методов который просто консолит текст и всё, тестирую на реальном девайсе htc one e8. При таком раскладе, когда я прокручу немного список и нажму на элемент, онпресс у меня срабатывает через пару секунд только, а если я прокручу и подожду пару секунд, а потом нажму, то онпресс сразу срабатывает

import React, {Component} from 'react'; import { TouchableOpacity, FlatList } from 'react-native'; class Test extends Component { render() { let items = Array.apply(null, Array(1000)).map(String.prototype.valueOf,"hi"); return ( <FlatList data={items} horizontal={false} numColumns={3} keyExtractor={(game, index) => index} renderItem={(item) => { return ( <TouchableOpacity style={{ width: 100, height: 100, backgroundColor: '#777', margin: 5 }} onPress={() => null} activeOpacity={0.5} /> ) }} style={{ width: '100%', height: '100%', padding: 5 }} /> ) } } export default Test;

Я конечно не настоящий сварщик, но создание списка на 1000 элементов бы за пределы render на всякий случай вытащил

pure пробовал?

import React, {Component} from 'react'; import { TouchableOpacity, FlatList } from 'react-native'; class Test extends Component { render() { let items = Array.apply(null, Array(1000)).map(String.prototype.valueOf,"hi"); return ( <FlatList data={items} horizontal={false} numColumns={3} keyExtractor={(game, index) => index} renderItem={(item) => { return ( <TouchableOpacity style={{ width: 100, height: 100, backgroundColor: '#777', margin: 5 }} onPress={() => null} activeOpacity={0.5} /> ) }} style={{ width: '100%', height: '100%', padding: 5 }} /> ) } } export default Test;

Так а почему вы просто не хотите профайлером пройтись и посмотреть?

https://snack.expo.io/r1GKVP72M Хз, PureComponent помогает

Ребят, кто нибудь знает откуда BuildConfig берется в джава части? чет вообще не могу понять откуда и как. Только находил что он генерится https://github.com/facebook/react-native/blob/26684cf3adf4094eb6c405d345a75bf8c7c0bf88/ReactAndroid/src/main/java/com/facebook/react/common/build/ReactBuildConfig.java