Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Flutter without material design or cupertino customizations?

Tags:

flutter

flutter-layout

I am fairly new with flutter and am trying to create a application that doesn't follow the material design guidelines(company wants their own designs).

I can only seem to create stuff using material design or cupertino. I am not sure how to use custom scaffolds or in the widget build function return new MaterialApp(..., or the AppBar if that can be flat instead of having a shadow.

I hope this is making sense. I am just trying to find a way around.

like image 373
Derek Avatar asked Nov 02 '18 20:11

Derek

People also ask

Do you have to use Material design with Flutter?

There is no problem with not using Cupertino/Material design. In fact flutter is made with custom brand design in mind. It just happens to ship a Material design as bonus. Flutter provides tons of design agnostics widgets that you can use to make your custom look.

Should I use material or Cupertino Flutter?

The Material design language was created for any platform, not just Android. When you write a Material app in Flutter, it has the Material look and feel on all devices, even iOS. If you want your app to look like a standard iOS-styled app, then you would use the Cupertino library.

Do you have to use material UI for Flutter?

Your Flutter app doesn't have to use Material components — introduce the styled components. I love the fact that Flutter lets you create beautiful and customizable UI.

What is the difference between material and MaterialApp in Flutter?

MaterialApp is a widget that introduces many interesting tools such as Navigator or Theme to help you develop your app. Material is, on the other hand, a widget used to define a UI element respecting Material rules. It defines what elevation is, shape, and stuff.

1 Answers

There is no problem with not using Cupertino/Material design. In fact flutter is made with custom brand design in mind. It just happens to ship a Material design as bonus.

Flutter provides tons of design agnostics widgets that you can use to make your custom look. A few examples are:

  • WidgetApp
  • GestureDetector
  • DecoratedBox

You can also make some very advanced rendering using the lower layer CustomPaint or RenderBox

You can have a list of what's available here: https://docs.flutter.dev/flutter/widgets/widgets-library.html

like image 83
Rémi Rousselet Avatar answered Oct 27 '22 08:10

Rémi Rousselet
Sign in to Comment

Related questions

How to scroll to bottom of SingleChildScrollView when TextField gets focus?
Flutter Google Maps remove navigation button at bottomRight on marker tap
flutter - Rewarded Video Ads Error when Reload : "ad_not_loaded, show failed for rewarded video, no ad was loaded, null)"
How to cache Firebase data in Flutter?
How to wait for async in initState
Flutter : local_auth: ^0.6.1 : PlatformException(error, You need to use a Theme.AppCompat theme (or descendant) with this activity., null)
Is there a Dart function to check if an object has a particular attribute or method?
Flutter - Space Evenly in Column does not work as expected
Flutter/Dart Async Not Waiting
How to align Column's children in different positions in Flutter?
Removing non unique Objects from a List (identifiable by a property)
Floating action button: how to change the splash color and highlight color like in a RaisedButton?
How to install flutter and dart in Xcode macosx?
It's possible to get the Scaffold's body height and width?
How to pass data from one provider model to another?
Where does `pub get` download pubspec dependencies to?
Unresolved reference: FlutterActivity
How do I upgrade an existing Flutter app?
How do I add Platforms to an Existing Flutter App/Project?
Flutter Layout: How can I put a Row inside a Flex (or another Row) in Flutter? Also using Stack widget

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!