Cherrie Kimcherrie.hashnode.dev·Jul 21, 2024[Flutter] 프로젝트 초기 설정 - 라우팅 (feat. Riverpod)앞서 말했든 이번 프로젝트에선 Riverpod를 활용할 예정이기에, 라우팅 기능이 내장되어있는 GetX와 달리 라우팅을 따로 설정해줘야 했다. 가장 인기있는 라우팅 라이브러리인 GoRouter를 활용하기로 결정했다. [링크] GoRouter를 사용하는 기본적 라우팅 예제는 다음과 같다: import 'package:go_router/go_router.dart'; // GoRouter configuration final _router = Go...DiscussFlutter
David Alexander Adamsdavidalex.ca·Jan 26, 2024Update navigation bar with Hashnode's headless CMSThis article assumes that the reader has built a custom homepage with Hashnode's headless CMS started kit. Here is the article if you are interested in creating your own! Hashnode's navigation bar is usually hidden on wider screen viewports. It is on...Discussnavigation bar
Salla Tero-Anandamurthysallatero.hashnode.dev·Dec 5, 2023How to translate navigation menu on Experience CloudTranslating navigation menu items for your Experience Cloud site is quite easy, with the exception of Home navigation item, which needs a bit more work. In this article I will walk you through the needed steps. Here we are using an Aura Experience Cl...Discuss·115 readsSalesforce Experience Cloud
Vyom Singhvyom20.hashnode.dev·Nov 18, 2023Bottom Navigation Bar in jetpack Compose using Material3 (UI/UX)Hi Devs, in this article i am going to show you how you can design bottom navigation bar in jetpack compose using navigation component(nav controller and nav host). Step 1: Set Up a Compose Project Firstly, create an empty Android Studio project. Ope...Discuss·10 likes·136 readsBottom Navigation 2023 jetpack compose
Alex Anieocxigin.hashnode.dev·Sep 22, 2023NavLink Component in React RouterIntroduction The <NavLink> component in React-Router is used for navigating to different components within a single page application. This is very useful when creating a navbar component in your React app. The <NavLink> component does the same thing ...Discuss·1 like·153 readsReact
Diana Nnaemekadianannaemeka.hashnode.dev·Aug 14, 2023Build a Sliding Navigation Menu Component with Tailwind CSS and JavaScriptIntroduction Lots of websites and web applications feature one tangible and critical detail: a navigation menu. When you browse around the web, it is clear that a navigation menu is one of the essential elements - if not the most important - in web a...Discuss·5 likes·4.1K readsTailwind CSS
Julian Ewers-Petersblog.ewers-peters.de·Apr 13, 2023Customize the Title Bar of a MAUI app with these simple stepsIntroduction Many mobile applications come with their own, custom title styling. This is important, because the title bar (or navigation bar, I will use the terms interchangeably here) plays a vital role in brand recognition since it is visible at th...Julian Ewers-Peters and 6 others are discussing this7 people are discussing thisDiscuss·6 likes·38.9K reads#dotnet-maui
Chetanwightintech.hashnode.dev·Mar 1, 2023Day 4 in #100daysofcode challengeHello and welcome to Day 4 blog that I am writing at what like 3 am or something, I'll schedule this for 9 pm , Today was not very productive, thanks to my college assignments and test. Okay cutting down this irrelevant info about my day and getting ...Discuss·2 likes·73 reads#100daysofcodechallengeFlutter
Rishu singhrishublog.hashnode.dev·Jan 17, 2023How to build a responsive navigation bar in ReactBuilding a responsive navigation bar in React can be a simple task if you follow a few basic steps. In this blog, we will go over the process of creating a responsive navigation bar using React and some additional libraries. Step 1: Install React Rou...Discuss·76 readsReact
Pushpa Malipushpamali.hashnode.dev·Jan 5, 2023Creating a simple horizontal navigation barHi there, In this blog, we are going to create a simple horizontal navigation bar using simple easy steps.So let's begin. Step 1:Create an unordered list. Firstly we have to create an unordered list of items that we have to display in our bar as foll...Discuss·239 readsHTML
![[Flutter] 프로젝트 초기 설정 - 라우팅 (feat. Riverpod)](https://cdn.hashnode.com/res/hashnode/image/upload/v1721554930750/389b4b7c-c87e-49c3-a27f-40b252fa74ba.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
