которая вроде как идет из файлов самого модуля

со стандартным примером

с какой то версии выпилили PropTypes из реакта, теперь это отдельным модулем идет

то есть npm install —save prop-types и в импорте вместо import {PropTypes} from 'react' сделать import PropTypes from 'prop-types';

т.е. менять сам модуль?

а еслть ли какие то более новые решения?

redux?

Да, сделал все как в документации, с враперром для onback

На сколько я понимаю, можно самому сделать обработку экшенов в редьюсере. Вместо коробочного

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

Кто работал с картами + react-native, есть рабочие пакеты для работы с картами яндекса или 2гис? Есть react-native-map с гугл картами, но и там 772 issues

а еслть ли какие то более новые решения?

https://reactnavigation.org/docs/navigators/drawer https://github.com/root-two/react-native-drawer (не сильно новее, но рабочее)

всем привет! =) кто подскажет по редаксу - если у меня есть несколько редьюсеров , объединенных combineReducers, могу ли я из одного редьюсера вызвать другой? конечно выглядит такая идея костыльно, но вдруг есть какое то решение

всем привет! =) кто подскажет по редаксу - если у меня есть несколько редьюсеров , объединенных combineReducers, могу ли я из одного редьюсера вызвать другой? конечно выглядит такая идея костыльно, но вдруг есть какое то решение

я не нашел, вроде как нельзя такое

Это уже нужно в мидлвары лезть, там ты можешь несколько action передавать в уже конкретный стор.

вас понял =) мидлвары пока что для меня тёмный лес, решу другим способом

всем привет! =) кто подскажет по редаксу - если у меня есть несколько редьюсеров , объединенных combineReducers, могу ли я из одного редьюсера вызвать другой? конечно выглядит такая идея костыльно, но вдруг есть какое то решение

зависит от задачи, вообще, дергать из редьюсера другой или кидать экшн - это антипаттерн. Тебе могут помочь саги (пост-эффект, side-эффект), работает после изменения стора редьюсером, либо как было сказано выше, мидлвари

о сагах: redux-saga.js.org возможно, будут полезны также https://redux-observable.js.org/ но с этим я пока не успел поработать)

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

всем привет! =) кто подскажет по редаксу - если у меня есть несколько редьюсеров , объединенных combineReducers, могу ли я из одного редьюсера вызвать другой? конечно выглядит такая идея костыльно, но вдруг есть какое то решение

Именно вызвать другой reducer или вызвать два reducer'а по одному action?

Именно вызвать другой reducer или вызвать два reducer'а по одному action?

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

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

https://github.com/gaearon/redux-thunk можешь глянуть и сравнить с сагами и выбрать что нравится

да, почитаю, похоже когда-нибудь может пригодиться

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

Error: Cannot save image. Unable to write to tmp location. такая вот ошибка react-native-image-croper на реальном девайсе(iOS) гугл нечего вообще не подсказал хелп

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

https://github.com/JSSolutions/GitterMobile

Всем привет. Подскажите пожалуйста. Никак не могу вникнуть в react native drawer. Может есть где нормальный материал? После разработки под веб, очень сложно вникнуть в суть другого подхода

смотрите в сторону react-navigation https://reactnavigation.org/docs/navigators/drawer

Всем привет. Подскажите пожалуйста. Никак не могу вникнуть в react native drawer. Может есть где нормальный материал? После разработки под веб, очень сложно вникнуть в суть другого подхода

рабочий пример https://github.com/react-community/react-navigation/blob/master/examples/NavigationPlayground/js/Drawer.js

https://github.com/JSSolutions/GitterMobile/blob/master/app/modules/ui.js actions, action creators, reducer в одном файле) ну такое))

смотрите в сторону react-navigation https://reactnavigation.org/docs/navigators/drawer

В их примере вложенности нет. Мне понравилось как тут рассказано https://shift.infinite.red/react-navigation-drawer-tutorial-a802fc3ee6dc

Ссылка на github там внизу

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

https://github.com/AleksShirokov/Workout-Book

спасибо!

https://github.com/JSSolutions/GitterMobile/blob/master/app/modules/ui.js actions, action creators, reducer в одном файле) ну такое))

норм, я так делаю когда их мало, это ducks называется

вот хотелось бы, чтобы было ducks

т.е. с разделением by feature

В их примере вложенности нет. Мне понравилось как тут рассказано https://shift.infinite.red/react-navigation-drawer-tutorial-a802fc3ee6dc

в смыле нет вложености?

Error: Cannot save image. Unable to write to tmp location. такая вот ошибка react-native-image-croper на реальном девайсе(iOS) гугл нечего вообще не подсказал хелп

help

норм, я так делаю когда их мало, это ducks называется

https://github.com/erikras/ducks-modular-redux )

https://github.com/erikras/ducks-modular-redux/raw/master/migrate.jpg

Обратите внимание на коли-во звезд, и то что в проекте кроме ридми ничего нет

в смыле нет вложености?

