React-native開發問題小結

報錯處理:

macOS 10.13 安裝Virtualbox失敗

這個操作步驟大概意思是,第一次安失敗後,不要卸載,刪除安裝文件。去打開 安全與隱私裏允許此文件網內核裏寫一個文件。然後再去雙擊安裝按鈕。


1、初始化項目報錯處理:

註釋:{/*首頁*/} 前面不能加//。



2、新建RN項目,運行安卓模擬器報錯解決:
錯誤1:unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server
解決辦法 
1,在 android/app/src/main 目錄下創建一個 assets空文件夾
mkdir android/app/src/main/assets
2,在項目根目錄運行
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Linux是一款開源免費的操作系統,是程序員和黑客創造的系統。



3、ios運行沒有任何錯誤,安卓運行報錯。


解決辦法不要在你的render裏的return裏的根view裏面使用註釋,也不能包含中文字符和括號等,有的在ios不報錯,但安卓不行。


3、this.state定義的變量報錯,但語法沒有任何錯誤!!!
答:this訪問導致的錯誤,renderHeader={this.renderHeader.bind(this)}

4、注意:屬性值傳遞必須要寫在defaultProps
//設置固定值
App.defaultProps


5、終端報錯:hucjdeiMac:BBuy hucj$ npm i -g npm
Unhandled rejection Error: EACCES: permission denied, open '/Users/hucj/.npm/_cacache/tmp/44262145'
解決:需要切換到root,輸入密碼後,有權限操作即可。!
su root


6、ES6寫法
static defaultProps = {
    title:'', //標題
}
constructor(props){
    super(props);
    this.state = {
    };
}


7、
position:'absolute',//絕對定位
fontWeight:’bold',//字體加粗

//跳轉到詳情
pushToDetail(){
    this.props.navigator.push({
        component:HomeDetal,//要跳轉的板塊
        title:'詳情頁',
    });
}
//取整 Math.floor(e.nativeActions.contentOffset.x/scrWidth);
flexWrap:'wrap',//多個cell同一行顯示 && View多行顯示
resizeMode:'contain', //設置圖片縮放

1、安卓圖片必須都是小寫,不然讀取不到。
1)ios和安卓都可以用的tabBar:  npm i react-native-tab-navigator —-save
2)導航欄navigator的使用: (這個沒有解決,是版本的問題)npm install react-native-deprecated-custom-components --save

解決:輸入下面這個命令npm install --save https://github.com/facebookarchive/react-native-custom-components.git

需要釋放權限(項目->node_modules->React設置爲讀寫),具體上面那個好像好解決一點!!



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章