【问题标题】:Can't load a fbx model in react native无法在本机反应中加载 fbx 模型
【发布时间】: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


    【解决方案1】:

    该包是否适用于 React Native?如果不。您可以尝试以下替代方法:

    【讨论】:

      猜你喜欢
      • 2016-09-09
      • 2021-12-10
      • 2019-03-12
      • 1970-01-01
      • 2013-01-07
      • 1970-01-01
      • 1970-01-01
      • 2018-06-11
      • 2014-09-21
      相关资源
      最近更新 更多