Question

我正在尝试从节点js express向我的本机应用程序提供静态图像。

我正在尝试使用express.static，但我收到了错误

支柱类型失败：提供给Image的无效道具源。

如何将静态图像提供给本机应用程序？

文件夹结构：

--public
-image.png
-app.js

app.js

const app = express();

app.use(express.static('/public'));

app.get('/', (req, res) => res.status(200).send({
  message: 'API Called',
}));

module.exports = app;

HomePage.js

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

export default class HomePage extends Component{

  constructor(){
    super();

  render(){
    return(
      <View style={styles.ViewStyle}>
        <Image
          style={styles.Image}
          //{uri: this.getImage(item.teampicture1)}
          source={{uri: 'http://192.168.1.10:8000/image.png'}}
        /> 

      </View>
    );
  }
}

Answer 1

我想通了我必须使用

app.use('/image', express.static(__dirname + '/public'));

在app.js。

然后要显示图像，我必须使用公共文件夹中的图像名称调用图像路径。

source={{uri: 'http://192.168.1.10:8000/image/image.png'}}

Express将静态图像提供给React-native app

1 个答案: