в чем проблема? не знаете как во флексе отступ сверху и снизу убрать? вы мне пример прислали, где даже аккардион не работал. до этого писали что отступ снизу сделать. вообщем аккардион работает, отступы настроите.

как это не работал? всё там работало

у вас же expo не работало

про отступ я ни слова не писал

я писал исключительно про скролл к открытой табе

import React, { Component } from 'react'; import { Text, View, ScrollView, StyleSheet } from 'react-native'; import Accordion from 'react-native-collapsible/Accordion'; const SECTIONS = [ { title: 'Maintenance: booking request sent', date: '13.04.2018, 04:00 - 08:00', descr: 'DriveTech 10', content: 'Booking request sent', contentDate: '10.04.2018, 11:55' }, { title: 'Repair: booking request sent', date: '11.04.2018, 08:00 - 12:00', descr: 'DriveTech 10', content: 'Booking request sent', contentDate: '09.04.2018, 09:35' }, { title: 'Repair: booking request sent', date: '11.04.2018, 08:00 - 12:00', descr: 'DriveTech 10', content: 'Booking request sent', contentDate: '09.04.2018, 09:35' } ]; export default class App extends Component { renderSectionTitle = (section) => ( <View style={styles.content}> <Text>{section.content}</Text> </View> ) renderHeader = (section) => ( <View style={styles.header}> <Text style={styles.headerText}>{section.title}</Text> <Text style={styles.date}>{section.date}</Text> <Text style={styles.decr}>{section.decr}</Text> </View> ) renderContent = (section) => ( <View style={styles.content}> <Text>{section.content}</Text> <Text>{section.contentDate}</Text> </View> ) render() { return ( <View style={styles.container}> <ScrollView ref={(c) => { this.list = c; }} contentContainerStyle={styles.contentContainer} style={styles.container}> <View style={styles.mainContent}> <Text>Main content</Text> </View> <Accordion sections={SECTIONS} renderHeader={this.renderHeader} renderContent={this.renderContent} /> </ScrollView> </View> ); } } const styles = StyleSheet.create({ mainContent: { height: 500, justifyContent: 'center', alignItems: 'center' }, container: { flex: 1 }, header: { backgroundColor: '#999999', padding: 10, height: 68 }, content: { padding: 10, height: 68 } });

даже без стейта должно работать по вашему?

при чем тут Экспо?

даже без стейта должно работать по вашему?

конечно

так и работает

загляните в исходный код Accordion.js в этой либе

если возвращаться к конструктиву, кейс интересный, 2 открытых issue у них в гите на эту тему. пока что только костылями можно. но я не смог

если возвращаться к конструктиву, кейс интересный, 2 открытых issue у них в гите на эту тему. пока что только костылями можно. но я не смог

1. ref не рекомендуют юзать 2. отступ нужен от ниженго контента?

не-а. отступ не нужен

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

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

вы там что машину времени собираете? =))) это я еще с налету не умею

так я тоже не умею) вот и спросил у учёных мужей

здрасссьте)) redux-persist и ваши волосы мягкие и шелковистые)

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

пишет же вроде что версию надо обновить походу

Народ помощь нужна) Пользуюсь react-navigation, root навигация в DrawerNavigator, в нем StackNavigator'ы со своими экранами. Переключаюсь на navigation.navigate('экран11') с экрана к примеру 'экран21' который не лежит в его StackNvgr, то он каждый раз вызывается N колличесво раз (1 + колличество прошлых вызовов).

вижу это только через консоль, визуально только тормоза)

Обновите версию плей сервисов до нужной в build.gradle

всем привет, юзает ли кто-то react-native-permissions?

Да

Всем привет. Такой вопрос, есть форма авторизации, запрос на сервер на валидность логин/пароль - я сделал, но нужно как то сохранить это состояние, что бы при каждом открытии приложения не запрашивать у пользователя логин/пароль. Для этого мне нужен redux? И может уже есть где то готовое что то, что б можно было подглядеть как это реализовать. Примерно в голове я представляю, что после авторизации, сервер отдает некоторый токен, сам сервер хранить этот токен и наверное дату его создания(что бы можно было понимать действителен ли этот токен) ну и приложение где то у себя должно его хранить, что бы при очередном запуске приложения, если есть токен отправить его на проверку серверу. Буду благодарен за ссылки, может на готовое что то похожее, либо статьи какие то, где рассказано как такое делать. Всем откликнувшимся, заранее Спасибо!

