Alexander
в отедьном файле определяем платформу/размер экрана устройства и в зависимости от этих данных определяем переменные для отступов, размеров текста и т.д. В процессе вёрстки, достаточно просто импортить нужные переменные
Alexander
1.
https://github.com/react-native-village/aws-amplify-react-hooks/blob/c5b1925eccdc610bb423b8fa2c4bcd9ea0a0f356/examples/reactNativeCRUD/src/constants.js#L21
2. Вручную надежнее всего. Поглядываю параметры в Фигме или Скетч
Irakliy
C лева как делается?
емнип, можно в текстИнпут и обернуть. типа:
<TextInput>
<Icon />
</TextInput>
но я не уверен. Видел где-то, но сам никогда так не делал
Макс
Roman
Использую https://github.com/react-native-community/react-native-cameraroll и вроде все работает хорошо, берутся uri фотки, могу отрендерить, но на ios на месте uri приходит ph//.... кто-нибудь знает как из ph//.... сделать валидную uri на фото в телефоне?
Anonymous
всем привет, подскажите ci/cd для автоматической сборки и прочей ерунды с rn и ios
Игорь
Игорь
Ой, нечайно ссылку сделал
Игорь
Походу я неверно в первой записи что-то делаю? Как развернуть обьект и заменить в нем значение ключа options
Yar
https://storybook.js.org/docs/guides/guide-react-native/
Сторибук, вроде, может подойти
🔥
да, это сторибук. только сторибук поддерживает много фреймов и либ, а не только один реакт
Maxim 📱 D
всем привет, подскажите ci/cd для автоматической сборки и прочей ерунды с rn и ios
ипользовал jenkins и gitlabCI, вообще подойдет любой ci который докер контейнер умеет запускать вроде
Anonymous
Kirill
всем привет, подскажите ci/cd для автоматической сборки и прочей ерунды с rn и ios
Azure Pipelines/GitHub Actions, если интересуют бесплатные с жирным лимитом.
Vadym
Ребята, привет. Начал разбираться с реакт нейтив недавно. Подскажите пожалуйста, как можно сделать левый сайдбар, но без навигации по скринах. Нужен сайдбар с настройками (кнопки, дропдауны и т.д.) .Начал копать в сторону Drawer navigation.
Игорь
Игорь
https://reactnavigation.org/docs/en/drawer-navigator.html
Игорь
Тут все детально
Vadym
@Vunderkinder сейчас почитаю, спасибо
Игорь
Игорь
Создаешь компонент по аналогии. Убираешь <DrawerItems {... Props /> и кладешь какие нужно компоненты во внутрь SafeArea
Игорь
А потом этот компонент кладешь в свойство contentComponent
Игорь
Товарищи. Мозг сломался(((
Почему в редьюсере запись return {...state, options: action.options} не работает - возвращается изначальный стейт, а запись Object.assign(action.options, state.options) отрабатывает верно?
Ребят, ну я не верю, что никто не знает) толкните на мысль. Что может быть не так. Гугл говорит что я верно синтаксически написал в первом варианте. Почему стейт приходит без изменений. А во втором вартанте все норм
Игорь
Хотя во втором варианте логичнее написать Object.assign({},state,options:action.options)
Игорь
Ну сути не меняет, у меня в стейте один ключ
Игорь
Почему {... State, options:action.options} не работает
Игорь
Блин
Andrei
Можешь закинуть скрин всего редьюсера?
Maxim 📱 D
+
Maxim 📱 D
Ребят, ну я не верю, что никто не знает) толкните на мысль. Что может быть не так. Гугл говорит что я верно синтаксически написал в первом варианте. Почему стейт приходит без изменений. А во втором вартанте все норм
https://blog.cloudboost.io/getting-started-with-react-native-and-redux-6cd4addeb29 вот гайд по редаксу если что
Игорь
Вообще у меня редакса нет. Хуки. Контекст.
Игорь
Ну это мало что меняет
Игорь
Сейчас
Игорь
Игорь
И так
Игорь
Maxim 📱 D
Игорь
Игорь
Maxim 📱 D
а если напишешь export default function тоже не будет работать?
Игорь
Редьюсер вызывается ведь. Дело не в импорте
Jasur
Всем привет
Vadym
Vadym
я пытаюсь сделать вызов дравера из компонента Page1
Vadym
сам компонент, который хочу разместить в дравере - SideMenu (тестовый)
Игорь
Тебе его нужно создать сперва
Игорь
В app.tsx
Игорь
CreateNavigationDrawer
Игорь
В него в качестве screen: передать твой стэкНавигатор
Игорь
И в аппКонтейнер запихнуть уже дровер
Игорь
Я щас не за компом
Игорь
Не могу код показать
Vadym
аа..
Vadym
ну у меня в аpp.tsx
import React from 'react';
import { StyleSheet, SafeAreaView, Platform } from 'react-native';
import {Page1} from "./src/pages/Page1/Page1";
import {Login} from "./src/pages/Login/Login";
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
const AppStack = createStackNavigator({
Login: Login,
Page1: Page1
},
{
initialRouteName: "Login",
headerMode: "none"
}
);
const AppContainer = createAppContainer(AppStack);
const App = () => {
return (
<AppContainer style={styles.container}/>
)
};
const styles = StyleSheet.create({
container: {
flex: 1,
paddingTop: Platform.OS === 'android' ? 25 : 0
},
});
export default App
Jasur
Jasur
Вообще как можно если есть другие способы ?
Oleg
https://www.androidauthority.com/microsoft-surface-duo-dual-screen-android-1076956/
Игорь
import React from 'react';
import { StyleSheet, SafeAreaView, Platform } from 'react-native';
import {Page1} from "./src/pages/Page1/Page1";
import {Login} from "./src/pages/Login/Login";
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
const Drawer = createDrawerNavigator({
Main: {
screen: AppStack
}
},
contentComponent: SideMenu)
const AppStack = createStackNavigator({
Login: Login,
Page1: Page1
},
{
initialRouteName: "Login",
headerMode: "none"
}
);
const AppContainer = createAppContainer(Drawer);
const App = () => {
return (
<AppContainer style={styles.container}/>
)
};
Игорь
Как смог)
Игорь
Не забудь скачать и импортировать библиотеку с дровером
Игорь
Это решение
Игорь
А не проблема
Игорь
Парню выше
Aleksei
Jasur
Игорь
вас не смущает что на одном скрине option а на другом options?
Быстро шлепал, проблема нк уходит
Игорь
Не
Vadym
import React from 'react';
import { StyleSheet, SafeAreaView, Platform } from 'react-native';
import {Page1} from "./src/pages/Page1/Page1";
import {Login} from "./src/pages/Login/Login";
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
const Drawer = createDrawerNavigator({
Main: {
screen: AppStack
}
},
contentComponent: SideMenu)
const AppStack = createStackNavigator({
Login: Login,
Page1: Page1
},
{
initialRouteName: "Login",
headerMode: "none"
}
);
const AppContainer = createAppContainer(Drawer);
const App = () => {
return (
<AppContainer style={styles.container}/>
)
};
Понял, спасибо.
А еще вопрос. А вызывать открытие дровера так: navigation.toggleDrawer(); ?
Игорь
Угу
Игорь
снэк сможете сделать чтобы воспроизвести можно было?
Завтра уже. У меня 2 часа ночи) спасибо за помощь
Bogdan
Подскажите либу, потиру реакт таблиц, есть такое?
Evgenii
господа у flat list есть фишка скролл ту индекс тока если ты знаешь высоту элемента. у меня приходит динамический контент . и я не могу его знать . что можно посоветовать если надо реализовать перемещения по списку
Jurij
Можно эти кастомизировать пробовать
https://www.npmjs.com/package/react-native-table-component
Anonymous
Колигс, почему apk в 4 раза тяжелее ipa?
Aynur