@reactnative_ru - страница 331

I

Сообщения прочитай, потом говори

Oleg

Сообщения прочитай, потом говори

Ок

Alex

вот ты на каждой строчке можешь брейкпоинт поставить?

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

Mikhail

Привет всем, подскажите что я делаю не так, создал пустой массив players, добавляю в него итемы и передаю этот массив в FlatList, так вот если массив пустой то он не отображает новые добавленные итемы, но если там есть хоть одно значение то всё работает ок, вот ключевые моменты кода как сейчас всё устроено: https://gist.github.com/anonymous/6d7e930af3dd2f4472478edb6c9b10c8

Kyrylo

во первых не мутируй стейт так this.state.players.push

Mikhail

Хм, а как лучше? Других вариантов просто не знаю

Kyrylo

this.setState({players: [...this.state.players, {name: this.state.name, score: 500, id: this.state.players.length + 1}]})

Kyrylo

только через setState

Aleksei

https://facebook.github.io/react-native/docs/flatlist.html#extradata

Junior

Кто-нибудь интегрировал rn с нативными андроид аппками?

Kirill

кто-нибудь использует universal links? В ios 11 у вас работают?

Junior

Утра доброго

Kyrylo

this.setState({players: [...this.state.players, {name: this.state.name, score: 500, id: this.state.players.length + 1}]})

Если так не нравится, то хотябы так const {players, name} = this.state; players.push({name: name, score: 500, id: players.length + 1}); this.setState({players});

Kyrylo

так даже лучше. гг

Mikhail

так даже лучше. гг

Спасибо, а чем плох мой вариант?

Kyrylo

https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly

Kyrylo

Do Not Modify State Directly

Mikhail

https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly

Спасибо за ссылку

Kirill

так даже лучше. гг

что-то мне подсказывает что не лучше. players.push - и есть "прямое" изменение стейта

Kyrylo

Ну вот да, без пуша надо. Ты абсолютно прав

Mikhail

this.setState({players: [...this.state.players, {name: this.state.name, score: 500, id: this.state.players.length + 1}]})

Данный вариент работает, спасибо.

Mikhail

Но тогда другой вопрос почему если мой массив был не пустым при инициализвации, то даже вариаент с push работал?

Kyrylo

Та фиг его знает 🙂 Но разбираться в этом мало смысла. Так как этот вариант не правильных, хоть и работает.

Andrey

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

Kirill

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

можно scale отключить: Text.defaultProps.allowFontScaling=false

Kyrylo

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

Aleksei

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

чем?)

Kyrylo

constraints

Kyrylo

например

Kyrylo

очень сильный тул

Aleksei

ну такое, это просто другой подход

Kyrylo

ну флексбокс слабее

Aleksei

я бы так не сказал

Aleksei

что может автолэйаут чего не может флексбокс?

Kyrylo

ну я спорить не буду. Обы инструмента работают. Но вот именно адаптивные части делать удобнее, даже не столько удобнее, сколько понятнее и очевиднее. Да, у флексбокса есть трюк с margin-[left|rigth]: auto. Но сколько людей о нем знает? есть self-align но он тоже не всегда очевидно работает. Ну то есть если ты хорошо знаешь флексбокс - то они наверно равны.

Kyrylo

как-то так

Kirill

ну я спорить не буду. Обы инструмента работают. Но вот именно адаптивные части делать удобнее, даже не столько удобнее, сколько понятнее и очевиднее. Да, у флексбокса есть трюк с margin-[left|rigth]: auto. Но сколько людей о нем знает? есть self-align но он тоже не всегда очевидно работает. Ну то есть если ты хорошо знаешь флексбокс - то они наверно равны.

что за трюк?

Aleksei

автолэйаут тоже нифига не очевидный, его долго раскуривать надо

Kyrylo

что за трюк?

если тебе надо айтемы раскидать по разным сторонам например |item1 item2 item3 item4 item5| То для item4 можно задать margin-left: auto и он и последующие прибьются к концу строки

Kirill

а если ему flex: 1 задать разве не то же самое?

Kyrylo

неа

Kyrylo

он не будет растянут

Kyrylo

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

Aleksei

если тебе надо айтемы раскидать по разным сторонам например |item1 item2 item3 item4 item5| То для item4 можно задать margin-left: auto и он и последующие прибьются к концу строки

а теперь тоже самое на автолейауте плиз 😄

Max

Кирилл https://habrahabr.ru/post/329820/ Margin обладает особыми силами

Kyrylo

Kirill

Кирилл https://habrahabr.ru/post/329820/ Margin обладает особыми силами

прикольно, спасибо)

Vit

если тебе надо айтемы раскидать по разным сторонам например |item1 item2 item3 item4 item5| То для item4 можно задать margin-left: auto и он и последующие прибьются к концу строки

можно между 3 и 4 View flex: 1 вонзить)

Junior

Парни, в нативной аппке нужно отобразить несколько RN бандлов на одной активности. Создаю для этого несколько react root view и указываю там имя бандла и appregesty из него. Если я сделаю в одном бандле несколько appregistry, то все будет работать и отображать разные компоненты, в зависимости от указанного в appregistry класса, но если я указываю в react root view другой нужный мне бандл, аппка падает. Кто-нибудь знает в чем может быть проблема?

Kyrylo