React-360:使用外部图像作为场景背景

Question

我一直在尝试在环境中设置外部图像。 这是我的索引.js：

import React from 'react';
import {
AppRegistry,
StyleSheet,
Text,
asset,
View,
VrButton,
} from 'react-360';
import {Environment} from 'react-360';
// Set the background to a 360 or 180 image
Environment.setBackgroundImage(
{uri: 'https://devcdn.player360.de/dev/media-768-raw.jpg'}
// asset('media-768-raw.jpg')
);
export default class Hello360 extends React.Component {
// Our component will keep track of this state
state = {
};

componentDidMount(){
}

render() {
return (
<View style={styles.panel}>
<Text>
<Text>Hey</Text>
</Text>
</View>
);
}
};

const styles = StyleSheet.create({
panel: {
// Fill the entire surface
width: 1000,
height: 600,
backgroundColor: 'rgba(255, 255, 255, 0.4)',
justifyContent: 'center',
alignItems: 'center',
}
});
AppRegistry.registerComponent('Hello360', () => Hello360);

React 似乎试图加载图像，但由于某种原因它只是被关闭了。

开发者工具：网络截图

此外，控制台输出没有指示 CORS 或任何其他异常：

控制台输出屏幕截图

我的场景背景仍然是黑色的。在 react-360 中包含动态外部图像的正确方法是什么？

Answer 1

这仍然是加载外部图像的正确方法。

问题是，筛选器在我的控制台输出中处于活动状态。因此，我无法在控制台中看到 CORS 警告。

这仍然是 devcdn.player360.de 服务器上的 CORS 问题。我们修复了 CORS 标头，现在能够加载外部图像。