#react-native #variables #react-native-android #react-native-flatlist
Вопрос:
Продолжайте получать сообщение об ошибке «ОШИБКА ссылки Ошибка: Не удается найти переменную: Истина», но мне все кажется хорошим, не могли бы вы, пожалуйста, помочь мне определить проблему. Это также мой первый проект React Native.
код ниже:
import React, { useState } from 'react'; import { StyleSheet, TouchableHighlight, Dimensions, Text, View, TouchableOpacity, SafeAreaView, Image, Button, TouchableWithoutFeedback, ScrollView, TextInput, FlatList } from 'react-native'; import { createStackNavigator, createAppContainer } from 'react-navigation'; import TacoTruck from './tti.png'; import AntDesign from 'react-native-vector-icons/AntDesign'; import categoriesData from "./assets/data/categoriesData"; import Feather from 'react-native-vector-icons/Feather'; import colors from './assets/colors/colors';
постоянное меню = ({ навигация }) => {
const renderCategoriesItem = (элемент) => {
возвращение (Привет
);
};return ( <View style={styles.container}> <SafeAreaView> {/*Header*/} <View style={styles.headerWrapper}> <Image source={require('./assets/images/profile.png')}
стиль={стили.изображение профиля}
/>
<Заголовок кнопки=стиль»Главная»={стили.Кнопка-держатель} onPress={() =>
навигация.навигация(«Главная»)}<Заголовок кнопки=стиль»Главная»={стили.Кнопка-держатель} onPress={() =>>{/*Titles*/} <View style={styles.titlesWrapper}> <Text style={styles.titlesSubtitle}>Food</Text> <Text style={styles.titlesTitle}>Delivery</Text> </View> {/*Search Bar*/} <View style={styles.searchBarWrapper}> <AntDesign name="search1" size={20} color={colors.vantaBlack} /> <View style={styles.searchBar}> <Text styles={styles.searchText}>Search</Text> </View> </View> {/*Categories*/} <View style={styles.categoriesWrapper}> <Text style={styles.categoriesTitle}>Categorles</Text> <View style={styles.categoriesListWrapper}> <FlatList data={categoriesData} renderItem={renderCategoriesItem} keyExtractor={item => item.id} horizontal={true} /> </View> </View> </View> ); }
меню экспорта по умолчанию;
Ответ №1:
вам не нужно добавлять ‘={true}’, просто
<FlatList
data={categoriesData}
renderItem={renderCategoriesItem}
keyExtractor={item => item.id}
horizontal
/>
Комментарии:
1. Я все еще продолжаю получать ошибки?
2. вам следует добавить какой-нибудь компонент в элемент рендеринга, чтобы указать, как в плоском списке должны отображаться элементы, возможно, в этом проблема
Ответ №2:
Nvm Я решил это в своем файле categoriesData, который я выбрал: True по какой-то причине я снял его, и он сработал.