Size: a a a

React Native — русскоговорящее сообщество

2020 February 25

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
Gevorg Mirzoyan
Всем привет. Помогите разобраться. При смене состояния indexDate почему то опция isDesible не перерисовывается. встречались с такой проблемой?
почитайте что делает key)))
источник

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
у вас индексы массива по которому идет map не меняються
источник

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
и ничего не перерендериться
источник

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
key={isDesible}
источник

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
Юра Зинченко
у вас индексы массива по которому идет map не меняються
а что бы такой радости не было есть eslint который если бы стоял то сразу вам по рукам дал что индексы ставить нельзя
источник

GM

Gevorg Mirzoyan in React Native — русскоговорящее сообщество
Юра Зинченко
у вас индексы массива по которому идет map не меняються
спасибо) разобрался
источник

d

dron in React Native — русскоговорящее сообщество
Есть приложение, основная навигация это табы (react-navigation).

К примеру есть экран с историей платежей и тут два кейса:

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

Как мне лучше будет реализовать второй кейс? Данные дёргаю из редакса
источник

AT

Alex Tuor4eg in React Native — русскоговорящее сообщество
Проверять длину массива договоров в сторе и если она равна 1 то сразу навигировать в экран истории через useEffect (или componentdidmount) как вариант
источник

d

dron in React Native — русскоговорящее сообщество
Alex Tuor4eg
Проверять длину массива договоров в сторе и если она равна 1 то сразу навигировать в экран истории через useEffect (или componentdidmount) как вариант
Да я вот думаю сразу в конфиге как-то это зашить, чтобы нужный экран в таб отдавался
источник

d

dron in React Native — русскоговорящее сообщество
И как я понимаю такое сделать с react-navigation 4 версии нельзя? Ну чтобы доставать данные из редакса и в зависимости от них рендерить нужный скрин.
источник

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
dron
И как я понимаю такое сделать с react-navigation 4 версии нельзя? Ну чтобы доставать данные из редакса и в зависимости от них рендерить нужный скрин.
можно
источник

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
dron
Да я вот думаю сразу в конфиге как-то это зашить, чтобы нужный экран в таб отдавался
смотря какой дизайн и остальные требования, можно и без доп навигаций сделать
источник

d

dron in React Native — русскоговорящее сообщество
Юра Зинченко
смотря какой дизайн и остальные требования, можно и без доп навигаций сделать
Вот эти экраны.
Первый это список, второй это детальная инфа
источник

d

dron in React Native — русскоговорящее сообщество
При одном договоре должен показываться сразу второй экран
источник

ЮЗ

Юра Зинченко in React Native — русскоговорящее сообщество
dron
Вот эти экраны.
Первый это список, второй это детальная инфа
а кнопки назад не будет?
источник

d

dron in React Native — русскоговорящее сообщество
Юра Зинченко
а кнопки назад не будет?
В первом кейсе будет (просто потерялась), а во втором нет конечно
источник

D

Demuz in React Native — русскоговорящее сообщество
dron
Есть приложение, основная навигация это табы (react-navigation).

К примеру есть экран с историей платежей и тут два кейса:

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

Как мне лучше будет реализовать второй кейс? Данные дёргаю из редакса
Это решается за счет navigationOptions.
источник

D

Demuz in React Native — русскоговорящее сообщество
Demuz
Это решается за счет navigationOptions.
При onTabPress переходить на экран n, при определенных условиях из ридакса.
источник

D

Demuz in React Native — русскоговорящее сообщество
Demuz
При onTabPress переходить на экран n, при определенных условиях из ридакса.
источник

D

Demuz in React Native — русскоговорящее сообщество
Правда данные аккаунта проброшены в screenProps
источник