React Native - 打包 AAB(APK)

這系列文章將一步步介紹如何在 mac 上搭建 Android 和 ios 的開發環境(React Native ClI)、如何在模擬器和實體裝置中運行、如何打包 AAB(APK) 和 IPA。

而這篇將介紹如何將你的 RN 專案打包成 AAB(APK)!,如果你還沒建置好 Android 的開發環境,請先跟著:

的步驟設定 Android 開發環境和建立 RN 專案。

React Native 開發環境建置 - Android 篇(下)

這系列文章將一步步介紹如何在 mac 上搭建 Android 和 ios 的開發環境(React Native ClI)、如何在模擬器和實體裝置中運行、如何打包 AAB(APK) 和 IPA。

會選擇 React Native ClI 而不是較友善的 Expo ClL 是因為筆者之後想要在 RN 上用 WebRTC,考慮到支援度的問題,所以選擇 React Native ClI。

而這篇將介紹如何在模擬器(Android Studio)和實體裝置中運行你的 RN 專案!在閱讀這篇文章之前,請先確實按照上一篇 React Native 開發環境建置 - Android 篇(上) 的步驟進行相關的 Android 開發環境設定。

React Native 開發環境建置 - Android 篇(上)

這系列文章將一步步介紹如何在 mac 上搭建 Android 和 ios 的開發環境(React Native ClI)、如何在模擬器和實體裝置中運行、如何打包 AAB(APK) 和 IPA。因為筆者覺得 ios 比較複(機)雜(車),所以會先從 Android 開始介紹。

會選擇 React Native ClI 而不是較友善的 Expo ClL 是因為筆者之後想要在 RN 上用 WebRTC,考慮到支援度的問題,所以選擇 React Native ClI。

Vue3 Composition API - Teleport 瞬移!

Vue3 Composition API 新增了 Teleport 功能,讓我們可以輕鬆的將組件傳送到指定的地方,很酷的是,它還能夠保存狀態!

讓網頁平滑滾動!

在網頁開發中,錨點算是個常見的需求,例如:在點擊按鈕後,畫面想要蝦趴的「滑」到頂部。

這種平滑的滾動效果,其實只要加一行 CSS 就可以辦得到,無需勞動到 JS,也就是今天要介紹的 scroll-behavior 屬性,直接進入實作吧!

JavaScript 閉包與範圍 ── Execution Context

閉包(closure)在 JavaScript 中佔著重要的地位,但閉包本人其實不太好搞,先從與閉包密不可分的 ── 作用範圍(Scope)開始下手吧!這篇將從執行背景空間(execution context)開始介紹,一步步看 JavaScript 引擎是如何追蹤程式碼的執行,然後…等時機到了就會知道什麼是閉包了(吧)。

用純 CSS 做定格動畫

什麼是定格動畫?簡單來說,是一種動畫技術,它的原理是將每幀不同的圖像快速播放,因人眼有視覺暫留,所以會產生動畫效果。小時候玩的手翻書就是以這樣的原理來達成動畫的效果!

解決 Vue.js-devtools 無法開啟問題

相信用過 Vue.js 的應該都有裝 Vue.js-devtools (吧)。

最近發現若是單純以引入 CDN 的方式使用 Vue,而非用 Vue CLI,會出現 Vue.js-devtools 無法正常開啟的情況。

三種改變函式內部 this 的方式:apply()、call()、bind()

在 JavaScript 中,改變函數內部 this 的指向常見的方式有 call()apply()bind(),而這三種方式又存在些微差異。

CSS 原理 - Flex(下)

vertical-align、text-align 甚至 float 都是控制不了 flex items 的,flex 有自己專屬的對齊屬性,而因對齊分為水平對齊與垂直對齊,所以首先要先認清楚誰是主軸(main axis)誰是副軸(cross axis),才不會精神分裂。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×