Size: a a a

React Native — русскоговорящее сообщество

2020 February 22

П

Паша Паксеев in React Native — русскоговорящее сообщество
Володимир Пашковський
Привет всем!
Подскажите, как мне при нажатии на картинку (Image - компонент) сделать ее на весь экран? Нашел react-native-lightbox, но чет не могу толком с размерами разобраться(((
Я бы сделал отдельный экран для отображения картинки на весь экран, и так же отдельный кликабелиный компонент отображения картинки, кторый бы вел на экран с фуллскрином
источник

П

Паша Паксеев in React Native — русскоговорящее сообщество
Смотря как задача стоит, конечно же
источник

ВП

Володимир Пашковський in React Native — русскоговорящее сообщество
Логично, попробую. А то  хотел через модалку сделать, не зашло мне)
источник

ВП

Володимир Пашковський in React Native — русскоговорящее сообщество
Паша Паксеев
Я бы сделал отдельный экран для отображения картинки на весь экран, и так же отдельный кликабелиный компонент отображения картинки, кторый бы вел на экран с фуллскрином
Спасибо за совет)
источник

П

Паша Паксеев in React Native — русскоговорящее сообщество
Если надо анимацию открытия картинки покруче, то можно сделать отображение фуллскрина не отдельным экраном, а компонентом, который будет оборачивать навигацию
источник

ВП

Володимир Пашковський in React Native — русскоговорящее сообщество
Паша Паксеев
Если надо анимацию открытия картинки покруче, то можно сделать отображение фуллскрина не отдельным экраном, а компонентом, который будет оборачивать навигацию
Примерно так я и представлял это, но пока не знаю как сделать)
источник

AK

Andrey Khomyn in React Native — русскоговорящее сообщество
Володимир Пашковський
Привет всем!
Подскажите, как мне при нажатии на картинку (Image - компонент) сделать ее на весь экран? Нашел react-native-lightbox, но чет не могу толком с размерами разобраться(((
Там может получиться проблема с тем; что картинка прийдёться 2 раза загружаться, из-за изменения размеров
источник

ВП

Володимир Пашковський in React Native — русскоговорящее сообщество
Andrey Khomyn
Там может получиться проблема с тем; что картинка прийдёться 2 раза загружаться, из-за изменения размеров
Пока она грузится только с галереи по uri
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Den
android
 LOG  start
LOG  - data.len -> 10367936
LOG  progress: 163 / 163
LOG  done
источник

D

Den in React Native — русскоговорящее сообщество
ого, сейчас посмотрю
источник

D

Den in React Native — русскоговорящее сообщество
@gblack9 спасибо!
источник

П

Паша Паксеев in React Native — русскоговорящее сообщество
Andrey Khomyn
Там может получиться проблема с тем; что картинка прийдёться 2 раза загружаться, из-за изменения размеров
FastImage умеет кешировать, можно его подключить
источник

AK

Andrey Khomyn in React Native — русскоговорящее сообщество
Паша Паксеев
FastImage умеет кешировать, можно его подключить
+++, полезная штука)
источник

ВП

Володимир Пашковський in React Native — русскоговорящее сообщество
Паша Паксеев
FastImage умеет кешировать, можно его подключить
Спасибо! Запомню!)
источник

D

Den in React Native — русскоговорящее сообщество
насчет аплоада, нашел что еще можно заюзать, если задача как у меня - отправить фоточку на сервер, - rn-fetch-blob, у него из коробки есть такая возможность

RNFetchBlob.fetch('POST', 'https://domain.com/upload', {
     //... some headers,
     'Content-Type' : 'octet-stream'
   }, RNFetchBlob.wrap(uri))
   // listen to upload progress event, emit every 100ms
   .uploadProgress({ interval : 100 },(written, total) => {
       console.log('- upload progress '+ written+' / '+total)
 })

и вот получаю

 LOG  - upload progress 10240 / 1948851
LOG  - upload progress 81920 / 1948851
LOG  - upload progress 471040 / 1948851
LOG  - upload progress 860160 / 1948851
LOG  - upload progress 1228800 / 1948851
LOG  - upload progress 1536000 / 1948851
LOG  - upload progress 1884160 / 1948851
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Den
насчет аплоада, нашел что еще можно заюзать, если задача как у меня - отправить фоточку на сервер, - rn-fetch-blob, у него из коробки есть такая возможность

RNFetchBlob.fetch('POST', 'https://domain.com/upload', {
     //... some headers,
     'Content-Type' : 'octet-stream'
   }, RNFetchBlob.wrap(uri))
   // listen to upload progress event, emit every 100ms
   .uploadProgress({ interval : 100 },(written, total) => {
       console.log('- upload progress '+ written+' / '+total)
 })

и вот получаю

 LOG  - upload progress 10240 / 1948851
LOG  - upload progress 81920 / 1948851
LOG  - upload progress 471040 / 1948851
LOG  - upload progress 860160 / 1948851
LOG  - upload progress 1228800 / 1948851
LOG  - upload progress 1536000 / 1948851
LOG  - upload progress 1884160 / 1948851
О! Интересно, учту на будущее!
источник

D

Den in React Native — русскоговорящее сообщество
источник

D

Den in React Native — русскоговорящее сообщество
вдруг кому нужно будет
источник

NL

Night Lovell in React Native — русскоговорящее сообщество
Всем привет, почему навигатор сразу не срабатывает а через определенное какоето время
источник

ДА

Данила Андреев in React Native — русскоговорящее сообщество
Night Lovell
Всем привет, почему навигатор сразу не срабатывает а через определенное какоето время
А если в then кинуть
источник