【发布时间】:2022-01-02 11:14:39
【问题描述】:
我尝试在 react 本机应用程序中简单地加载 fbx 模型。在网络上它工作得很好,但在我的手机上(不仅是)它给我这个错误,我不知道如何解决它。我尝试了其他方法,但是在 expo 和浏览器中出现同样的错误是完美的。
import { StyleSheet, Text, View } from "react-native";
import ReactThreeFbxViewer from "react-three-fbx-viewer";
const fbxUrl = require("./asd.fbx");
console.log(fbxUrl);
const onLoad = (e) => {
console.log(e);
};
const onError = (e) => {
console.log(e);
};
const cameraPosition = {
x: 10,
y: 400,
z: 1000,
};
const controlsPosition = {
x: window.innerWidth / 4,
y: window.innerHeight / 4,
z: window.innerWidth / 4,
};
export default function App() {
return (
<View style={styles.container}>
<ReactThreeFbxViewer
cameraPosition={cameraPosition}
controlsPosition={controlsPosition}
url={fbxUrl}
style={style}
onLoading={onLoad}
onError={onError}
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
alignItems: "center",
justifyContent: "center",
display: "flex",
flexDirection: "column",
position: "relative",
overflow: "hidden",
width: "360px",
},
});
const style = StyleSheet.create({
container: {
width: "360px",
},
});
【问题讨论】:
标签: reactjs react-native three.js fbx