почему он вообще в конструкторе вызывается

Эт прям хороший вопрос на собеседе) в гугле тыщи ответов)

https://developer.mozilla.org/uk/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

все короче

работает

this.animate = this.animate.bind(this); this.handleRefresh = this.handleRefresh.bind(this);

так да, видят друг друга

про bind надо почитать, не врубился в этот момент

Используй стрелочные

да уже переделал

Поставь линтер от аирбнб он по рукам бить будет

animate = () => { Animated.timing( this.state.rotateAnim, { toValue: 1, duration: 500, easing: Easing.linear, useNativeDriver: true, }).start(); } handleRefresh = () => { this.animate(); }

в общем всем спасибо за помощь, так то вроде почти все понятно)

кроме некоторой js специфики

нашел какие то рефы которые задают свойство компонента через анонимную функцию

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

Самое что смешное что в вебовском реакте так и нет норм анимации) смотрят на нэйтив и завидуют))

Animated можно спокойно на вебе юзать)

Уже? Читал что через пень колоду работает пока

Уже? Читал что через пень колоду работает пока

изначально работало

Ну хз))

А либа какая?

Animated)

Нпм и аниматед?)

Надо поглядеть

да вот даже пример и статья есть http://animatedjs.github.io/interactive-docs/

после дня знакомства с реакт нейтив думаю что это все же не плохая штука, но пока рано судить)

с view layer тут точно быстрее чем в нативе работать

ну и как то все просто и логично по большей части

да вот даже пример и статья есть http://animatedjs.github.io/interactive-docs/

Супер

flutter надо когда-нибудь еще попробовать

по крайней мере реакт нейтив это серьезный прогресс относительно кордовы и иоников всяких

там какой то полный рак по перфомансу)

я так и не понял как во флаттере 120 фпс выдается)

и самое главное зачем) vr что ли сразу)

ну там нет прослоек никаких и рендер через кую то мега шуструю либу

на девайсах поддерживает вулкан и метал для рендера

короче все серьезно)

правда альфа

120фпс как то в последнюю очередь волнует)

E/AndroidRuntime: FATAL EXCEPTION: Thread-8 Process: com.isk, PID: 21870 java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.RemoteViews.setTextViewText(int, java.lang.CharSequence)' on a null object reference at com.audioStreaming.Signal.playerMetadata(Signal.java:333) at com.spoledge.aacdecoder.IcyInputStream.parseMetadata(IcyInputStream.java:231) at com.spoledge.aacdecoder.IcyInputStream.fetchMetadata(IcyInputStream.java:205) at com.spoledge.aacdecoder.IcyInputStream.read(IcyInputStream.java:133) at com.spoledge.aacdecoder.BufferReader.run(BufferReader.java:155) at java.lang.Thread.run(Thread.java:764) Как полечить этоу ошибку?

на девайсах поддерживает вулкан и метал для рендера

а пруфы есть почитать?)

а то если честно звучит как какая то замануха

и то что нет прослоек тоже как то странно, че прям на шейдерах писать что ли надо. но емнип там дарт

Повторюсь: есть у кого-нибудь успешный опыт с Flow + ESLint ?

Повторюсь: есть у кого-нибудь успешный опыт с Flow + ESLint ?

А какая у тебя проблема с флоу и линтом

1) Правила для ESLint чтобы не ругался на типы 2) Конфиг для Flow чтобы проверял только мой код, а node_modules не трогал и при этом видел RN и прочее, но на них не ругался Как-то так

Сейчас еще буду пробовать. Мне просто надо сделать всё так, чтобы потом Jenkins мог собирать apk запуская перед этим скрипты какие-нибудь для проверки кода ESLint'ом и желательно Flow

я с flow давно не работал, но гугление 'react native flow eslint' выдало кучу статей

ага конечно

именно их я вчера и лопатил одну за другой

как включить да настроить по дефолту - это всё есть, работает

ну на твой вопрос есть ответ, у тех кто писал статьи есть успешный опыт ?

=)

под конец дня нашел это https://github.com/flowtype/flow-typed

и советовалось сделать определения для non-Flow либ

и тогда он якобы перестанет ругаться...

а то сейчас ошибки вида: node_modules/react-native/packager/src/node-haste/DependencyGraph.js:283 283: this._opts.roots ^^^^^^^^^^^^^^^^ unused function argument

ну надо в конфиге игнорить либы

чтобы он их не чекал

тогда он в моём коде их не видит =)

https://github.com/reactjs/react-redux/issues/137

вот релевантная issue

я то спросил, в надежде, что кто-то уже сделал такое. Сделаю сам - напишу.

ну вот смотри, я далеко ходить не стал, смотрю старый добрый f8app https://github.com/fbsamples/f8app/blob/master/.flowconfig

он весь на Flow?

Привет. почему при вызове метода getItem я получаю { _48: 0, _81: 0, _1: null, _36: null }, вместо нормального значения? хотя в самой функции, если выводить в консоли значение правильное. import { AsyncStorage } from 'react-native'; export default class UserDefaults { static async getItem(key) { const value = await AsyncStorage.getItem(key); return value } }

