Exploring a fluid bottom navigation. Dynamic width, soft motion, and a glassy aesthetic to keep the experience calm and breathable. #UIDesign #UXDesign #DesignSystems #BottomNavigation #MobileAppDesign #ProductDesign #BuildInPublic #EdTechDesign

نسخه 1.0.8 اپلیکیشن CCloud - تنظیمات سرعت ویدیو - اضافه شدن کلید های کنترل اندروید tv در ویدیو پلیر - اضافه شدن کلید های کنترل اندروید tv در صفحه تنظیمات - پخش ویدیو به صورت پیشفرض - رفع مشکل اندروید 8 - رفع مشکل BottomNavigation در موبایل و تبلت github.com/code3-dev/CCloud/…

状況 BottomNavigationで 画面遷移 Home -> BottomA -> BottomB -> BottomA 課題 Home -> BottomAのスタックでBottomBに切替時に Home -> BottomBのスタックになってしまって、 したときにBottomAのstateが消えてしまう #DroidKaigi

サンプルの指示YAML project: name: AI-Agent-Platform-Mobile description: モバイル用管理画面一式（Dashboard～SystemSettings、AgentSettings） designSystem: name: ModernMobile typography: scale: [12, 14, 16, 20, 24, 32] fontFamily: "Inter, sans-serif" color: primary: "#5C6BC0" onPrimary: "#FFFFFF" secondary: "#FFCA28" background: "#F5F5F5" surface: "#FFFFFF" error: "#E53935" elevation: level0: 0 level1: 2 level2: 4 level3: 8 patterns: - name: BottomNavigation description: 「下部タブバー」で主要セクションを切り替え - name: SwipeableCard description: 左右にスワイプして操作できるカードリスト - name: PullToRefresh description: リストの一番上を引っ張って更新 - name: FAB description: 画面右下のフローティングアクションボタン - name: SnackBar description: 画面下部に一時的に出る通知 screens: - name: DashboardMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: KeyMetricsCard type: molecule layout: autoLayout: true direction: vertical spacing: 12 padding: [16, 16] alignment: stretch properties: - name: metrics type: list items: - { label: "Active Agents", value: 12 } - { label: "Workflows Run", value: 345 } - { label: "Error Rate", value: "1.2%" } - component: name: RecentActivityLog type: molecule layout: autoLayout: true direction: vertical spacing: 8 padding: [16, 16] properties: - name: logs type: list - component: name: SystemHealthDonut type: molecule layout: autoLayout: true direction: horizontal spacing: 8 padding: [16, 16] alignment: center properties: - name: status type: chart chartType: "donut" data: [{ label: "OK", value: 95 }, { label: "Warn", value: 5 }] - name: AgentManagementMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: AgentListItem type: molecule layout: autoLayout: true direction: vertical spacing: 4 padding: [12, 12] alignment: stretch properties: - name: name type: text - name: status type: text - name: lastRun type: text - component: name: AddAgentButton patternRef: FAB type: atom layout: autoLayout: true direction: horizontal spacing: 8 padding: [14, 20] alignment: center properties: - name: label type: text default: "新規エージェント作成" - name: variant type: variant default: "primary" children: - type: text bind: label - name: WorkflowManagementMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: WorkflowListItem type: molecule layout: autoLayout: true direction: vertical spacing: 4 padding: [12, 12] properties: - name: name type: text - name: trigger type: text - name: lastRun type: text - component: name: PullToRefreshList patternRef: PullToRefresh type: molecule layout: autoLayout: true direction: vertical spacing: 4 properties: - name: items type: list - name: RAGSettingsMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: DataSourceItem type: molecule layout: autoLayout: true direction: horizontal spacing: 8 padding: [12, 12] alignment: space-between properties: - name: sourceName type: text - name: connectionType type: text - component: name: IndexList patternRef: SwipeableCard type: molecule layout: autoLayout: true direction: vertical spacing: 12 properties: - name: indexes type: list - name: SystemSettingsMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: ThemeToggle type: molecule layout: autoLayout: true direction: horizontal spacing: 8 padding: [12, 12] alignment: center properties: - name: theme type: toggle options: ["Light", "Dark"] - component: name: NotificationChannels type: molecule layout: autoLayout: true direction: vertical spacing: 4 padding: [12, 12] properties: - name: channels type: multiselect options: ["Email", "Slack", "PagerDuty"] - name: AgentSettingsMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch patternUsage: - pattern: BottomNavigation properties: items: - { icon: "home", label: "Dashboard" } - { icon: "robot", label: "Agents" } - { icon: "workflow", label: "Workflows" } - { icon: "settings", label: "Settings" } sections: - component: name: PageHeader type: molecule layout: autoLayout: true direction: horizontal spacing: 12 padding: [0, 0] alignment: center children: - type: icon source: "icon/arrow-back" - type: text content: "Agent Settings" style: fontSize: 20 fontWeight: bold - component: name: SettingsList type: molecule patternRef: SwipeableCard layout: autoLayout: true direction: vertical spacing: 12 properties: - name: items type: list itemTemplate: - name: title type: text - name: icon type: icon - name: action type: switch - component: name: SaveFAB type: atom patternRef: FAB properties: - name: icon type: icon source: "icon/check" - name: action type: function value: "saveSettings()"

