首頁 web前端 js教程 Milligram-Connect 社群媒體應用程式

Milligram-Connect 社群媒體應用程式

Dec 12, 2024 pm 01:49 PM

啟動畫面

啟動畫面是應用程式啟動時出現的帶有應用程式徽標或品牌的初始螢幕,在加載時提供視覺上引人入勝的介紹。
Milligram-Connect Social Media Application

登入畫面

登入畫面允許現有使用者存取他們的帳戶,而註冊畫面則允許新使用者透過提供其詳細資訊來建立帳戶。
Milligram-Connect Social Media Application

主螢幕

登入後,主畫面會顯示一個可滾動的提要,用戶可以在其中查看所有帖子,喜歡、評論、分享和保存它們。此外,用戶可以打開每個帖子以查看有關點讚和評論的詳細資訊。
Milligram-Connect Social Media Application

使用者可以對下圖所示的貼文進行評論和分享。
Milligram-Connect Social Media Application

搜尋螢幕

在搜尋畫面上,使用者可以導航到底部導覽列中的搜尋選項,以尋找和搜尋應用程式中可用的使用者名稱。
Milligram-Connect Social Media Application

創建帖子螢幕

使用者可以透過底部導覽列存取「建立貼文」螢幕,新增行動圖庫中的圖像、編寫標題並發佈內容。
Milligram-Connect Social Media Application

通知畫面

使用者可以透過底部導覽列導覽至通知畫面,查看並開啟所有通知。
Milligram-Connect Social Media Application

訊息螢幕

用戶可以透過底部導覽列導航到訊息傳遞螢幕,查看用戶列表,選擇要與之聊天的用戶,並查看該對話的所有訊息。
Milligram-Connect Social Media Application
若要刪除使用者聊天,請點擊螢幕右上角的三個點。這將顯示以下帶有刪除選項的彈出視窗。
Milligram-Connect Social Media Application

設定螢幕

點擊右上角的設定圖示後,將開啟以下設定畫面。使用者可以存取:

  • 帳戶中心
  • 已儲存的貼文
  • 帳戶隱私
  • 已阻止(尚未實施)
  • 毫克驗證
  • 退出
  • 刪除帳號選項

Milligram-Connect Social Media Application

1。帳戶中心
點擊帳戶中心後,將開啟以下頁面。在這裡,用戶可以從兩個附加選項中進行選擇:

  • 個人資料
  • 密碼與安全性

Milligram-Connect Social Media Application

個人資料
點擊「個人詳細資料」選項後,使用者將被引導至「個人詳細資料」畫面,他們可以在其中查看用於註冊和登入 Milligram Connect 應用程式的電子郵件地址。

密碼與安全性
點擊帳戶中心中的密碼和安全選項後,用戶將被引導至更改密碼螢幕,在那裡他們可以更新密碼。

下面
左圖:個人詳細資料畫面
右圖:密碼與安全螢幕

Milligram-Connect Social Media Application

2。已儲存的貼文
點擊「設定」中的「已儲存的貼文」選項後,用戶將被重定向到「已儲存的貼文」螢幕,他們可以在其中查看從來源中儲存的貼文。
Milligram-Connect Social Media Application

3。帳戶隱私
點擊「設定」中的「帳戶隱私」選項後,使用者可以在兩種隱私設定之間進行選擇:

  • 公開:Milligram 應用程式中的所有使用者都可以看到他們的個人資料。
  • 私人:只有連結的人才能看到他們的個人資料。 Milligram-Connect Social Media Application

4。毫克驗證
點擊“設定”中的“毫克驗證”選項後,用戶將被重定向到“毫克驗證”畫面。在這裡,他們將看到發送驗證電子郵件的選項。選擇此選項後,驗證電子郵件將發送到他們註冊的電子郵件地址。該電子郵件將包含一個 URL,使用者必須按一下該 URL 才能完成驗證過程。驗證成功後,毫克驗證畫面將顯示一則訊息:「您的電子郵件 ID 已驗證。」

Milligram-Connect Social Media Application

5。退出
選擇「登出」選項後,使用者將從應用程式登出並重定向到登入畫面。

6。刪除您的帳號
選擇「刪除您的帳戶」選項後,使用者可以從應用程式中永久刪除其帳戶和所有關聯資料。

個人資料螢幕

點擊左上角的使用者個人資料標誌​​圖片後,將開啟個人資料畫面。
Milligram-Connect Social Media Application

編輯個人資料畫面
點擊個人資料畫面中的「編輯個人資料」按鈕後,使用者將被重新導向到「編輯個人資料」畫面。下面左圖所示的螢幕將變得可見。

分享個人資料
點擊使用者名稱右側的分享圖示後,使用者可以與其他平台上的任何使用者分享其個人資料 URL,將出現下右圖所示的畫面。
Milligram-Connect Social Media Application

追蹤者與追蹤螢幕
在使用者個人資料畫面上,如果使用者點擊「追蹤者」或「追蹤者」文本,則會開啟相應的畫面。在這裡,用戶可以查看關注他們的追蹤者清單以及他們正在關注的用戶清單。
Milligram-Connect Social Media Application

開啟另一個使用者的個人資料
在點擊追蹤者或追蹤者清單中的任何使用者後,該使用者的個人資料畫面將會開啟。用戶將能夠查看所選用戶的個人資料數據,如下圖所示。
Milligram-Connect Social Media Application

下載並安裝

Android版本已經發布了!點擊以下連結下載並安裝
毫克連接
Milligram-Connect Social Media Application

使用的技術堆疊

  • React Native CLI
  • Firestore 與 Firebase 資料庫
  • Firebase 電子郵件驗證
  • 樣式化組件

以上是Milligram-Connect 社群媒體應用程式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1666
14
CakePHP 教程
1425
52
Laravel 教程
1328
25
PHP教程
1273
29
C# 教程
1253
24
JavaScript引擎:比較實施 JavaScript引擎:比較實施 Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

Python vs. JavaScript:學習曲線和易用性 Python vs. JavaScript:學習曲線和易用性 Apr 16, 2025 am 12:12 AM

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

從C/C到JavaScript:所有工作方式 從C/C到JavaScript:所有工作方式 Apr 14, 2025 am 12:05 AM

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1)C/C 是靜態類型語言,需手動管理內存,而JavaScript是動態類型,垃圾回收自動處理。 2)C/C 需編譯成機器碼,JavaScript則為解釋型語言。 3)JavaScript引入閉包、原型鍊和Promise等概念,增強了靈活性和異步編程能力。

JavaScript和Web:核心功能和用例 JavaScript和Web:核心功能和用例 Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

JavaScript在行動中:現實世界中的示例和項目 JavaScript在行動中:現實世界中的示例和項目 Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

了解JavaScript引擎:實施詳細信息 了解JavaScript引擎:實施詳細信息 Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

Python vs. JavaScript:社區,圖書館和資源 Python vs. JavaScript:社區,圖書館和資源 Apr 15, 2025 am 12:16 AM

Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好,適合初學者,但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大,JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富,但Python適合從官方文檔開始,JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。

Python vs. JavaScript:開發環境和工具 Python vs. JavaScript:開發環境和工具 Apr 26, 2025 am 12:09 AM

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

See all articles