звучит как признание в онанизме/алкоголизме

https://twitter.com/chicoxyzzy/status/746000050527027200

А в чём отличие? Картинка в бэкграунде + другое количество секций?

Ставишь у секций прозрачный бэкграунд, добавляешь картинку в бэкграунд контейнера.

Прозрачный бэкграунд - rgba(0,0,0,0)

style={{backgroundColor: rgba(0,0,0,0)}}

По поводу бэкграунда в контейнере - элемент Image может использоваться как контейнер.

source={require('./img/marvell')}

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

Тэг Accordion не закрыт

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

Я его не открывал ни разу, если честно...

Неправильно выразился... Там треугольной скобки закрывающей не хватает. <Accordion><Image/> </Accordion>

scrollview не закрыт

этот чат - интересная реализация линтера

:)

Можно и так :)

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

сейчас я пока только додумался брать Demensions и кидать width and height в функцию которая генерирует стили

Что это за json вообще?

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

То что ты хочешь сделать прекрасно делается через <View> , <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, лол) когда можно попросить подсунуть сами компоненты (свёрнутую и развёрнутую версию)

Вот это: { 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

контейнеру

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

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

Dimensions.get('window').height

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У Image стоит flex: 1?

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

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

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

прекрасно =)

@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.

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

"x2js": "^2.0.0" https://github.com/abdmob/x2js

Использовал в точно такой же ситуации, легаси сервер отдавал xml, а клиент - ionic app

народ, а кто-нибудь на андроиде то это юзает?