Igor
Мария
меня бесит трести айфон. как для андроида эту проблему решить - я нашла, а для айфона нет
Igor
Kirill
хотрелоад на девайсах не доступен?
Мария
я правда не пробовала. у меня андроида нет :)
Igor
Когда работает) (но это бывает редко в сложных проекта с даггерами/binding/aop).
Есть похожее решение JRebel для Android, вроде там появилась бесплатная версия.
Igor
Я еще с kotlin не смог его подружить, а на java так же некомфортно, как на чистом js
Kirill
Кто-нибудь знает почему RN задепрекейтил и потом удалил поддержку <MapView />?
Кто-то пробовал https://github.com/airbnb/react-native-maps? какие впечатления?
Andrey
Aleksei
Kirill
о как! здорово
shashkov0
Ghost
Кто-нибудь добавлял today extension в приложение на react-native под ios?
Bako
Народ, можете скинуть ссылку примеры кодов react-native?
Sergey
в офф документации
Sergey
его там куча
Sergey
ну и 2 ссылка в гугле
Sergey
https://medium.com/the-react-native-log/5-open-source-react-native-projects-to-learn-from-fb7e5cfe29f2
Roman
а можно ScrollView заменить на FlatList?
Roman
или флетлист только для однородного контента, как листвью?
Roman
а можно ссылочку на такой же канал, но про ксс?
Vladimir
Kirill
Vladimir
Вроде нет
Vladimir
Они по моему даже в андроиде не в коробке идут
Cyber
Всем привет. Кто-нибудь из тех, кто работал с React-navigation, почему на iOS при переходе с одного скрина на другой накладываются header'ы друг на друга?
Oleg
Andrew Kiselev
+1 где-то даже презентация была с разбором почему так
Aleksei
Andrew Kiselev
Andrew Kiselev
Cyber
Andrew Kiselev
это действительно бага. Дело в том что react-nativigation имитирует нативные код. Если хочешь избжать этого, то тогда wix navigation поможет
Andrew Kiselev
еще можешь обернуть react-navigation в wix navigation - но есть ограничения. Плюс wix переписывает api и выпустит вторую мажорную версию
Andrew Kiselev
сможешь найти? плиз 🙏
https://medium.com/@ericvicenti/playing-with-react-navigation-and-airbnbs-native-navigation-4e49fc765489
Cyber
Спасибо большое. Буду пробовать..
Andrew Kiselev
в статье написано как обойти это
Maxim
Всем привет. Ни у кого не возникала ошибка: 'PropTypes is not defined' при использовании react-native-navigation на ios? На андроиде все работает хорошо.
Oleg
Andrew Kiselev
Не понял в чем баг
https://i.imgur.com/wZ6Awva.png
https://i.imgur.com/vUD9f7w.png
Oleg
Я вижу только то что не совсем идеально сделана анимация перехода. А хэдере накладываются и в нативном навигаторе. Это не баг а скорее недоработка.
Andrew Kiselev
имелось ввиду не title а headerLeft. В любом случае может в будущем поправят. Я доволен react-navigation, весь проект перевел на него.
Andrew Kiselev
https://twitter.com/EclipticWld/status/863076328219824129
Farrux
KlonD90
Что делать если запорол конфиг в андройде (
Roman
Скопируй js и react-native init
KlonD90
Спасибо
Aleksei
KlonD90
что-то на андройде все совсем грустно работает
KlonD90
догрузка происходит секунд 10 это при том то данные уже загружены. Имеет ли смысл использовать flat view?
KlonD90
ну 10 перегнул вот кручу я кручу в низ у мея небольшой список всего 25 статей и только при остановке начинается догрузка
KlonD90
а у медузы вроде все красиво (
Vladimir
Ну код то кинь
KlonD90
import React, {Component} from 'react';
import FeatureItem from './FeatureItem';
import {sourceSelector} from '../store/selectors';
import {FlatList, StyleSheet} from 'react-native';
import {connect} from 'react-redux';
const styles = StyleSheet.create({
list: {
flex: 1
}
});
class SourceList extends Component{
componentWillMount(){
this.props.dispatch(this.props.fetchAction());
}
render(){
return <FlatList
style={styles.list}
key={this.props.sourceName + "-list"}
data={this.props.data}
renderItem={({item, index}) => <FeatureItem item={item} key={this.props.sourceName+'-'+item.key} last={this.props.data.length -1 == index}/>}
/>
}
}
module.exports = connect(
(state, props) => ({
data: sourceSelector(state, props)
})
)(SourceList)
KlonD90
`
KlonD90
import React, {Component} from 'react';
import {Text, View, StyleSheet, Image, PixelRatio} from 'react-native';
import formatName from '../common/formats';
import dateFormat from '../common/dateFormat'
const styles = StyleSheet.create({
main: {
minHeight: 250,
flex: 1,
borderBottomColor: '#000',
},
notLast: {
borderBottomWidth: 1/PixelRatio.get()
},
titleContainer: {
marginTop: 15,
marginLeft: 15,
marginRight: 15,
marginBottom: 35,
flex: 1,
backgroundColor: 'transparent',
zIndex: 3,
},
title: {
fontSize: 21,
// lineHeight: 1.2,
fontWeight: '700',
color: '#fff',
flex: 1
},
additionalContainer: {
position: 'absolute',
left: 15,
right: 15,
bottom: 15,
backgroundColor: 'transparent',
zIndex: 3
},
additional: {
fontSize: 13,
color: '#999'
},
imageContainer: {
position: 'absolute',
left: 0,
top: 0,
right: 0,
bottom: 0,
backgroundColor: 'rgba(0, 0, 0, 0.5)',
zIndex: 2
},
image: {
position: 'absolute',
left: 0,
top: 0,
right: 0,
bottom: 0,
zIndex: 1
},
noImage: {
position: 'absolute',
left: 0,
top: 0,
right: 0,
bottom: 0,
backgroundColor: '#333',
zIndex: 1
}
});
export default class FeatureItem extends Component{
render(){
const item = this.props.item;
return <View style={[styles.main, this.props.last ? null : styles.notLast]}>
{
item.image ?
[
<View style={styles.imageContainer} key="view-image-backgorund"/>,
<Image style={styles.image} source={[{uri: item.image}]} resizeMode={'cover'} key="feature-image"/>
]
: [<View style={styles.imageContainer} key="view-image-backgorund"/>,<View style={styles.noImage} key="feature-news-layer"/>]
}
<View style={styles.titleContainer}>
<Text style={styles.title}>{item.data && item.data.numberTitle ? item.data.numberTitle + ' ': ''}{item['title']}</Text>
</View>
<View style={styles.additionalContainer}>
<Text style={styles.additional}>{formatName(item)} | {dateFormat(new Date(item.publish_date), 'day_month_year_time')}</Text>
</View>
</View>
}
}
`
KlonD90
или это у меня рендер сложный для нейтива?
Vladimir
Да вряд ли
Vladimir
Я бы на твоем месте на багтрекере бы покопался
Vladimir
FlatList это новая штука
KlonD90
а какую лучше использовать?
Vladimir
Ну я ListView использовал, например
KlonD90
возможно проблема в том что у меня зависит от элемента его высота :/ и он типа их не кэшит не приодится
KlonD90
все заново перевычислять чтобы понять где текущий элемент
Vladimir
Ну в этом есть логика, но даже если бы высота не зависела, то реакт не мог бы это знать, не отрендерив все строки
Gerc
какую ide используете для реакта?
Vladimir
Видел там есть getItemLayout на этот счет?
KlonD90
а там есть переменная
KlonD90
ага
KlonD90
ну она то упростила бы
Oleg
@klond90, это в дебаг режиме?
KlonD90
ага
KlonD90
а потом типа скомпилить летать будет?
KlonD90
Я на телефоне тестмрую своем