Подскажите, почему элементы не появляются до тех пор, пока я не открой "Toggle Element Inspector"? То есть, элементы скрыты почему-то, но когда открываю инспектор элементов, то они появляются.

Никогда такого не было, но наверное рендерите их не в то время

Всем привет! Подскажите, пожалуйста, случайно никто не работал с TabNavigator (react-navigation)?. Не могу при нажатии на таб сделать автофокус в TextInput - заранее спасибо!

Всем привет! Подскажите, пожалуйста, случайно никто не работал с TabNavigator (react-navigation)?. Не могу при нажатии на таб сделать автофокус в TextInput - заранее спасибо!

хотите просто чтобы autoFocus сработал у инпута?

наверное надо руками вызвать focus()

В какой момент?)

после перехода на экран конечно

redux подключен?

Просто при инициализации табнавигатора рендерятся все компоненты сразу - нет такого чтобы при клике на таб компонент перерендеривался

и я не знаю как объяснить приложению что "вот я перешел на этот таб - сделай мне автофокус"

Просто при инициализации табнавигатора рендерятся все компоненты сразу - нет такого чтобы при клике на таб компонент перерендеривался

можно lazy сделать) но это только для первого рендера будет работать)

Подскажите, почему элементы не появляются до тех пор, пока я не открой "Toggle Element Inspector"? То есть, элементы скрыты почему-то, но когда открываю инспектор элементов, то они появляются.

в рендере какие то условия есть? Могу предположить что в рендере в зависимости от значения на поле компонента this.field (не this.state.field). При изменении значения поля рендер заново не вызовется. При вызове инспектора вызывается рендер

вот) - мне это не надо)

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

в рендере какие то условия есть? Могу предположить что в рендере в зависимости от значения на поле компонента this.field (не this.state.field). При изменении значения поля рендер заново не вызовется. При вызове инспектора вызывается рендер

Да, есть

о том и речь, переходы между экранами должны мелькать в редьюсере, а там можно понимать, что открыли нужный экран и выставлять флаг isVisible например в компоненте

а в ...didUpdate вызывать focus()

но это сейчас у меня скорее всего вредные советы и можно проще

Коллеги, а есть аналогичный канал про reactjs?

А можно подробнее при дидапдейт - к сожалению плохо знаком с лайфсайклом

в рендере какие то условия есть? Могу предположить что в рендере в зависимости от значения на поле компонента this.field (не this.state.field). При изменении значения поля рендер заново не вызовется. При вызове инспектора вызывается рендер

Я в сторе проверяю, что юзер не авторизован и отображаю ему форму авторизации. Если быть точней, то редирект на роут Login

А можно подробнее при дидапдейт - к сожалению плохо знаком с лайфсайклом

Документация?

Ну я думал прост ов двух словах скажут)

Коллеги, а есть аналогичный канал про reactjs?

в информации о чате есть

Там ничего сложного, погугли

про автофокус - у них вроде нес события на изменение страницы, теоретически можно сделать форк и дописать в исходники нужный callback

у них всмысле у react-navigation? Если да,то у них только сейчас есть доп.свойство tabBarOnPress, которое задается для TabNavigator-а - я сначала думал через него что-то сделать, но пока ничего хорошего не получилось)

а свайпом страницы листать не будешь?

Пока не собирался

Люди, подскажите пожалуйста, почему this.state.date is null когда объявлен в конструкторе

Всем привет! Ребят, подскажите, можно учить react как первый фреймворк?

Беги дружище, попа какая-то))

Всем привет! Ребят, подскажите, можно учить react как первый фреймворк?

А js освоил уже?))

а сделай плиз снек, чет странно как то

Канеш)

а сделай плиз снек, чет странно как то

что такое снек?)

cr0w, и ES6?

Ну если освоил, можешь пробовать

И, это библиотека)

что такое снек?)

https://snack.expo.io

а, окей

И, это библиотека)

Если бы я еще знал в чем разница?

Люди, подскажите пожалуйста, почему this.state.date is null когда объявлен в конструкторе

я бы в рендер сдалал по типу console.log(JSON.stingify(this.state.date)). Или алерт

@Intergent вот, есть теперь что погуглить)

Найдешь, розкажешь)

я бы в рендер сдалал по типу console.log(JSON.stingify(this.state.date)). Или алерт

зачем стригифай? алерт?))

я сам всегда в алерт вывожу. Логи медленно

понятненько да

alert(this.state) выводит null...что-то явно не так

alert(this.state) выводит null...что-то явно не так

сделай уже снек)

та я пытаюсь его запустить)

миллион ошибок)

так не надо все, а только то что скинул

Найдешь, розкажешь)

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

так не надо все, а только то что скинул

а нормально в Text совать еще компоненты?

и что за h2?

а нормально в Text совать еще компоненты?

точно, так нельзя делать

https://snack.expo.io/S1-BBIcjW куда рендер то вставить?)

<Text>{`It is ${dateString}.`}</Text>

тем более h2 в RN

не ну может свой какой styled например

Может он выше определил h2

не ну может свой какой styled например

no

тогда H2 бы было

это специфика работы jsx

https://snack.expo.io/S1-BBIcjW куда рендер то вставить?)

что значит куда рендер вставить?

что значит куда рендер вставить?

No render() method

No render() method

https://snack.expo.io/H1oFDUcjZ

https://snack.expo.io/H1oFDUcjZ

спасибо, вот в House Component в конструкторе есть дата, но в рендере она не видна

спасибо, вот в House Component в конструкторе есть дата, но в рендере она не видна

а где она в рендере выводится?

спасибо, вот в House Component в конструкторе есть дата, но в рендере она не видна

у меня вообще отказывается с твоим снеком работать))

а где она в рендере выводится?

хоть где нибудь в тексте вывести, если добавить крашится

Хотя и так не пашет

Где он хоть ловит то это, непонятно

Где он хоть ловит то это, непонятно

минимальный пример работает, у тебя что то https://snack.expo.io/S1DV38qsZ

минимальный пример работает, у тебя что то https://snack.expo.io/S1DV38qsZ

понять бы еще что

понять бы еще что

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

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

ахах, заработало, что за бред

Не ограничивает, почему же

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