Question

我检查了所有代码，但没有发现可能导致这种奇怪错误的错误。正如您所看到的那样，它会在您说您可能忘记导出时导出。以下是包含完整导入列表的代码：

 import "expo";
import React from "react";
import {Image, TouchableHighlight} from "react-native";
import {
  Content,
  Left,
  Right,
  Icon,
  CardItem,
  Card,
  Button,
  Text,
  Body,
  Row,
  Col,
  Grid,
  Thumbnail,
  ScrollView

} from "native-base";

import {dataRow1,dataRow2,dataRow3,dataRow4} from "../data/HomeData";
import { primary, secondary, grey } from '../styles/variables'; 


    const HomeContent = props => {
      return (
        <Content>
        <ScrollView horizontal>

          {dataRow1.map((item, idx) => {
            return <CardItemContainer {...props} key={idx} item={item} />;
          })}
            </ScrollView>
         <ScrollView horizontal>

          {dataRow2.map((item, idx) => {
            return <CardItemContainer {...props} key={idx} item={item} />;
          })}
            </ScrollView>
         <ScrollView horizontal>
              {dataRow3.map((item, idx) => {
            return <CardItemContainer {...props} key={idx} item={item} />;
          })}
            </ScrollView>
         <ScrollView horizontal>

          {dataRow4.map((item, idx) => {
            return <CardItemContainer {...props} key={idx} item={item} />;
          })}

        </ScrollView>
    </Content>
      );
    };


    const CardItemContainer = ({item, navigation}) => {
      return (
        <Card style={{marginBottom: 10}}>
          <TouchableHighlight onPress={() => navigation.navigate("Items")}>
            <CardItem cardBody>
              <Image
                source={item.image}
                style={styles.img}
          />
            </CardItem>
          </TouchableHighlight>
          <CardItem>
        <Text style={{color:grey}}> {item.title} </Text>

          </CardItem>
        </Card>
      );
    };


    const styles = {
      img:{
        height: 200,
         width: null,
          flex: 1
      },
    }

    export default HomeContent;

什么可能导致它和什么是错的？你能帮帮我解决这个问题吗？

提前致谢！

Answer 1

您应该从react-native而不是native-base导入ScrollView。

从本机库导入行中删除ScrollView后，将其包含在react-native的导入行中，如下所示：

import {Image, TouchableHighlight, ScrollView} from "react-native";

Answer 2

您好像没有从react-native导入任何html标记引用。每个HTML标记都是一个元素。

如果您拥有Text代码，请假设您必须将其导入为import { Text} from react-native .

元素类型无效：预期字符串

2 个答案: