iT邦幫忙

navigation相關文章
共有 22 則文章
鐵人賽 Mobile Development DAY 26

技術 【Day - 26】Navigation導航 - 瀏覽歷史對話

在【Day - 25】我們成功實現了歷史對話的儲存功能,讓我們每次開啟APP都可以延續先前的對話。今天的目標是實現查看對話記錄的功能。在這之前我們已採用Shee...

鐵人賽 SideProject30 DAY 6

技術 營養師不開菜單的第六天 - 探討 Next.js 連結導覽 & Data Fetching

網站如餐廳,提供多樣「數位料理」供使用者選擇。在這虛擬餐廳,Navigation 就像精心排列的菜單,列舉所有「餐點」,助使用者快速找到所需。而當使用者做出選...

鐵人賽 Modern Web DAY 20

技術 Day 20 - Next.js 13 App Router 路由切換:<Link> & useRouter

Client-side navigation 一直是 SPA ( Single Page Application ) 的一大特色。可以讓使用者拜訪其他頁面時,瀏...

鐵人賽 Mobile Development DAY 21

技術 Day21 使用M3的Navigation rail

Navigation rail 元件會顯示在應用程式中每個螢幕的同一側,顯示3到7個item。通常適用於平板的螢幕上,但也可以在手機裝置上使用,判斷螢幕寬度大小...

鐵人賽 Mobile Development DAY 16

技術 Day 16 - UI Navigation

隨著功能越來越多,畫面也會越來越多,跳轉畫面與返回也逐漸複雜,所以會使用 Navigation 函式庫統一處理畫面轉換與返回操作,也降低畫面之間的依賴關係。 O...

鐵人賽 Mobile Development DAY 18

技術 Navigation (2)

在 Android,navigation graph 是 resource 的一種,我們先建立 eta.xml。 先附上完整的內容,然後再慢慢講解入面的意思。...

鐵人賽 Mobile Development DAY 17

技術 Navigation (1)

經過了兩個多星期後,我們終於開始進入 presentation layer 的部分。Presentation layer 就是做 UI 相關的東西,例如 Act...

鐵人賽 Mobile Development DAY 11
Andoroid - Kotlin筆記 (新) 系列 第 11

技術 [Day11] Android - Kotlin筆記:JetPack - Navigation (Fragment間的頁面跳轉)

Navigation Navigation是Jetpack中的頁面轉換元件。用來取代FragmentTransaction, 以GUI方式呈現頁面流程, 能更方...

鐵人賽 Mobile Development DAY 19
Kotlin Android Jetpack 系列 第 19

技術 {Day19}Navigation-動畫、返回、傳值

Navigation動畫 enterAnim:B頁面進入動畫。 exitAnim:A頁面結束動畫。 popEnterAnim:返回A頁面進入動畫。 popExi...

鐵人賽 Mobile Development DAY 18
Kotlin Android Jetpack 系列 第 18

技術 {Day18}Navigation-跳轉

Navigation Navigation是用來管理Fragment的切換,重點是為了讓APP只有單個Activity多個Fragment。 name:必须是...

鐵人賽 Mobile Development DAY 27

技術 Day 27 Navigation (Last) Nested navigation set Arguments

Nested navigation graphs 在一個同系列目標的操作流程中,將各個 fragment 歸類在同一個 navigation 內非常有用,可以幫...

鐵人賽 Mobile Development DAY 26

技術 Day 26 Navigation (四) deep link

Navigation (四) deep link 在 Android 中, deep link 是一個可以讓用戶在開啟某些特定網站時直接進入應用程式特定目標(可...

鐵人賽 Mobile Development DAY 25

技術 Day 25 Navigation (三) 換頁動畫

animation Navigation 在 Fragment 也提供了加入動畫的功能,能讓 Fragment 的切換更加柔順與流暢,直接看效果圖。 只需要簡...

鐵人賽 Mobile Development DAY 24

技術 Day 24 Navigation (二) 概念原理

Navigation (二) 概念原理 來看看 Navigation 是怎麼管理 Fragment 的跳轉和返回的管理, Navigation 主要有三個部分:...

鐵人賽 Mobile Development DAY 23

技術 Day 23 Navigation (一) 介紹與基本使用

當專案越來越大,頁面一定也越來越多,在 Android 中,占滿整個螢幕的 View 幾乎都是用 Activity 和 Fragment 來顯示,這時候頁面的切...

鐵人賽 Mobile Development DAY 16

技術 [Day 16] Swift 餐廳詳細餐單資訊實作 (一)

簡要 上一篇已經將下拉特效實作好這篇要做一些簡單的設置並且將上篇的特效也添加進來還有一些小細節需要控制來看看原生 Uber eat下方如何實作 首頁 table...

鐵人賽 自我挑戰組 DAY 13
Swift!從新手到微上手 系列 第 13

技術 Swift-Navigation Controller

從一大早出門到現在,終於有時間回家發文,一直被追殺。 Navigation是一種Container的元件,讓View Controller像stack系統一般有...

鐵人賽 Mobile Development DAY 2

技術 [Day 2] Swift 使用TabBar+NavigationBar 範例 (上)

簡要 每個APP最基本都會運用到 TabBar+NavigationBar外送平台也不例外 基本上底層架構都差不多上下的Bar 有時有 有時隱藏的運用為了必免全...

鐵人賽 Software Development DAY 8

技術 Kotlin 開發第 8 天 BottomNavigation ( Fragment + Intent)

準備實現 iOS 上 UITabBarController + UINavigationController 的功能,這中搭配經常出現在各種類型的 App 上。...

鐵人賽 Modern Web DAY 25

技術 Day 25:實作 Navigation 與 Drawer

前言 前一篇在 App 上呈現 Github User 頁面,必須使用 GraphQL Query,這篇想要來嘗試實作一個使用 GraphQL Mutation...

鐵人賽 Modern Web DAY 13

技術 Day 13:Navigation Part II:新的 API - NavigationExperimental

前言 Product Pain 是 React Native 聆聽社群聲音的重要平台,而在上面 Navigator 是個知名的「Pain」,也催生了 Navig...

鐵人賽 Modern Web DAY 12

技術 Day 12:Navigation Part I:Navigation 簡介與 Navigator

前言 在 React Native 裡面,大多的概念以及 Component 都相當好上手,但 Navigation 是個例外。Routing and Navi...