https://github.com/gHashTag/iSoulClub/blob/master/index.ios.js

Там какая-то хитрая либа Accordion, я её не использовал. Обращайся за советом к тому кто её знает (например через issues на гитхабе).

То что ты хочешь сделать прекрасно делается через <View> , <Text> и <Image>

То что ты хочешь сделать прекрасно делается через <View> , <Text> и <Image>

не пойму как это связать с аккордионом

не пойму как это связать с аккордионом

Возможно я неправильно понял, что именно ты хочешь сделать. Ты присылал только скриншоты.

Как-то странно у тебя картинка задана

Как-то странно у тебя картинка задана

<Image style={styles.backgroundImage}>{section.pic}><Text style={styles.headerText}>{section.title}</Text></Image> поправил

Это исправленный? )

<Image style={styles.backgroundImage} source={{uri: section.pic}}><Text style={styles.headerText}>{section.title}</Text></Image>

Это исправленный? )

да)

Ну ты фигню какую-то кинул, у меня действительно исправленный

Что-то мне не очень эта либа понравилась https://github.com/oblador/react-native-collapsible Зачем требовать от клиента описание в JSON (как в ExtSJ, лол) когда можно попросить подсунуть сами компоненты (свёрнутую и развёрнутую версию)

Что-то мне не очень эта либа понравилась https://github.com/oblador/react-native-collapsible Зачем требовать от клиента описание в JSON (как в ExtSJ, лол) когда можно попросить подсунуть сами компоненты (свёрнутую и развёрнутую версию)

я ее и юзаю)

Вот это: { title: 'First', content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui in tempore blanditiis maxime odio deleniti explicabo ipsa quidem pariatur quibusdam cum voluptate dolores, minima nesciunt harum molestias, nam quisquam facere.', pic: './img/marvell/marvell-0', } Надо менять на: { title: 'First', content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui in tempore blanditiis maxime odio deleniti explicabo ipsa quidem pariatur quibusdam cum voluptate dolores, minima nesciunt harum molestias, nam quisquam facere.', pic: require('./img/marvell/marvell-0'), } И тогда мой код надо поправить на: <Image style={styles.backgroundImage} source={section.pic}><Text style={styles.headerText}>{section.title}</Text></Image>

Ну и в SECTIONS все картинки надо реваерить. Сами они это не сделают

А еще было бы совсем здорово доки RN почитать, например

Дмитрий, у вас путь к картинке точно правильный? И да, почему у вас проект на десктопе лежит?

На рабочем столе лежит, работаю над ним, где еще ему лежать?

Это был тонкий намёк на то что такие вещи обычно замазывают

Это был тонкий намёк на то что такие вещи обычно замазывают

мы не шифруемся))) оупенсоурс

это нормально что у меня изображения загружаются только по https протоколу?

.jpeg нужно добавить к пути.

https://facebook.github.io/react-native/docs/pixelratio.html

flex: 1

контейнеру

flex: 1

пробывал не работает

если 5 элементов на экране - то высоту как высотаЭкрана/5

если 5 элементов на экране - то высоту как высотаЭкрана/5

каким атрибутом задается?

https://facebook.github.io/react-native/docs/dimensions.html

Dimensions.get('window').height

https://github.com/vitalets/react-native-extended-stylesheet#usage

https://github.com/vitalets/react-native-extended-stylesheet#usage

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

хз по идеи flex : 1 должен работать

мне больше ширина картики важна

ну картинка должна тоже иметь flex 1

<View style={{flex:1}}><Image style={{flex: 1}} ></Accordeon></Image></View>

ну картинка должна тоже иметь flex 1

задал картинке стиль и прописал в стиле <Image style={styles.header} source={section.pic}><Text style={styles.headerText}>{section.title}</Text></Image>

Во новую View вложить <Image style={styles.header} source={section.pic}><Text style={styles.headerText}>{section.title}</Text></Image> ?

<View style={styles.superView}> <Image style={styles.header} source={section.pic}><Text style={styles.headerText}>{section.title}</Text></Image> </View> superView: { flex: 1 }, header: { flex: 1, padding: 30 }, не работает

Тебе картинку растянуть? Там много способов: https://facebook.github.io/react-native/docs/image.html#resizemode

Тебе картинку растянуть? Там много способов: https://facebook.github.io/react-native/docs/image.html#resizemode

этот путь в первую очередь прошел) не работает

этот путь в первую очередь прошел) не работает

Тебе что сделать-то надо?

Тебе что сделать-то надо?

картинку по ширине на всех устройствах 100%

в хедере аккордиона

картинку по ширине на всех устройствах 100%

А по высоте обрезать?

А по высоте обрезать?

пропорционально ширине

А что если устройство очень длинное? Белые пятна сверху и снизу?