Grokいい加減下から消えて欲しい　コミュニティと合わせてBottomNavigation真ん中2つ使わないの邪魔すぎ

唐突…どうも…(笑) あと背後に映ってるんけど、BottomNavigationと画面がズレてるのなんですこれ…あんま見ないんだが… #Radiotalk

Day 2 of #50DaysOfFlutter: Learned about bottomNavigation, I was able to create a bottom navigation bar successfully, switched between screens and making sure active screens have their bottom icons looks active. #Flutter #Dart

pixivとかのこの広告の配置はセーフなんかね？？？ BottomNavigationの上に置くのはダメなのに下はオッケーなのか🤔🤔🤔

BottomNavigationに関してはmaterial3よりmaterial2のほうが使いたくなるケースが多そうだなぁ

Building NoteVault with Compose (Update 2) ➡️Added App Icon ➡️Added Splash Screen ➡️Improved Code Architecture for Navigation & Screens ➡️Improved UI (Changed BottomNavigation color, Primary colors, Background Color, etc) #buildinpublic #learninpublic #kotlin #compose #android

そもそもBottomNavigationがある画面でマルチプルバックスタックしないでくれ、普通に使用者として嫌い

Day 27/100 ✅Debugged Yesterday's code ✅Impl. BottomNavigation ✅impl. Splash_Screen ✅Insem day 3(resumed After Holi break🫠) #100daysofcodechallenge #buildinginpublic

Day 26/100 ✅Decided to implement Threads Clone Application With Jetpack Compose ✅Done with the implementation of Navgraph with navigation component started implementing bottomNavigation getting some errors as of now :P #100DaysOfCode #buildinpublic

Sometimes I forget you literally OWN everything in flutter and you can do whatever you want with the whole framework. Plus there are tons of packages to help you out. BottomNavigation, drawer, FAB etc. doesn't have to be the one in the scaffold. #recreatewithczar #Flutter

何がだるいってテンプレの所まで持って行くのがだるい。 何十個もモジュール作って依存関係設定して、Background や Theme といった使い回しの Composable を書いて、どうせ BottomNavigation Drawer のアプリになるのわかってるのにここまで手動で書かなきゃいけないのがめんどい。

Day 10 of #100DaysOfCode 🚀 🔍 Explored BottomNavigation & Fragments in Android. 📘 Revisited the Android Volley library. 🖼️ Played with Picasso for image loading magic. 💡 Tackled a tricky LeetCode problem.

Jetpack ComposeのBottomNavigationでDetailScreenにbackしてもcurrentにする方法 blog.masterka.net/archives/4… #Java #kotlin #Android #jetpackcompose #programming #programmer #engineer #プログラミング #エンジニア #プログラマ #勉強垢

Ultimate cheat sheet to bottom navigation 💪🏼⚡️#bottomnavigation

画面広くしたいからとりあえず BottomNavigation 隠そうぜ！が必ずしも良い打ち手じゃないことを実感させてくれてありがとうX

[Qiita過去記事紹介] 「KotlinでBottomNavigationにバッジをつける」 qiita.com/oda3104/items/3c9c… #Android #Kotlin