Когда DrawerNavigator содержит в себе StackNavigator

Когда DrawerNavigator содержит в себе StackNavigator

Так любой компонент в этом месте: https://github.com/react-community/react-navigation/blob/5a265065953cea00b23d4bba81749cb48f110407/examples/NavigationPlayground/js/Drawer.js#L52 можно вставить StackNavigator или TabNavigator - это уже по вашей фантазии.

т.е. с разделением by feature

вот тут много чтива https://redux.js.org/docs/faq/CodeStructure.html

Так любой компонент в этом месте: https://github.com/react-community/react-navigation/blob/5a265065953cea00b23d4bba81749cb48f110407/examples/NavigationPlayground/js/Drawer.js#L52 можно вставить StackNavigator или TabNavigator - это уже по вашей фантазии.

Я когда читал не оч вник, а статья которую кидал помогла)

@playra, короче я тут опять говна покушал, вопрос такой как вычеслять размеры шрифтов картинок, относительно размера экрана

потому что это просто пипец

вот тут много чтива https://redux.js.org/docs/faq/CodeStructure.html

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

хочется чтобы призапуске пересчитать размеры шрифтов

чтобы они одинаково выглядели

@playra, короче я тут опять говна покушал, вопрос такой как вычеслять размеры шрифтов картинок, относительно размера экрана

а нет аналога em/rem из html? мб помогло бы

чтобы они одинаково выглядели

Они одинаково и выглядят

я честно незнаю(

Экраны же разного размера

Физический размер шрифта одинаковый

Они одинаково и выглядят

да, а я хочу чтобы был разный

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

да, а я хочу чтобы был разный

к Dimensions привязать нельзя?

я вот тоже думаю

да, а я хочу чтобы был разный

надо наверное на PixelRatio обращать внимание, чтобы в зависимости от dpi узнавать множитель шрифта при старте приложения

надо наверное на PixelRatio обращать внимание, чтобы в зависимости от dpi узнавать множитель шрифта при старте приложения

DPI одинаковый на 5S и 6

К ширине экрана надо привязываться тогда

http://facebook.github.io/react-native/docs/text.html#allowfontscaling не то?

http://facebook.github.io/react-native/docs/text.html#allowfontscaling не то?

эт насколько я помню относится к тому будет ли шрифт увелисиваться если в настройках телефона такая настройка стоит

К ширине экрана надо привязываться тогда

видимо да

Да я пришёл к выводу что дизайнер у нас криворукий

Всем спасибо

Вариант с pixelratio подошёл

Всем привет ! У кого-нибудь было такое, что при navigation.dispatch componentWillMount вызывается 2 раза ? При этом initialRoute работает нормально, когда начинаю ходить с drawer по сценам, начинается такое поведение.

cwm может скольугодно много раз до маунта вызываться) надо иметь это ввиду всегда)

Да ? ) Нука объясни с чем это связано тогда )

ну что-то изменилось пропсы-стейт

не важно

важно не пихать туда вызовы апи например

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

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

будет конечно

для проверки на то, надо ли перерисовать и пр, это же пре-ренденринг, нет?

а не, компонент уже железно будет пере-рендериваться в таком случае, перепутал

class LayoutNewscompany extends React.Component { componentWillMount() { console.log('did mount'); } render() { return null; } } Как бы вот весь код пока что для теста этого бага фичи) did mount 2 раза) притом объясняю это происходит так, основной навигатор у меня Drawer, а внутри Stack, именно от Drawer -> Stack такое поведение, внтури стэка я также хожу по разным сценам и такого поведения нет.

class LayoutNewscompany extends React.Component { componentWillMount() { console.log('did mount'); } render() { return null; } } Как бы вот весь код пока что для теста этого бага фичи) did mount 2 раза) притом объясняю это происходит так, основной навигатор у меня Drawer, а внутри Stack, именно от Drawer -> Stack такое поведение, внтури стэка я также хожу по разным сценам и такого поведения нет.

на снек плиз, так Вам быстрей помогут

на снек плиз, так Вам быстрей помогут

Ок если не разберусь, пушну позже

подскажите люди добрые, добавил react-native-vector-icons, добавляю иконку, а она не отображается

пересобирал приложение?

Да, конешн

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

name выглядит странно, такая иконка точно есть?

подскажите люди добрые, добавил react-native-vector-icons, добавляю иконку, а она не отображается

импорт покажите

импорт покажите

import { Icon } from 'react-native-elements';

name выглядит странно, такая иконка точно есть?

разные пробовал, либо крест выпадает, либо знак вопроса

import { Icon } from 'react-native-elements';

import Icon from 'react-native-vector-icons/dist/FontAwesome'

<Icon name="rocket" size={30} color="#900" />

Так попробуйте

тоже самое

import Icon from 'react-native-vector-icons/FontAwesome'

сорри)

разные пробовал, либо крест выпадает, либо знак вопроса

вот посмотри эти шаги, проверь добавились ли шрифты https://github.com/oblador/react-native-vector-icons#ios