Я работаю над плоским списком, чтобы добавить простой текст. Я новичок в React Native. Каждый раз, когда я запускаю приложение, я получаю один и тот же экран. Я получаю тот же экран, который по умолчанию установлен в app.js. Я сделал один класс компонентов BasicFlatList. Мой код
import React, { Component } from 'react';
import { AppRegistry, FlatList, StyleSheet, Text, View } from 'react-native';
import flatListData from '../data/flatListData';
class FlatListItem extends Component {
render() {
return (
<View style = {{ flex: 1, backgroundColor: this.props.index % 2 == 0 ?
'mediumseagreen': 'tomato' }}>
<Text style = {styles.flatListItem}>
{this.props.item.name}</Text>
<Text style = {styles.flatListItem}>
{this.props.item.foodDescription}</Text>
</View>
);
}
}
const styles = StyleSheet.create({flatListItem: {color: 'white',
padding: 10,fontSize: 16,} });
export default class BasicFlatList extends Component {
render() {
return (<View style = {{flex: 1, marginTop: 22}}>
<FlatList data = {flatListData}
renderItem = {({item, index})=>{
return (
<FlatListItem item = {item} index = {index}>
</FlatListItem>);
}}>
</FlatList>
</View>
); } }
and then i made data folder in which i make a file flatListData. in this i have added the data.
и в index.js я добавил BasicFlatList. мой код
import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import BasicFlatList from './components/BasicFlatList';
AppRegistry.registerComponent('Flatlist', () => BasicFlatList);
да, конечно, я отредактировал свой код. пожалуйста, пройдите это сейчас
Если у вас возникли проблемы с пониманием кода, пожалуйста, дайте мне знать
используйте FlatList вот так,
<FlatList
data = {flatListData}
renderItem = {({ item, index }) => (
<FlatListItem
item = {item},
index = {index}
/>
)}
/>
я использую это ничего не произошло.
Я получаю то же самое, чтобы отреагировать на собственный экран. Я даже удаляю файл app.js, но ничего не меняется.
@shabnamsingh - имя вашего приложения Flatlist
@shabnamsingh иногда проверяйте свой терминал, если возникают синтаксические ошибки, они не отображаются, но будут видны в терминале (сборщик метро). если возникла ошибка, что-то новое, что вы кодируете, не отображается
Я получаю эту ошибку. Запуск приложения (E: \ android-sdks / platform-tools / adb shell am start -n com.flatlist / com.flatlist.MainActivity ... Запуск: намерение {cmp = com.flatlist /. MainActivity} events.js: 183 throw er; // Необработанное событие 'ошибка' ^
я не могу понять эту ошибку. Я тоже погуглил. Но ничего не работает
не могли бы вы отправить полную ошибку, которую вы получите, прокрутите вверх, она должна показать больше информации об ошибке
Запуск приложения (E: \ android-sdks / platform-tools / adb shell am start -n com.flatlist / com.flatlist.MainActivity ... Запуск: Intent {cmp = com.flatlist / .MainActivity} events.js: 183 throw er; // Необработанное событие 'ошибка' ^
Позвольте нам продолжить обсуждение в чате.
Не могли бы вы сделать отступ в своем коде и правильно поделиться кодом для файла
index.js
? Это очень сложно понять таким образом. Буду рад помочь, если вы сможете это сделать.