как в пятерке

А что если устройство очень длинное? Белые пятна сверху и снизу?

Бэкгаунд позже сделаю)))

Растяни Image в родительском контейнере на 100% по ширине.

Растяни Image в родительском контейнере на 100% по ширине.

как?

https://facebook.github.io/react-native/docs/flexbox.html

alignItems: stretch в родительском контейнере.

Разберись с флексбоксом, а то про каждый элемент будешь в чатике спрашивать.

alignItems: stretch в родительском контейнере.

пробывал первым делом

Вставил header: { flex: 1, padding: 30, alignItems: 'stretch' }, а толку от этого нет

Почему толку нет? У тебя Image по ширине растянулся на 100%?

Народ, а поделитесь лучше опытом о том как вы запилили на react native что-то и потом волосы на жопе от отчаяния рвали

Про то, как оно хорошо можно про каждую технологию прочитать

Про то, как оно хорошо можно про каждую технологию прочитать

Вы случаем не тот Максим Лапшин, продвинутый рубист?

Вы случаем не тот Максим Лапшин, продвинутый рубист?

Я только знаю Максима Лапшина из erlyvideo, рубистов не знаю.

Впрочем, продвинутых рубистов наверное немало.

В 2009-ом помню как с ним в гугл-группе рубистов руби изучал)))

В 2009-ом помню как с ним в гугл-группе рубистов руби изучал)))

Так же заствлял всех твой код линтить?

У Image стоит flex: 1?

У Image стоит flex: 1?

да https://github.com/gHashTag/iSoulClub/blob/master/index.ios.js

Так же заствлял всех твой код линтить?

меня тогда программист на 1500$ кинул. Правда оставив мне движок социальной сети на ruby. Пришлось вникать самому) С Лапшином в том числе.

@gHashTag в общем: чтобы разобраться в твоей проблеме, нужно знать как внутри строит вёртску этот твой Accordion. Чтобы понять что и насколько там растягивается попробуй метод цветных квадратов - делай View с бэкграундами разного цвета и смотри какой насколько растягивается. Если брать задачу "растянуть по ширине в родительском контейнере" то она решается через {flexDirection: column, alignItems: stretch}. Удачи!

@gHashTag в общем: чтобы разобраться в твоей проблеме, нужно знать как внутри строит вёртску этот твой Accordion. Чтобы понять что и насколько там растягивается попробуй метод цветных квадратов - делай View с бэкграундами разного цвета и смотри какой насколько растягивается. Если брать задачу "растянуть по ширине в родительском контейнере" то она решается через {flexDirection: column, alignItems: stretch}. Удачи!

header: { flex: 1, padding: 30, flexDirection: 'column', alignItems: 'stretch' }, все там же буду писать issue на github написавшим аккордион и пробывать цветные квадраты

да, я раньше на руби писал и до сих пор мейнтенер гуглогруппы

да, я раньше на руби писал и до сих пор мейнтенер гуглогруппы

рад вас вновь встретить, спустя семь лет))

хорошо =) Но я не знаю, кто вы

хорошо =) Но я не знаю, кто вы

Один из Ваших учеников)))

прекрасно =)

http://www.reactnativediary.com/2016/06/23/navigation-examples-1.html

По React js чат подобный есть?

@react_js

Ребят, может кто-то подскажет как отслеживать закрытие окна браузера без onbeforeunload? Точнее что бы без стандартного диалогового окна "Do you want to close this window”?

На вебсокетах можеш попробовать попинговать

На вебсокетах можеш попробовать попинговать

это где?)

Если на сервере нужно знать

Если на клиенте то вариков вероятно нет

Ребят, может кто-то подскажет как отслеживать закрытие окна браузера без onbeforeunload? Точнее что бы без стандартного диалогового окна "Do you want to close this window”?

А вы там случайно не OAuth делаете? Если что, для всех стандартных провайдеров либы уже готовы.

Добрый день всем, может кто подсказать у меня с сервера данные приходят в xml, какую библиотеку лучше взять для конвертации в объект для react native или как вообще такой ответ лучше разобрать?

Добрый день всем, может кто подсказать у меня с сервера данные приходят в xml, какую библиотеку лучше взять для конвертации в объект для react native или как вообще такой ответ лучше разобрать?

Самый правильный вариант - на сервера отдавать JSON

Почти любое апи умеет отдавать данные как хмл так и в джейсон

Если сам пишешь сервре - то еще проще

Добрый день всем, может кто подсказать у меня с сервера данные приходят в xml, какую библиотеку лучше взять для конвертации в объект для react native или как вообще такой ответ лучше разобрать?

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

Да к сожалению не мой случай, сервер писал не я и отдаёт он только хмл, ладно спасибо будем думать