Size: a a a

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

2016 July 29

NK

ID:231425387 in React Native — русскоговорящее сообщество
да отлично всё
источник

AI

Alex Ilizarov in React Native — русскоговорящее сообщество
Кто-нибудь работал плотно с ReactNaive? Какие впечатления?
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Почему  img из movieData не выводится?
const movieData = {
 title: 'The Usual Suspects',
 img: 'http://i.imgur.com/lc15V.jpg',
 year: '1995',
};

class MyFirstApp extends Component {
 render() {
   return (
     <View style={styles.container}>
       <Hello />
       <Image style={styles.thumbnail} source={{uri: movieData.img}}/>
       <Text>{movieData.title}</Text>
       <Text>{movieData.year}</Text>
     </View>
   );
 }
}
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
А в styles.thumbnail что?
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Sergey Smyshlyaev
А в styles.thumbnail что?
thumbnail: {
   height: 80,
   width: 40
 }
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
Димка Реактнативный 🛸
thumbnail: {
   height: 80,
   width: 40
 }
На rnplay работает:
https://rnplay.org/apps/QD4aHg
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
Димка Реактнативный 🛸
thumbnail: {
   height: 80,
   width: 40
 }
А что в styles.container, стандартное как в примерах или что-то другое?
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Sergey Smyshlyaev
А что в styles.container, стандартное как в примерах или что-то другое?
container: {
   flex: 1,
   justifyContent: 'center',
   alignItems: 'center'
 },
});
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
Димка Реактнативный 🛸
container: {
   flex: 1,
   justifyContent: 'center',
   alignItems: 'center'
 },
});
Всё как на rnplay, получается.
Может у imgur какая-то защита от хотлинкинга срабатывает?
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
Попробуй написать логи в onLoad и onLoadEnd
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Sergey Smyshlyaev
Всё как на rnplay, получается.
Может у imgur какая-то защита от хотлинкинга срабатывает?
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
У меня синтаксис устарел?
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Вижу разницу с вашим rnplay
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
Скопировал код с gist на rnplay, всё работает:  https://rnplay.org/apps/4AsqIA
Видимо проблема с сетью при загрузке картинок.
Добавьте логи в Image в onLoad и в onLoadEnd, чтобы посмотреть, успешно загрузилась картинка или нет.
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Sergey Smyshlyaev
Скопировал код с gist на rnplay, всё работает:  https://rnplay.org/apps/4AsqIA
Видимо проблема с сетью при загрузке картинок.
Добавьте логи в Image в onLoad и в onLoadEnd, чтобы посмотреть, успешно загрузилась картинка или нет.
Не разу это не делал) Куда их?
<View style={styles.container}>
       console.log('onload started');
       <Image style={styles.thumbnail} source={{uri: movieData.img}} />
       console.log('onload finished');
       <Text>{movieData.title}</Text>
       <Text>{movieData.year}</Text>
     </View>
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
Димка Реактнативный 🛸
Не разу это не делал) Куда их?
<View style={styles.container}>
       console.log('onload started');
       <Image style={styles.thumbnail} source={{uri: movieData.img}} />
       console.log('onload finished');
       <Text>{movieData.title}</Text>
       <Text>{movieData.year}</Text>
     </View>
Как здесь, так же: https://rnplay.org/apps/4AsqIA
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
(я проапдейтил)
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Sergey Smyshlyaev
Как здесь, так же: https://rnplay.org/apps/4AsqIA
источник

SS

Sergey Smyshlyaev in React Native — русскоговорящее сообщество
Сорян, я логи перепутал, наоборот должно быть (https://facebook.github.io/react-native/docs/image.html#onload)
Проапдейтил rnplay:  https://rnplay.org/apps/4AsqIA
Короче, если всего один лог, то значит картинка не загрузилась. Дебаж на уровне сети. Вот тут советы как это делать на симуляторе айфона: http://stackoverflow.com/questions/11128362/how-to-monitor-network-calls-made-from-ios-simulator
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Sergey Smyshlyaev
Сорян, я логи перепутал, наоборот должно быть (https://facebook.github.io/react-native/docs/image.html#onload)
Проапдейтил rnplay:  https://rnplay.org/apps/4AsqIA
Короче, если всего один лог, то значит картинка не загрузилась. Дебаж на уровне сети. Вот тут советы как это делать на симуляторе айфона: http://stackoverflow.com/questions/11128362/how-to-monitor-network-calls-made-from-ios-simulator
Благодарю Сергей, буду разбираться. Вы прям живая энциклопедия по Реакту, а Фейсбук уже должен приплачивать вам за развите реактиного коммьюнити)))👍🏻
источник