图像未显示反应本机图像组件

Question

图像未显示在本机图像组件中 这是我的代码

class Xyz extends Component {
  render() {

    return (
    <View>
      <Image
          style={{width: 50, height: 50}}
          source={{uri:'{this.props.new}'}}
        />
        </View>

    );

  }
}

Answer 1

我想你是这个意思。

class Xyz extends Component {
    render() {

        return (
            <View>
                <Image
                    style={{ width: 50, height: 50 }}
                    source={{ uri: this.props.new }}
                />
            </View>

        );
    }
}

如果您这样做

{
  uri: '{this.props.new}'
}

您将{this.prop.new}视为字符串。

Answer 2

您应该尝试使用source={{this.props.new}}方法中的render()

<View>
  <Image 
      style={{width: 50, height: 50}}
      source={{uri: props.imageUri }} />
</View>