Build Desktop Apps with Flutter | Flutter Fluent UI

fluent UI package design beautiful native Windows apps using flutter like we have Cupertino and material app for developing IOS and Android style apps in this video we will see how can we create native Windows like UI using fluent UI package do you want to have your flutter app website or backend server completely developed in a high professional manner instead of developing it on your own then simply go to heyflatter.com app and we will develop this app for you first of all let's add the package fluent UI in pubspect.tml file under dependencies next in main.dot file let's replace the material app with the fluent app widget which comes with the fluent UI package in my home page we create a navigation view widget which will be having three pages to navigate next we set the app Bar for our navigation view with title background color and automatically imply leading to false now we can have a navigation pan with open Max width and openman width next in this navigation pan we can have our items such as home files and settings here the selected item will be our current page at first our current page will be 0 as we want first item to be selected and here we are changing the current page variable with the item index we are selecting next we will have navigation body as content where we will show our content of our page here we pass the current page as selected index to show it inside the navigation body and to its children we have the list of pages which we want to show inside the home page we have a button which is from fluent UI package here we also have the icon with its own fluent icons library inside the files page we have a chip widget with image text and on press property inside the settings page we have tab view where we can have multiple tabs here you have seen the basic widgets of fluent UI which can help you to start build Windows app foreign

Channel: HeyFlutter․com

Views: 22,780

Keywords: desktop applications, fluent icons flutter, fluent ui flutter documentation, flutter, flutter desktop fluent ui, flutter fluent ui, flutter fluent ui example, flutter fluent ui github, flutter fluent ui tutorial, flutter windows, flutter windows fluent ui, ui, user interface, widgets, windows flutter

Id: nBqCdMYpa9c

Length: 2min 1sec (121 seconds)

Published: Fri Jun 02 2023