hexp1989
commented
5 years ago Hello @realchiu
I also used viro static lib with react-native, and seems everything going well.
I remember the reason is react-native-vector-icon cannot successful build which created by react-viro init. So I create react-native project intergeted the Viro SDK.
My package.json.
...
"dependencies": {
"react": "16.3.1",
"react-native": "0.55.1",
"react-native-elements": "^1.0.0-beta7",
"react-native-gesture-handler": "^1.0.10",
"react-native-vector-icons": "^6.1.0",
"react-navigation": "^3.0.5",
"react-viro": "2.12.0"
}
...Then init ios build and create Podfile.(Be sure cocoapods already installed)
platform :ios, '9.3'
target 'RNViroDemos' do
pod 'ViroReact', :path => '../node_modules/react-viro/ios/'
pod 'ViroKit_static_lib', :path => '../node_modules/react-viro/ios/dist/ViroRenderer/static_lib'
endExecute pod install in $<PROJECT_DIR>/ios.
My rn-cli.config.js
'use strict';
const path = require('path');
module.exports = {
getProjectRoots() {
return this._getRoots();
},
getAssetRoots() {
return this._getRoots();
},
getAssetExts() {
return ["obj", "mtl", "JPG", "PNG", "mp4", "vrx", "hdr", "gltf", "glb", "bin", "arobject"];
},
_getRoots() {
// match on either path separator
if (__dirname.match(/node_modules[\/\\]react-native[\/\\]packager$/)) {
// packager is running from node_modules of another project
return [path.resolve(__dirname, '../../..')];
} else if (__dirname.match(/Pods\/React\/packager$/)) {
// packager is running from node_modules of another project
return [path.resolve(__dirname, '../../..')];
} else {
return [path.resolve(__dirname, '.')];
}
},
};
Open $<PROJECT_NAME>.xcworkspace in Xcode.(My is Xcode 10) and config Provision profile\Certificate.
And I use react-native command react-native run-ios --device="My iPhone", everything is up.
Sometimes there are werid errors when build.
That's some of problems I have encountered.
-
Xcode 10 third-party error. Sometimes glog-0.3.4 config.h not found
-
In the Terminal, navigate to the react-native/third-party/glog folder inside node_modules (for me, this was cd node_modules/react-native/third-party/glog-0.3.4)
-
Once actively in this folder, run ../../scripts/ios-configure-glog.sh
-
Glog is configured and the required config.h header file is created for Xcode to find
-
-
Xcode 10 libfishhook.a missing.
- remove libfishhook.a from RCTWebSocket.xcodeproj and reimport. This should be executed in Xcode and in Libraries - RCTWebSocket.xcodeproj - Build Phases
I found above errors always occurs after react-native recomplied.
Before ios building, you don't need to manually compile the main.jsbundle.
Good luck.
realchiu
VikAdvani
mehrankhandev
Environment
Please provide the following information about your environment:
Description
It keeps on saying failed to load bundle, unable to resolve module xxxxxx.obj/mtl/jpg. But In android model can be loaded perfectly. I have made sure the path is absolutely correct, and all the file names are correct. I have also tried to modify the name as xxxx_obj.obj or xxxx_mtl.mtl, but it still does not work.
My podfile code of viroreact are as follow: pod 'ViroReact', :path => '../node_modules/react-viro/ios/' pod 'ViroKit_static_lib', :path => '../node_modules/react-viro/ios/dist/ViroRenderer/static_lib' to avoid one build error(but I forgot what exactly the error was).
I have added rn-cli.config, but it seems xcode does not import it.
Sometimes this error will disappear, but with another exception with code lldb is thrown.
Reproducible Demo
require obj/mtl/jpg in the react native code, and have a debug build on ios devices like iphoneX and iphone 6.