小编Hyu*_*Kim的帖子

React Native Web Image 组件不显示图像

我有一个图像组件,用于将图像加载到我的应用程序的标头中。我可以为图像应该在的位置创建边框,但无法正确加载图像。这是我加载图像的代码

import React from 'react';
import { SafeAreaView, View, Text, StyleSheet, Button, Image } from 'react-native';

class BackButton extends React.Component {
  
    render() {
        return (
            <Image source={require('./assets/images/arrow.png')} style={styles.image} />
        );
    }
}

var styles = StyleSheet.create({
    image: {
      width: '24px',
      height: '24px',
      borderWidth: 1
    }
  });

export default BackButton;
Run Code Online (Sandbox Code Playgroud)

这是调用该组件的地方

import { SafeAreaView, View, Text, StyleSheet } from 'react-native';
import AppText from './assets/text/AppText'
import AppTextHeader from './assets/text/AppTextHeader'
import BackButton from './BackButton'

const Header = ({ onBack, title }) => ( …
Run Code Online (Sandbox Code Playgroud)

image reactjs react-native react-native-web

6
推荐指数
1
解决办法
6358
查看次数

标签 统计

image ×1

react-native ×1

react-native-web ×1

reactjs ×1