反应本机图像标签中的TypeError

Posted 2023-03-15

【中文标题】反应本机图像标签中的TypeError

【英文标题】：TypeError in reactnative Image tag

【发布时间】：2019-11-11 15:12:25

【问题描述】：

我正在尝试使用 Image 标签将徽标添加到 react-native 代码，但是在添加 Image 标签后，它给了我以下错误

TypeError: (0, _reactNative.default) 不是函数。 （在 '(0, _reactNative.default)("./../assets/logo.png")' 中，'(0, _reactNative.default)' 是 Object 的一个实例） * 组件\Login.js:12:34 渲染 -finishClassComponent 中的 node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:11581:21 - node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:11509:4 in updateClassComponent - ... 来自框架内部的另外 18 个堆栈帧

下面是我的代码

import React from 'react';
import  StyleSheet, Text, View  from 'react-native';
import Image from "react-native";
import require from 'react-native'
import ImageBackground from "react-native";

export default class Login extends React.Component 
    render() 
        return (
            <View style=styles.container>
                <View style=styles.logoContainer>
                    <Image sorce=require('./../assets/logo.png')/>
                </View>
            </View>
        );
    


const styles = StyleSheet.create(
    container: 
        flex: 1,
    ,
    logoContainer:
        alignItems:'center',
        justifyContent:'center',
    ,
);

我的 App.js

import React from 'react';
import  StyleSheet, Text, View  from 'react-native';
import Login from './component/Login'

export default function App() 
  return (
    <View style=styles.container>
      <Login/>
    </View>
  );


const styles = StyleSheet.create(
  container: 
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  ,
);

那么这里出了什么问题？

【问题讨论】：

谢谢你，我刚刚纠正了先生，但错误没有消失

【参考方案1】：

您的图片导入有误。

像这样使用它：

import  StyleSheet, Text, View, Image  from 'react-native';
const myImageSource = require('./../assets/logo.png'); // Double check that you have the image at that path

修正图片来源的错字：

<Image source=myImageSource/>

如果仍然无法正常工作，请将您的文件和 RN 版本的完整内容添加到您的问题中。

【讨论】：

谢谢先生，但这些方法不起作用最后我将我的 App.js 文件更改为如下 export default class App extends React.Component render() return ( Hello t ); 现在它是显示文本，但是当我添加 给我同样的错误