資訊專欄INFORMATION COLUMN
摘要：第一次寫文章也是第一次用有需要改正的地方希望大家多多指點由于公司業(yè)務以及需求的擴大用寫已經(jīng)滿足不了當前的需求急需一個處理數(shù)據(jù)流簡單用戶體驗好及入手快的框架在查了好多框架之后最終選擇了簡稱開始用的時候就是從看文檔開始還有就是希望大家在學習
第一次寫文章,也是第一次用react-native,有需要改正的地方希望大家多多指點.由于公司業(yè)務以及需求的擴大,用JQ寫App已經(jīng)滿足不了當前的需求,急需一個處理數(shù)據(jù)流簡單、用戶體驗好及入手快的框架,在查了好多框架之后,最終選擇了react-native(簡稱RN).
開始用RN的時候就是從看文檔開始,還有就是希望大家在學習的時候多加一下相關的技術群,學習起來更加的方便,根據(jù)文檔開始進行環(huán)境搭建,編寫第一個程序Hello word,一些環(huán)境搭建遇到的問題我就不說了,現(xiàn)在說一下在使用react-native-vector-icons的時候的坑,每個項目都會用到字體圖標,那么在我用到的時候就遇到了大坑,
控制臺會出現(xiàn)如上圖所示的報錯,解決辦法很如下步驟:
第一步:
1)將(./node_modules/react-native/local-cli/core/__fixtures__/files/package.json)package.json刪掉,
2)在android/app/build.gradle中增加如下腳本
project.ext.vectoricons = [
iconFontNames: [ "MaterialIcons.ttf", "EvilIcons.ttf" ]
]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
第二步:
1)在node_modules中找到react-native-venctor-icons庫,將Fonts文件拷貝到android/app/src/main/assets如果沒有assets就新建一個,將Fonts放到assets下即可
2)在android/settings.gradle增加如下腳本
include ":react-native-vector-icons"
project(":react-native-vector-icons").projectDir = new File(rootProject.projectDir, "../node_modules/react-native-vector-icons/android")
第三步:
1)在android/app/build.gradle添加compile project(":react-native-vector-icons")
具體操作如下:
apply plugin: "com.android.application"
android {
...
}
dependencies {
compile fileTree(dir: "libs", include: ["*.jar"])
compile "com.android.support:appcompat-v7:23.0.1"
compile "com.facebook.react:react-native:+"
....
compile project(":react-native-vector-icons")
}
第四步:
1)在android/app/src/main/java/包名/MainApplication.java中添加import com.oblador.vectoricons.VectorIconsPackage;new VectorIconsPackage()
具體代碼如下:
package com.myapp;
import com.oblador.vectoricons.VectorIconsPackage;
....
@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage()
, new VectorIconsPackage()
);
}
}
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/107091.html
摘要：交流群也定期更新最新的學習資料給大家，謝謝大家支持小伙伴們掃下方二維碼加入技術交流群 iOS原生混合RN開發(fā)詳解 做過原生iOS開發(fā)或者Android開發(fā)的同學們肯定也都了解Hybrid，有一些Hybrid的開發(fā)經(jīng)驗，目前我們企業(yè)開發(fā)中運用最廣泛的Hybrid App技術就是原生與H5 hybrid，在早期的時候，可能部分同學也接觸過PhoneGap等hybrid技術，今天我們就簡單來...
摘要：沒關系，筆者已經(jīng)為你們準備好了，請保存到文件中，假設你的文件名叫和你剛才保存的字體文件在一起，方便管理復制字體這個插件包有好多套字體，我們可以需要把自己的也復制到包中對應文件夾，當然了，不可能手動復制，筆者從來都是解放雙手的。 字體圖標盛行的年代，在項目里使用一套不失真又可以隨意改變大小顏色的圖標，是多么舒服的一件事。這里要推薦iconfont.cn，超多免費圖標，當然了，你的專屬美工...
摘要：首先我們打開命令行，切換到項目根目錄下，輸入安裝完成后，請注意，需要把目錄下的所有字體文件拷貝到目錄下，如果沒有該目錄，請自行創(chuàng)建。 ????????看過我前面文章的朋友們現(xiàn)在應該能正常運行自己的第一個RN應用了，那都是小兒科，現(xiàn)在我們來做點進階一點的東西。這篇文章有一些屬于干貨性的東西，請仔細閱讀。特別需要注意我加粗的部分。????????首先我們來看下js文件結構，在項目初始化成功...
摘要：圖片資源作為與用戶交互的界面元素，在客戶端產(chǎn)品中起到了非常重要的角色作用。在應用開發(fā)中，移動端與的圖片使用策略也有所不同。端較大的內(nèi)存容量，快速的渲染能力使各類型圖片資源都能得到較好的使用。圖片資源（ jpeg、png、svg、webp ... ）作為與用戶交互的界面元素，在客戶端產(chǎn)品中起到了非常重要的角色作用。在應用開發(fā)中，移動端與PC的圖片使用策略也有所不同。PC端較大的內(nèi)存容量，快速的...
閱讀 1406·2021-11-15 11:37
閱讀 3619·2021-11-11 16:55
閱讀 1896·2021-08-25 09:39
閱讀 3307·2019-08-30 15:44
閱讀 1873·2019-08-29 12:52
閱讀 1490·2019-08-29 11:10
閱讀 3345·2019-08-26 11:32
閱讀 3307·2019-08-26 10:16
