抖音測試“商城”替代 App 底部導航欄“朋友”

阿新 • • 發佈：2022-04-15

4 月 15 日訊息，據 Tech 星球報道，抖音近期有測試了新的商城入口，該入口位於 App 底部導航欄內，取代了以前的“朋友”，而“朋友”作為一個頻道，放置於首頁上方。

▼圖自 Tech 星球

Tech 星球表示，新入口內的商城在設計上並沒有發生變化，只是入口進行了變更，或意味著抖音電商的重要性高於社交。

瞭解到，抖音電商去年底還推出了獨立 App“抖音盒子”。據介紹，“抖音盒子，是抖音旗下潮流時尚電商平臺，圍繞風格、時尚、購物，從街頭文化到高階時裝，從穿搭技巧到彩妝護膚，和千萬潮流玩家一起，捕捉全球流行趨勢，開啟潮流生活。”

4 月 15 日訊息，據 Tech 星球報道，抖音近期有測試了新的商城入口，該入口位於 App 底部導航欄內，取代了以前的“朋友”，而“朋友”作為一個頻道，放置於首頁上方。▼圖自 Tech 星球Tech 星球表示，新入口內的商城

2 月 28 日訊息，就在抖音音樂開放平臺宣佈品牌正式升級命名為“炙熱星河”後不久，曝光了大半年的“汽水音樂”App 終於浮出水面。新言財經發現，抖音近日已經在國內開始小範圍低調測試其首款獨立音樂 App“汽水音樂

這是我目前發現較好的uni-app 自定義底部導航欄方法，其他方法的缺點主要是在切換時，要麼會閃爍，要麼會每點選一下，都會請求一次資料。如果有其他更好的方法，歡迎評論留言，最近才開始用uni-app寫專案，之前只是看

技術標籤：vue.jscss3 uni-app底部導航tabBar的使用官網說明：官網>配置>page.json>tabBar

4 月 27 日訊息據 Tech 星球報道，抖音在測試個人名片功能，目前暫時應用於商家、企業端，服務於企業之間的交流，這是抖音在企服場景下的社交嘗試。

開啟./pages.json檔案在其中找到屬性tabBar 例如: \"tabBar\": { \"color\": \"#7A7E83\", \"selectedColor\": \"#007AFF\",

9 月 8 日訊息據新腕兒報道，從知情人士處獲悉，抖音電商獨立 App 將於 10 月份正式上線，該專案由抖音電商總裁康澤宇負責推動。

10 月 16 日訊息，據 Tech 報道，抖音於近期在其 App 內，測試了圖文種草功能，該功能旨在直播、短視訊等種草方式外，新增圖文種草模式。據介紹，抖音的種草內容和短視訊一樣，有相同的展示視窗，創作者通過在拍攝功

11 月 29 日訊息，據 Tech 星球報道，抖音已開始測試短劇付費模式，而此前快手已經推出了該模式。根據測試的頁面可以看出，抖音短劇的付費模式與付費小說類似，是按集數進行付費，每集最低 1 元起，支援一次性付費解

12 月 16 日訊息，抖音電商獨立 App 抖音盒子在安卓系統和 iOS 系統正式上線。官方介紹稱，“抖音盒子，是抖音旗下潮流時尚電商平臺，圍繞風格、時尚、購物，從街頭文化到高階時裝，從穿搭技巧到彩妝護膚，和千萬潮

感謝網友肖戰割割的線索投遞！

本文只針對於微信小程式的自定義底部導航欄；PS：可能在進入小程式後，首次點選tabBar會出現閃爍的情況；不能接受的就還是乖乖的用回預設吧！

體驗了一下美團外賣的底部導航欄，感覺動畫很流暢，分割線被頂起，還有圖示的動畫，可能用的lottie，覺得分割線被頂起可以自己寫動畫，所以試著寫了一下。

一、效果圖展示如果動圖沒有動的話，也可以看下面這個靜態圖以下挨個分析每個的實現，這裡只做簡單的效果展示，大家可以基於目前程式碼做二次開發。

效果圖：如果要新增底部導航欄，最少2個，最多5個。 app.json { \"pages\": [ \"pages/index/index\",

頂部導航欄 1. 設定導航欄文字在相應介面的json中加入屬性值： "navigationBarTitleText":"自定義文字",

今天在群裡看到一個底部導航選中突出效果像這樣就想著這個應該怎麼做呢，我記得類似鹹魚那種的是中間突出，不像這種是選中哪個，哪個就突出

題目要求 1 Scaffold的drawer和endDrawer屬性可以分別接收一個Widget來作為頁面的左、右抽屜選單。其效果是從螢幕邊緣滑動出現，通常用於顯示App中的導航連結。

tabBar底部導航欄樣式（pages.jeon) \"tabBar\": { \"color\" : \"#707070\",//底部導航欄的顏色

技術標籤：Flutter 示例頁面目錄如下：在入口檔案main.dart中使用我們定義的widget元件類BottomNavigationWidget()：