в рн куки автоматрм сохраняются

Здарова, с праздником всех. Тут такая проблема возникла: TabNavigator из ReactNavigation отрисовывает черный фон, во время перемещения между табами, как будто отключена анимация. При свайпах табов всё нормально анимируется, а вот при нажатии на таб, переход осуществляет не с промежуточной отрисовкой скрина, на который переходишь, а с черным фоном. Есть какое-нибудь решение данной проблемы? Перепробовал почти все пропс из таббара.

Здарова, с праздником всех. Тут такая проблема возникла: TabNavigator из ReactNavigation отрисовывает черный фон, во время перемещения между табами, как будто отключена анимация. При свайпах табов всё нормально анимируется, а вот при нажатии на таб, переход осуществляет не с промежуточной отрисовкой скрина, на который переходишь, а с черным фоном. Есть какое-нибудь решение данной проблемы? Перепробовал почти все пропс из таббара.

bottomToolbar как реализован?

bottomToolbar как реализован?

Дефолтный стоит. Скрытый таббар. По соседним экранам таба анимирование нормально идет, но вот если к примеру прыгнуть с 5го таба на первый, то анимирование кривое. То есть не продумана анимация между НЕсоседними табами.

Нет. Ничего не прописывал. Дефолтный на топе таббар стоит.

Верней скрыт.

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

А здесь же анимация у вас вобще отключена? При таком конфиге у меня идеально быстро отрисовывается прыжок, к примеру, с 5го таба на первый, но это только потому что анимирования нет.

С опцией lazy: false пробовал, по идее соседние скрины пререндерятся, но всё равно прыжок с НЕсоседнего скрина сопровождается черным фоном. Уже хочу попробовать wix rn navigation, что скажете? Он сможет такую проблему решить?

Нет. Ничего не прописывал. Дефолтный на топе таббар стоит.

Я им не пользовался. Возможно он эту решит проблему, но привнесет 10+ новых.

Я им не пользовался. Возможно он эту решит проблему, но привнесет 10+ новых.

Что-то боюсь wix rnn интегрировать в уже почти дописанное приложение. Кажется, много чего переписывать придется.

Они на странице у себя написали, мол, работают над абсолютно новой версией навигации, в отдельной ветке.

Дровлер для бокового меню, если я не ошибаюсь. У вас как навигация реализована в итоге?

Я работаю с календарем от wix и не сказал бы, что он очень хорош

Дровлер для бокового меню, если я не ошибаюсь. У вас как навигация реализована в итоге?

Да, дровер просто для бокового меню. Все остальные экраны как бы с табнавигаторе находятся, для того чтобы был пререндер.

А проблема на обоих платформах?

А проблема на обоих платформах?

Пока на ios нет возможности попробовать. Буду работать над ios, когда уже полностью напишу под Android. Приоритетная версия так сказать.

А проблема на обоих платформах?

Скорей всего на двух. Вангую. Просто в самом RN Navigation TabNavigator не продумана нормальная анимация именно между НЕсоседними табами и всё.

Пока на ios нет возможности попробовать. Буду работать над ios, когда уже полностью напишу под Android. Приоритетная версия так сказать.

У меня на iOS были проблемы с анимацией. Это одна из причин, почему я её отключил. Там при первоначальной загрузки приложения хаотичное перебрасывание между скринами было

При чем, этот баг вовсе незаметен, если таббар видимый.

При чем, этот баг вовсе незаметен, если таббар видимый.

Попробуйте импортировать tabbar как я показал

Еще они баг с двойным нажатием на props navigation navigate официально не пофиксили. На форумах куча нестандартных решений. Если два раза быстро нажимаешь на navigate('routeName'), то баг на лицо )

Еще они баг с двойным нажатием на props navigation navigate официально не пофиксили. На форумах куча нестандартных решений. Если два раза быстро нажимаешь на navigate('routeName'), то баг на лицо )

Типо двойного назад

?

Ну типа того. Утром написал свое решение тоже. Короче есть* к примеру список итемов... Каждый может перейти по нажатию на какой нибудь соседний скрин к примеру. Если очень быстро нажмешь два раза по этому итему, будет явный баг навигации.

Попробуйте импортировать tabbar как я показал

