【问题标题】:React Native ReferenceError: Can't find variable: TrueReact Native ReferenceError:找不到变量:True
【发布时间】:2021-11-13 04:42:50
【问题描述】:

不断收到“错误参考错误:找不到变量:真”的错误,但对我来说一切似乎都很好,请你帮我找出问题所在。这也是我的第一个 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 MenuPage = ({ 导航 }) => { const renderCategoriesItem = (item) => { 返回 ( 你好 ); };

return (
    <View style={styles.container}>
        <SafeAreaView>
            {/*Header*/}
       <View style={styles.headerWrapper}>
                <Image source={require('./assets/images/profile.png')}

style={styles.profileImage} />

        {/*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>
); }

导出默认菜单页;

【问题讨论】:

    标签: react-native variables react-native-android react-native-flatlist


    【解决方案1】:

    你不需要添加'={true}',只需

    <FlatList
      data={categoriesData}
      renderItem={renderCategoriesItem}
      keyExtractor={item => item.id}
      horizontal  
    />
    

    【讨论】:

    • 我还是老是报错?
    • 你应该在渲染项目中添加一些组件来告诉平面列表如何渲染项目,也许这就是问题
    【解决方案2】:

    Nvm 我在我选择的 categoriesData 文件中解决了它:是的,出于某种原因,我把它取下来了,它起作用了。

    【讨论】:

      猜你喜欢
      • 2021-10-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-24
      • 1970-01-01
      • 1970-01-01
      • 2018-05-28
      相关资源
      最近更新 更多