The BIGGEST Flutter LIE 🤐

most apps use material design that looks the same on android and ios devices we create an adaptive app that renders widgets correctly on android with material design and on ios with cupertino design you could manually check the platform your app is running on and display the correct material design and kubertino design widgets instead of doing this for the scaffold the app bar and any other widget in your app simply use platform aware widgets from the flutter platform widgets package to make this work you also need to exchange the material app that is only for android devices by the platform app to customize the platform app for each platform set the material and copatino properties here you can define all the properties that you had in your material app such as the theme and you could also customize the design of the ios cupertino site for all other platform widgets you also have material and cupertino properties so let's customize the scaffold on the android side and include a draw and floating action button that are only available for the android material design we have many more platform widgets such as the navigation bar notice next to the adaptive navigation bar we have platform icons that display the right icon for each platform we have a platform widget that allows us to display a custom widget on android and also on ios next we have an adaptive text field within the adaptive app actions we can add a pop-up menu on ios it is displayed at the bottom and on android at the top we also have a text button that is adaptive an adaptive elevated button if we click on this button we navigate to a new page notice the material page route needs to be exchanged by the platform page route to support platform specific transitions next you can call the show platform dialog method to display an adaptive dialog also we display a bottom sheet with the android content and for ios we display a cupertino action sheet whereas here you can define separate actions and finally you can display a platform aware date picker two more common widgets are the platform switch and also the platform slider [Music]

Channel: HeyFlutter․com

Views: 26,753

Keywords: android, dart, flutter, flutter adaptive dialog, flutter adaptive navigation, flutter adaptive scaffold, flutter adaptive theme, flutter adaptive ui, flutter adaptive widgets, flutter cross-platform support, flutter multi platform, flutter multi-platform, flutter platform check, flutter platform widgets, flutter platform widgets example, flutter platform-specific ui, flutter widgets, ios, material design, platform aware

Id: WazBqO1jzN8

Length: 2min 18sec (138 seconds)

Published: Sat Mar 19 2022