он весь на Flow?

каждый файл я не смотрел)

ладно =)

ERROR: S client not available

Привет. почему при вызове метода getItem я получаю { _48: 0, _81: 0, _1: null, _36: null }, вместо нормального значения? хотя в самой функции, если выводить в консоли значение правильное. import { AsyncStorage } from 'react-native'; export default class UserDefaults { static async getItem(key) { const value = await AsyncStorage.getItem(key); return value } }

Promise?

Привет. почему при вызове метода getItem я получаю { _48: 0, _81: 0, _1: null, _36: null }, вместо нормального значения? хотя в самой функции, если выводить в консоли значение правильное. import { AsyncStorage } from 'react-native'; export default class UserDefaults { static async getItem(key) { const value = await AsyncStorage.getItem(key); return value } }

потому что ты получаешь promise, а если делаешь await то уже не промис

.then().catch()

Ну так я делаю await

Привет. почему при вызове метода getItem я получаю { _48: 0, _81: 0, _1: null, _36: null }, вместо нормального значения? хотя в самой функции, если выводить в консоли значение правильное. import { AsyncStorage } from 'react-native'; export default class UserDefaults { static async getItem(key) { const value = await AsyncStorage.getItem(key); return value } }

покажи как getItem ты вызываешь

Ну так я делаю await

ты видимо нас не понимаешь)

а то тебе же уже объясняли

val = UserDefaults.getItem("skipWalkthrough");

тебе надо делать val = await UserDefaults.getItem("skipWalkthrough");

А нельзя это как-то по другому сделать?

UserDefaults.getItem("skipWalkthrough").then(val => console.log(val))

static getItem(key) { AsyncStorage.getItem(key).then((value) => { return value }) } А если мы возвращаем значение?)

ну ?ты просто в функции вызывешь AS и результат никак не используешь

скажи лучше как ты это хочешь использовать

Я хочу сделать некий класс, при помощи которого я буду взаимодействовать с системными настройками приложения, хочу чтобы было не напрямую через AS

Т.е надо вот так ? static getItem(key) { return AsyncStorage.getItem(key).then((value) => { return value }) }

как ты хочешь использовать этот класс?

Т.е надо вот так ? static getItem(key) { return AsyncStorage.getItem(key).then((value) => { return value }) }

ну в таком случае ты вообще бесполезную работу делаешь) ты возвращаешь опять промис, и еще есть ничего не делающий then

Да, уже понял.

мне кажется ты не понимаешь как промисы и колбэки работают в js)

Я хочу чтобы на getitem() мне возвращался true или false, в зависимости от значения.

Да, я не до конца понимаю как они работают, в js я 2 неделю только)

я могу конечно объяснить, но лучше тебе просто почитать что такое асинхронное программирование

То, что я хочу сделать вообще реально?

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

Я почитаю, но можешь в кратце объяснить как это утроено?)

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

который тебе время от времени надо будет синхронизировать каким-то образом, я бы посоветовал всё же адаптировать свой клиентский код к этому асинхронному поведению хранилища

очень вероятно что я так только запутаю тебя) но если так хочешь, то js однопоточен, когда код выполняется он это делает инструкция за инструкцией, это синхронное выполнение, но в js есть еще такая штука event loop, ее смысл в том, что например когда ты обращаешься например к AS, то идет вызов к нативному коду, но js в это время продолжает работать дальше, когда нативный код отработал, ему как то надо сообщить в js результат, для этого в event loop в конец очереди ставится код колбэка который ты передал (у промисы будет код промиса) и вызывается когда js полностью отработает и не занят.

чтобы он их не чекал

в итоге я добавил в конфиг flow по совету jukben отсюда https://github.com/facebook/flow/issues/3875 // file .flowconfig module.name_mapper='\(react-native\)' -> '<PROJECT_ROOT>/modulesStub.js' // file modulesStub.js export default {} ну и в ignore <PROJECT_ROOT>/node_modules/.* может быть потом надо будет module.name_mapper для других модулей прописать, не знаю - пока у меня чистый RN темплейт...

очень вероятно что я так только запутаю тебя) но если так хочешь, то js однопоточен, когда код выполняется он это делает инструкция за инструкцией, это синхронное выполнение, но в js есть еще такая штука event loop, ее смысл в том, что например когда ты обращаешься например к AS, то идет вызов к нативному коду, но js в это время продолжает работать дальше, когда нативный код отработал, ему как то надо сообщить в js результат, для этого в event loop в конец очереди ставится код колбэка который ты передал (у промисы будет код промиса) и вызывается когда js полностью отработает и не занят.

Ну вроде как понятно) Спасибо. Буду дальше разбираться)

как включить да настроить по дефолту - это всё есть, работает

Я починил именно через flow-typed. Для каждой либы, на которую ругался flow, сделал libdef (или как он там называется) через flow-typed install