Экспресс подача статического изображения в приложение React-native

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'}}