Из RN Navigation именно импортировать?

Ну типа того. Утром написал свое решение тоже. Короче есть* к примеру список итемов... Каждый может перейти по нажатию на какой нибудь соседний скрин к примеру. Если очень быстро нажмешь два раза по этому итему, будет явный баг навигации.

Я решил это хаком локальной переменной, при переходе которая переводится в состояние true

Из RN Navigation именно импортировать?

BottomToolbar - это обычный компонент, который я сам написал

BottomToolbar - это обычный компонент, который я сам написал

Получилось с имортом стандартного TabBarTop. Че то я не понял. Разве он не входит по дефолту для адроид в комплект RN TabNavigator? Правда, видно скрины, которые он перепрыгивает. Но все равно, так уже лучше чем черный фон. Спасибо.

У меня нижний бар оличается от стандартого. Поэтому мне он не подошел

Подскажите, а может ли приложение из-за каких-либо библиотек не устанавливаться на телефон, если оно собрано как unsigned?

С прошлым приложением не было проблем. А новое писал больше месяца, сейчас собираю релиз проверить просто, не устанавливается на телефон, хотя включена установка с неизвестных источников.

С прошлым приложением не было проблем. А новое писал больше месяца, сейчас собираю релиз проверить просто, не устанавливается на телефон, хотя включена установка с неизвестных источников.

ну так не устанавливается почему? синтактическая ошибка или что? установить через adb как вариант

ну так не устанавливается почему? синтактическая ошибка или что? установить через adb как вариант

Обязательно подписать оказывается нужно.

Установил с самоподписью. Нормально. Охренеть летает всё.

Я в шоке.

а ну правильно

ERROR: S client not available

делать по мануалу надо сразу и не будет проблем

в доке же написано как подписать

Всем привет, а кто-нибудь знает, как правильно хранить пароли на стороне клиента?

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

но тогда придется хранить и соль в базе :)

Всем привет, а кто-нибудь знает, как правильно хранить пароли на стороне клиента?

Правильно не хранить пароли на стороне клиента.

Если прям очень нужно, смотрите в сторону специального апи, например для андроида - https://developer.android.com/training/articles/keystore

для айоси, уверен, есть что-то подобное

ага понятно, спасибо

всем привет кто-то рабоатет в vim? Каким плагином пользуетесь для подсветки jsx синтаксиса? mxw/vim-jsx не все определяет (например не знает про <View>)

всем привет кто-то рабоатет в vim? Каким плагином пользуетесь для подсветки jsx синтаксиса? mxw/vim-jsx не все определяет (например не знает про <View>)

это моя любимая тема) здесь все мои конфиги под vim и neovim https://github.com/gHashTag/dotfiles

заточеный под разработку на React-Native

у тебя ведь тоже mxw/vim-jsx ?

у тебя ведь тоже mxw/vim-jsx ?

он тоже есть

спасибо за конфиг ??

в доке же написано как подписать

А при чем здесь это то? Я в курсе как подписывать ?. Я лишь не понял, почему другое приложение в виде неподписанного устанавливается, а текущее приложение - нет. Может какая то либа требует подписи и тому подобное. Это имел ввиду.

Всем привет, а кто-нибудь знает, как правильно хранить пароли на стороне клиента?

https://github.com/oblador/react-native-keychain

Доброе утро. Кто-то сталкивался с проблемой при использовании Tabs, Tab от Native Base: табы имеют различное количество элементов, соответственно они имеют разную высоту. И если прокрутить вниз самый короткий tab, то после него будет пустое белое место. Кто-то знает как это модно решить?

Всем привет. Кто работал с Lottie для RN?

Для lottie-react есть onComplete колбэк. Есть ли что-то такое для lottie-react-native? Или onComplete тоже должен по идее работать так же? Что-то из доки вообще ничего не очевидно ((

P.S. Кто не работал - крутая штука для анимаций на реакте. А вот с РН со сложными последовательностями анимашек и все такое чет вопросы. Хотя возможно что я где-то туплю.. https://www.lottiefiles.com/

?

@DenisIzmaylov когда след react native meetup?)

Собираем докладчиков:)

Эх, не застану я это время

Эх, не застану я это время

я хотел про ota обновления расказать)

OTA?

OTA?

over the air

А с прошлого митапа фоточки будут?)

over the air

Ни о чем не сказало)