使用npx react-native init project的方式時,當加入@react-navigation/bottom-tabs時其圖示無法顯示的問題?

安裝Package
npm install --save react-native-vector-icons @types/react-native-vector-icons

在 android > app > build.gradle 檔案加入下列一行∶
apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")

使用xode打開 ios > project.xcworkspace,如下圖所示新建資料夾Fonts。再將node_modules > react-native-vector-icons > Fonts >Ionicons.ttf 檔案拖拉到xcode專案中的Fonts資料夾下。

在下圖XCode專案中的Info中,新建Fonts provided by application類別,並在此類別下新增一個Item 0值為Ionicons.ttf

下方Tab的圖示就可以正常顯示。

分類: React-Native | 標籤: | 發佈留言

Java版本工具Sdkman

執行指令∶ curl -s “https://get.sdkman.io” | bash

下列Statement將會加入~/.zshrc中

查詢可安裝的Java版本

安裝Java

sdk install java Identifier (上表最後一欄的值)

切換Java版本

sdk use java Identifier

分類: React-Native | 標籤: | 發佈留言

安裝nvm環境

作業環境∶ OSX,Homebew

安裝指令∶brew install nvm

執行指令:nvm -h, 瞭解nvm 命令功能

執行指令:nvm ls-remote –lts, 查詢官網長期維護版本

執行指令∶ nvm install v16.20.2

執行指令:nvm ls, 查詢目前電腦系統上所安裝的版本清單及正在使用的是那個版本

執行指令:nvm use, 指定所要使用的版本

分類: React-Native | 發佈留言