對于移動端應用來說,開發 Android 應用使用的語言有 java 和 kotlin,開發 ios 應用使用的語言有 obj-c 和 Swift 。因此,我們使用 react-native 編寫一套代碼進行跨端開發。
構建項目:
npx create-expo-app@latest
安裝 nativewind:
根據官方文檔逐步安裝第一步到第七步 nativewind 。
這里的第五步,需要導入到 _layout.tsx:
現在都安裝最新版,可能有報錯:The following packages should be updated for best compatibility with the installed expo version:
react-native-reanimated@3.16.2 - expected version: ~3.17.4
Your project may not work correctly until you install the expected versions of the packages.
我們只需要按照提示更新版本即可:npm i react-native-reanimated@3.17.4
然后通過 npm start 啟動項目,看到二維碼使用 expo go 掃描即可構建啟動項目。
這里還有一個問題,可能報錯:Uncaught Error: java.io.OException: Failed to downloadremote update
不過stackoverflow已經有解決方案,只需要執行npx expo start --tunnel
即可。
之后應該就可以看到初始化項目頁面了。