ребят а это нормально в реакте, что я по умолчанию не могу присвоить класс React компоненту снаружи как в Vue?
<Button className="outsideClass">text</Button> // так не работает
будет работать если внутри компонента сделать так:
<button className={`button ${this.props.className}`}>{children}</button>
что не очень привычно и удобно после Vue, если в каждом компоненте это прописывать, ведь проще же к компоненту класс добавить, например если нужно его отцентрировать или дополнительный стиль кинуть в одном каком-то месте чем обертку делать
Это как-то относится к реакт нетиву? или это вопрос про реакт?
Anonymous
Mike
в группе реакт не отвечают(
Mike
Потому что нужно поменять мышление немного
да, конечно, я думал об этом, но я хочу использовать css модули
Andrei
css modules в react-native?
%username% 🍺
да, конечно, я думал об этом, но я хочу использовать css модули
Вы запутались, css модули как раз созданы для того, чтобы вы вот так вот не делали.
%username% 🍺
Идите в веб чат, тут это оффтоп
Andrei
className пропсом вроде валидный кейс в css modules
Leo
Здравствуйте , ребят . Помогите по реакт нативу , у кого есть время .. Я новенький. пытаюсь спарсить данные с api прогноза погоды на экран. В коносль вывожу все данные без проблем, но как пытаюсь вывести на экран , выдает постоянно - undefined is not an object (evaluating 'this.state.todos.weather[0]') .
и да, делаю все на сайте snack.expo.io . То , что закомментил с console.log , работает. а ниже , вывод на экран - нет.
вот код
import React, { Component, createElement } from 'react';
import {
StyleSheet,
Text,
View,
Image,
ImageBackground,
ActivityIndicator
} from 'react-native';
class App extends Component {
constructor(props) {
super(props);
this.state = {
todos: {},
isLoading: true,
};
}
componentDidMount = async () => {
fetch(
'https://api.openweathermap.org/data/2.5/weather?q=tbilisi,ge&units=metric&apikey=76dc3c2357c096b0f5e4ae5490f7f2be'
)
.then(res => res.json())
.then(data => {
this.setState({ todos: data });
// const data = this.settState({todos: data})
// console.log(data.coord.lon)
// console.log(data.coord.lat);
// console.log(data.weather[0].main);
// console.log(data.weather[0].description);
})
.catch(error => console.error(error))
.finally(() => {
this.setState({ isLoading: false });
});
};
render() {
// const { data, isLoading } = this.state;
return (
<View>
<Text>
{this.state.todos.weather[0].description}
</Text>
</View>
);
}
}
Daniil
Почитай про лайфсайкл
Leo
Хорошо, спасибо большое, пойду почитаю
Oleksandr
а еще лучше как работают промисы в JS
Leo
Хорошо.Спасибо ребят
Aleksandr
Хорошо.Спасибо ребят
На момент первого рендера здесь undefined - {this.state.todos.weather[0].description}, если по простому, данные будут позже, асинхронно.
Danil
кто нибудь делал полноэкранные переходы, как в навигации? хочу заюзать в компаунд паттерне
Gevorg
Jurij
А разве в react native есть альтернатива styled-components? :)
Jurij
Там же урезанная верстка на основе их. Никаких css/scss модулей
Jurij
Или в опросе имеется ввиду писать стили прямо в style в jsx не вынося в отдельный компонент?
dan
А разве в react native есть альтернатива styled-components? :)
styled-components работает и в react-native.
Jurij
styled-components работает и в react-native.
И спросил "РАЗВЕ есть альтернатива [им]?"
Tender
еще раз привет, может быть кто-то делал fullscreen в react-native-video на android?
Там висит пул реквест с реализацией фулскрина для андроид, но очень кривой, в моем случае со скроллвью с несколькими видео только похерило контролы. Его включили в 5.0.1-alpha1, можешь глянуть.
Я в итоге использую Video из expo-av, expo unimodules и так уже были в проекте.
Олег
Там висит пул реквест с реализацией фулскрина для андроид, но очень кривой, в моем случае со скроллвью с несколькими видео только похерило контролы. Его включили в 5.0.1-alpha1, можешь глянуть.
Я в итоге использую Video из expo-av, expo unimodules и так уже были в проекте.
Спасибо, я уже обновился до альфы. Реализация кривейшая, внутри модального окна не работает и все равно надо допиливать… фича стандартная, а в рн нету, норм че))
Олег
Там висит пул реквест с реализацией фулскрина для андроид, но очень кривой, в моем случае со скроллвью с несколькими видео только похерило контролы. Его включили в 5.0.1-alpha1, можешь глянуть.
Я в итоге использую Video из expo-av, expo unimodules и так уже были в проекте.
expo к сожалению нету в проекте, даже не знаю, что выбрать...
Korg
Alexsandr
Ilya
༼ つ ◕_◕ ༽つ
Ilya
По удаляй ненужные зависимости с package.json удали папку node_modules и переустанови всё
Окей, сейчас попробую, спасибо
Anonymous
Ребят я через expo делаю build на Android. Но у меня выходит ошибка set expo_debug=True я так и не понял как мне установить флаг на True. Помогите..
Anonymous
Ilya
Ребят я через expo делаю build на Android. Но у меня выходит ошибка set expo_debug=True я так и не понял как мне установить флаг на True. Помогите..
Попробуй через powershell билд запустить, мне помогало при такой же ошибке
Ilya
По удаляй ненужные зависимости с package.json удали папку node_modules и переустанови всё
Попробовал, всё равно всё висит, есть ещё варианты?)
Anonymous
👁
всем привет
пытаюсь очень быстро (раз в 50 мс) отправлять ивенты из native module на swift
приложение практически вешается
как решать такую задачу?
Alex
Как дебажить http запросы?
Alex
Установил react-native-debugger, во вкладке "Network" не отображаются
Alex
Остается только в инспекторе смотреть?
Gena
всем привет
пытаюсь очень быстро (раз в 50 мс) отправлять ивенты из native module на swift
приложение практически вешается
как решать такую задачу?
Что профайлер говорит (нативный профайлер)?
Gena
Ну, т.е. отвечая на вопрос "как решить", вот так:
1. Профилировать. Определить где "затык"
2. Подумать как его избежать... агрегацией, поллингом с агрегацией, ещё как-то...
3. Реализовать. Перейти к п.1
Aleksei
Господа а кто что использует для разделения/получения праметров зависимых от окружения?
tdesc
page not found
Shaxboz
Shaxboz
Shaxboz
Shaxboz
как я могу это исправит?
Shaxboz
если я выключаю NavigationService.reset('tabs',0) , все работает нормально
Gena
если я выключаю NavigationService.reset('tabs',0) , все работает нормально
Иии? Неужели не очевидна причина?
Sergey
Привет, скажите пожалуйста кто чем пользуется для автоматической сборки и дистрибьюции приложений?
Philip
༼ つ ◕_◕ ༽つ
Serhii
Всем привет, кто-то работал с GiftedChat? Я не могу кастомный Bubble отрендерить, не понимаю как правильно это сделать, хотя вроде просто импортнул его из примера в документации
renderBubble={(props) => {
return (
<CustomBubble {...props}/>
);
}}
Denis
Нет
А если вдруг темную тему придётся делать?) Со styled будет намного проще. К тому же если в компонентах примеряются разные стили в зависимости от conditional, то будет намного чище компонент
Ivan
А если вдруг темную тему придётся делать?) Со styled будет намного проще. К тому же если в компонентах примеряются разные стили в зависимости от conditional, то будет намного чище компонент
по поводу темы - проще react-native-extended-stylesheet использовать
Gena
А если вдруг темную тему придётся делать?) Со styled будет намного проще. К тому же если в компонентах примеряются разные стили в зависимости от conditional, то будет намного чище компонент
А если в принципе в самом приложении темы делать придется независимо от системной? Нее... стили лучше целиком самому контролировать. Их, где надо можно и в "state" (не redux, а абстрактно в стейт) запихнуть и сделать динамическими...
Gena
Т.е. я понимаю... подсветка в редакторе, компактнее и красивше... но еслиб всё это хотя бы бесплатно было (на стадии сборки проекта) то ок ещё... а так, как сделаны styled, они ещё и жутко тормозные.
ana 🪢
А если вдруг темную тему придётся делать?) Со styled будет намного проще. К тому же если в компонентах примеряются разные стили в зависимости от conditional, то будет намного чище компонент
У вас с композицией что-то не то, если существуют грязные компоненты)
Denis
Я имею ввиду подобные записи
Ivan
На много ли реакт native отличается от react front-endа ?
ana 🪢
Я имею ввиду подобные записи
У нас хорошо работает связка classnames + css modules, как в примере никто и не пишет
ana 🪢
В React Native вы прям в класс стилизации можете переменную передать
ana 🪢
Это же такой же js файл
ana 🪢
Мне кажется, так писали года 2-3 назад)
Denis
react-native-classnames? Мы просто обычно использовали styled
ana 🪢
Просто classnames
Mike
ребят помогите с проблемой организации стора:
есть папка store, в ней лежат глобальные редюсеры, селекторы, экшены, константы. так же эти вещи есть в фичах, но их в пример я не привожу.
все дело в том, что у меня не получается грамотно организовать все это. я хочу, чтобы у меня был глобальный стейт и в нем были разные параметры, например theme:
state = {
theme: 'light'
}
и используя селекторы я хочу получить конкретное свойство из стейта, к прмеру:
const theme = useSelector(selectors.theme)
хочу, чтобы в переменной theme лежало значение state.theme, но по факту получается так: theme.theme
я скинул песочницу, посмотрите пожалуйста, может я криво rootReducer описал или еще что, или же я не правильно селекторами пользуюсь, хотя смотрел несколько док с использованием селекторов...
вот песочница https://codesandbox.io/s/charming-murdock-4zutc?file=/src/App.jsx
в App.jsx я как раз и вывожу переменную с темой
ana 🪢
Вообще нет
ana 🪢
)