Aleksandr
@MatteProxy
Джон
Ребят, а была у кого-то проблема, когда в FlatList не показывается картинка, если по uri? Через require нормально всё..
Джон
react-native link
Brown
Ага вот еще https://stackoverflow.com/questions/32441963/how-to-use-formdata-in-react-native
Brown
https://www.google.ru/search?q=react+native+formadata+upload+image&oq=react+native+formadata+upload+image&aqs=chrome..69i57.19483j0j7&sourceid=chrome&ie=UTF-8
Джон
Ага вот еще https://stackoverflow.com/questions/32441963/how-to-use-formdata-in-react-native
у меня была проблема в том что я передавал uri, и он строкой передавался на сервер, вместо того чтобы передать сам файл
Brown
formdata.append("product[images_attributes[0][file]]", {uri: photo.uri, name: 'image.jpg', type: 'multipart/form-data'})
Brown
headers: { 'Content-Type': 'multipart/form-data', },
Brown
Вот так примерно было?
Brown
заголовок верный был?
Danil
Кто сталкивался с переиспользованием компонентов в нескольких приложениях? Какой лучший путь решения данной проблемы?
Danil
Видел что люди делают это через https://github.com/insin/nwb
Danil
причем тут RN?
https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb
Danil
Читай
Aleksei
и
Danil
Ок, переформулирую. Как переиспользовать компоненты между RN приложениями? Видел что React разработчики это делают через nwb.
Aleksei
просто берешь и переиспользуешь, не надо ничего упаковывать, не надо делать компиляцию
Aleksei
немного сложнее если это нативный компонент
Rostyslav
ребят
Rostyslav
подскажите
Rostyslav
Rostyslav
типа аватарка
Rostyslav
и при клике на нее
Rostyslav
выбрать фото из галереи?
Rostyslav
это CameraRoll?
Danil
1. https://snack.expo.io/HJ8V8GXPW 2. https://snack.expo.io/BJFU8Gmw-
Danil
Danil
Danil
Почему fontWeight может игнорироваться когда flex: 1 не задан?
Egor
Баг наверное
Albert
Всем привет! Подскажите можно ли как анимировать появление экрана на reset action в react-navigation?
Danil
Ребят, вы используете TabBarIOS или что-то свое пишете?
Jaroslav
Всем привет. "undefined is not an object" при попытке импортировать кастомный нативный модуль на Java. ########### MainActivity.java #################### package com.zeromobile; import com.facebook.react.ReactActivity; import com.zeromobile.portscanner.PortScannerPackage; public class MainActivity extends ReactActivity { @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), new PortScannerPackage() ); } @Override protected String getMainComponentName() { return "ZeroMobile"; } } ############# MainApplication.java ################### package com.zeromobile; import android.app.Application; import com.facebook.react.ReactApplication; import com.facebook.react.ReactNativeHost; import com.facebook.react.ReactPackage; import com.facebook.react.shell.MainReactPackage; import com.facebook.soloader.SoLoader; import com.zeromobile.portscanner.PortScannerPackage; import java.util.Arrays; import java.util.List; public class MainApplication extends Application implements ReactApplication { private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { @Override public boolean getUseDeveloperSupport() { return BuildConfig.DEBUG; } @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), new PortScannerPackage() ); } }; @Override public ReactNativeHost getReactNativeHost() { return mReactNativeHost; } @Override public void onCreate() { super.onCreate(); SoLoader.init(this, /* native exopackage */ false); } } ########## PortScanner.java ##################### package com.zeromobile.portscanner; import com.facebook.react.ReactPackage; import com.facebook.react.bridge.JavaScriptModule; import com.facebook.react.bridge.NativeModule; import com.facebook.react.bridge.ReactMethod; import com.facebook.react.bridge.ReactApplicationContext; import com.facebook.react.uimanager.ViewManager; import com.facebook.react.bridge.ReactContextBaseJavaModule; import java.util.ArrayList; import java.util.Collections; import java.util.List; public class PortScannerModule extends ReactContextBaseJavaModule { public PortScannerModule(ReactApplicationContext reactContext) { super(reactContext); } @Override public String getName() { return "PortScanner"; } @ReactMethod public String isItWork() { return 'YES'; } } public class PortScannerPackage implements ReactPackage { @Override public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) { List<NativeModule> modules = new ArrayList<😠); modules.add(new PortScannerModule(reactContext)); return modules; } @Override public List<Class<? extends JavaScriptModule» createJSModules() { return Collections.emptyList(); } @Override public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) { return Collections.emptyList(); } } ####################### portscanner.js ################################ 'use strict'; import { NativeModules } from 'react-native'; module.exports = NativeModules.PortScanner; ###################### где-то в аппке ############################# import { PortScanner } from './portscanner' console.log(PortScanner);
Jaroslav
всё делал согласно офф документации
Brown
Всем привет. "undefined is not an object" при попытке импортировать кастомный нативный модуль на Java. ########### MainActivity.java #################### package com.zeromobile; import com.facebook.react.ReactActivity; import com.zeromobile.portscanner.PortScannerPackage; public class MainActivity extends ReactActivity { @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), new PortScannerPackage() ); } @Override protected String getMainComponentName() { return "ZeroMobile"; } } ############# MainApplication.java ################### package com.zeromobile; import android.app.Application; import com.facebook.react.ReactApplication; import com.facebook.react.ReactNativeHost; import com.facebook.react.ReactPackage; import com.facebook.react.shell.MainReactPackage; import com.facebook.soloader.SoLoader; import com.zeromobile.portscanner.PortScannerPackage; import java.util.Arrays; import java.util.List; public class MainApplication extends Application implements ReactApplication { private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { @Override public boolean getUseDeveloperSupport() { return BuildConfig.DEBUG; } @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), new PortScannerPackage() ); } }; @Override public ReactNativeHost getReactNativeHost() { return mReactNativeHost; } @Override public void onCreate() { super.onCreate(); SoLoader.init(this, /* native exopackage */ false); } } ########## PortScanner.java ##################### package com.zeromobile.portscanner; import com.facebook.react.ReactPackage; import com.facebook.react.bridge.JavaScriptModule; import com.facebook.react.bridge.NativeModule; import com.facebook.react.bridge.ReactMethod; import com.facebook.react.bridge.ReactApplicationContext; import com.facebook.react.uimanager.ViewManager; import com.facebook.react.bridge.ReactContextBaseJavaModule; import java.util.ArrayList; import java.util.Collections; import java.util.List; public class PortScannerModule extends ReactContextBaseJavaModule { public PortScannerModule(ReactApplicationContext reactContext) { super(reactContext); } @Override public String getName() { return "PortScanner"; } @ReactMethod public String isItWork() { return 'YES'; } } public class PortScannerPackage implements ReactPackage { @Override public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) { List<NativeModule> modules = new ArrayList<😠); modules.add(new PortScannerModule(reactContext)); return modules; } @Override public List<Class<? extends JavaScriptModule» createJSModules() { return Collections.emptyList(); } @Override public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) { return Collections.emptyList(); } } ####################### portscanner.js ################################ 'use strict'; import { NativeModules } from 'react-native'; module.exports = NativeModules.PortScanner; ###################### где-то в аппке ############################# import { PortScanner } from './portscanner' console.log(PortScanner);
https://gist.github.com/
Gerc
https://m.geektimes.ru/post/291783/
Andrew Kiselev
>> Вводимые изменения затронут как топы приложений, так и поиск. Топовые приложения -- ха-ха, не смешите мои тапочки 🙂
Dmitry
Привет всем! Я пишу приложение на RN с использоваеним Expo XDE. Вопрос следующий - можно ли как-то поднять HTTP-сервер в приложении, не делая `exp detach`? Нагуглил несколько готовых библиотек, но для их использования надо дописывать нативный код для iOS/android, а для этого надо отвязаться от XDE, чего я хотел бы избежать. Думал, что может удастся реализовать такую либу самому, но в доках Expo и RN Native Modules ничего не нашёл. Но может я что-то пропустил. В принципе даже не обязательно http использовать. Подойдет любой другой протокол, позволяющий слушать порт (слать и принимать в сокет текст/файлы)
Albert
Всем привет! Подскажите можно ли как анимировать появление экрана на reset action в react-navigation?
Andrew Kiselev
а почему просто не поднять http сервер локально или на каком-нибудь heroku?
Dmitry
По задумке мобильные приложения должны обнаруживать друг друга в одной сети
Andrew Kiselev
mode? https://reactnavigation.org/docs/navigators/stack#StackNavigatorConfig
Andrew Kiselev
так сходу не скажу возможные решения
Джон
Всем привет! Подскажите можно ли как анимировать появление экрана на reset action в react-navigation?
Нет, но можно сделать костыль — переходить на пустой экран (или какой-то экран со спиннером) и потом делать ресет
Джон
Либо просто сделать обертку для следующего экрана, которая санимирует какой-нибудь fade in, чтобы он не так резко появлялся..
Dmitry
По задумке мобильные приложения должны обнаруживать друг друга в одной сети
Ну или есть ли ещё решения для реализации такой задумки? Я могу поднять сервер на heroku и через него общаться, но как понять, что приложения в одной сети находятся?
Anonymous
гайз, а есть чат для вакансий чисто по react native?
Albert
гайз, а есть чат для вакансий чисто по react native?
@mobile_jobs Вот чат для вакансий по моб разработке, иногда бывают и по RN.
Anonymous
спасибо)
Vlad
Редакс?
Andrew Kiselev
https://i.imgur.com/lwpqQQP.png
Andrew Kiselev
Кирилл
Andrew Kiselev
для чего?
Джон
блин react-navigation это всегда боль
Andrew Kiselev
кажется для твоей задачи есть https://reactnavigation.org/docs/routers/api
Andrew Kiselev
ага
Andrew Kiselev
да, похоже custom
Джон
Привет, посмотри в гугле про screenProps
Джон
может поможет в этой ситуации..
Джон
Джон
вот что-то подобное
Джон
могу весь файл показать, если интересно..
Michail
Всём привет
Michail
MVP: Подскажите какие вопросы задать человеку по React Native? Какие то точки показывающие скилы миддла уже а не джуниора. Уже на первый случай что говорят опыт есть но кода показать не могут 😕
Джон
я не совсем понял что тебе нужно, но могу сказать, что если тебе нужны пропсы навигатора, который на уровень выше, то берешь из props.screenProps.navigator, а если надо прыгать по текущему стеку, то props.navigation. Но в первом случае только reset можно вроде как..
Джон
Ну и смотреть как чувачок напишет это всё
Джон
Ребят, как посоветуете работать с веб-сокетами? Где подключаться и где хендлить месседжи? (юзаю redux-saga)
Джон
При получении обновлений во ws надо менять стор
Джон
тут не подскажу, не силён ) каждый раз страдаю с этим навигатором
Джон
Ну я их юзаю для того6 чтобы прыгать по стекам верхнего уровня, например AuthStack и AppStack
Джон
А почему не создать стек и не передать его в screen?
Джон
Ну там есть StackNavigator DrawerNavigator и TabsNavigator
Джон
я про них
Michail
В таких случаях решается тестовым заданием.. И там предусмотреть работу с API, redux. Вроде так..
Ну с браузерным React или любой другой либой - там как ьо просто развернуть с нуля приложение с тестовым заданием, ну а тут кажется долго
Джон
почему, не дольше, думаю ) если чувак работал с рн, то у него должна быть какая-то заготовка