Question

我有屏幕A和屏幕B。在屏幕A中，我有一个身份验证，该身份验证给出了带有用户名，名称和头像的API响应。我可以使用此代码传递来自屏幕A的响应，该响应成功显示在屏幕B中：

.then ((res) => {   
    if(res.status == 200) {
        this.props.navigation.navigate('Home', {email: this.state.email, username: res.data.user.username, name: res.data.user.name, avatar: res.data.user.avatar })            
        alert("Success!")       
    }

在屏幕B上，我将状态存储为道具：

export default class MainScreen extends Component {

constructor(props) {
    super(props)
    this.state = {
        username: '', 
        email: '',
        name: '',
        avatar: '',
        User: this.props.navigation.state.params.username,
        Name: this.props.navigation.state.params.name,
        Avatar: this.props.navigation.state.params.avatar,
    }
}

要调用并显示状态（用于用户名和名称），我只需使用引用并显示它。

<TextInput value={this.state.User} username={this.state.username} changeName={this.changeName} editable={false} selectTextOnFocus={false}/>

但是对于图像URI，this.state.avatar调用似乎无效。

<Image source = {{uri: this.state.Avatar}}/>

任何帮助将不胜感激。我是这个程序的新手。

Answer 1

尝试将{ name: '10100', y: 8451720 }, { name: '10100', y: 1456480 }, { name: '13050', y: 187940 }, { name: '13050', y: 6991100 }, { name: '13050', y: 7167320 }]和@Transactional添加到图像。另外，请确保width具有绝对图像网址，例如height，并且否类似于uri

无法通过API调用显示图片

1 个答案: