Stack Overflow
Stack Overflow

Questions tagged [flutter]

Use this tag for questions about the Flutter cross-platform UI toolkit. If your question is platform-specific, tag the platform as well (e.g., [android], [ios], etc.). You may also wish to include the [dart] tag for coding questions.

Flutter applications are written in the Dart programming language, and can connect to platform languages such as Java, Kotlin, Swift, and Objective-C. Also, thanks to ffi support, it is possible to interact with the C code directly . Flutter itself is built with C, C++, Dart, and Skia (a 2D rendering engine).

Flutter development is currently supported on Linux, macOS, Chrome OS and Windows operating systems.

Flutter is developed and maintained by Google and will be the main development SDK for Fuchsia, the expected and upcoming new Operating System also by Google.

Four main components of Flutter:

  • A heavily optimised, mobile-first 2D rendering engine (with excellent support for text) for 60fps apps
  • A functional-reactive framework so you can build customised UIs
  • A rich set of libraries and widgets (Material Design, Cupertino) widgets (optional, you can build-your-own widgets) so you can get started quickly and produce high-fidelity experiences
  • Productive CLI and IDE (IntelliJ) tools for sub-second developer cycles

Flutter is different than most other options for building mobile apps because Flutter uses neither WebView nor the OEM widgets that shipped with the device. Instead, Flutter uses its own high-performance rendering engine and framework to draw widgets to the screen.

Flutter also offers developers a highly productive and fast development experience, fast runtime and engine performance, and beautifully designed widgets that make for beautiful apps.

Resource

Source Code and Building

Community

Books

  • Flutter in Action - Complete Flutter and Dart resource, currently in 'Early Access'.

Related tags

168087 questions
743
votes
29 answers

How can I remove the debug banner in Flutter?

I'm using flutter screenshot and I expected the screenshot to not have a banner, but it has. Note that I get a not supported for emulator message for profile and release mode.
Tree
  • 29,135
  • 24
  • 78
  • 98
608
votes
34 answers

How do I use hexadecimal color strings in Flutter?

How do I convert a hexadecimal color string like #b74093 to a Color in Flutter? I want to use a HEX color code in Dart.
creativecreatorormaybenot
  • 114,516
  • 58
  • 291
  • 402
554
votes
37 answers

Create a rounded button / button with border-radius in Flutter

I'm currently developing an Android app in Flutter. How can I add a rounded button?
Kingsley CA
  • 10,685
  • 10
  • 26
  • 39
547
votes
14 answers

How to change the application launcher icon on Flutter?

When I create an app with a flutter create command, the flutter logo is used as an application icon for both platforms. If I want to change the app icon, shall I go to both platforms directories and replace images there?, by platforms directories I…
RobertoAllende
  • 8,744
  • 4
  • 30
  • 49
537
votes
18 answers

How can I add a border to a widget in Flutter?

I'm using Flutter and I'd like to add a border to a widget (in this case, a Text widget). I tried TextStyle and Text, but I didn't see how to add a border.
Seth Ladd
  • 112,095
  • 66
  • 196
  • 279
494
votes
23 answers

I am getting error "cmdline-tools component is missing" after installing Flutter and Android Studio... I added the Android SDK. How can I solve them?

Android toolchain - I develop for Android devices (Android SDK version 30.0.3): X cmdline-tools component is missing Run `path/to/sdkmanager --install "cmdline-tools;latest"` See https://developer.android.com/studio/command-line for more…
Ashfaq
  • 4,943
  • 2
  • 7
  • 6
478
votes
34 answers

How to change package name in flutter?

Is there any way to change Package Name of Flutter project? I want to change package name and application name in flutter project.
Abc Xyz
  • 5,907
  • 5
  • 11
  • 7
469
votes
31 answers

How can I dismiss the on screen keyboard?

I am collecting user input with a TextFormField and when the user presses a FloatingActionButton indicating they are done, I want to dismiss the on screen keyboard. How do I make the keyboard go away automatically? import…
Collin Jackson
  • 110,240
  • 31
  • 221
  • 152
468
votes
28 answers

No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp() in Flutter and Firebase

I am building a Flutter application and I have integrated Firebase, but I keep getting this error when I click on a button either to register, login, or logout. I have seen other people have asked the same question, but none seems to work for me. I…
Kennedy Owusu
  • 5,690
  • 4
  • 15
  • 20
446
votes
20 answers

How do you detect the host platform from Dart code?

For UI that should differ slightly on iOS and Android, i.e. on different platforms, there must be a way to detect which one the app is running on, but I couldn't find it in the docs. What is it?
Gavin
  • 6,495
  • 3
  • 21
  • 22
442
votes
40 answers

How to run CocoaPods on Apple Silicon (M1)

I have a Flutter project that I'm trying to run on iOS. It runs normally on my Intel-based Mac, but on my new Apple Silicon-based M1 Mac it fails to install pods. LoadError - dlsym(0x7f8926035eb0, Init_ffi_c): symbol not found -…
Jacobo Koenig
  • 11,728
  • 9
  • 40
  • 75
434
votes
24 answers

Flutter - Wrap text on overflow, like insert ellipsis or fade

I'm trying to create a line in which center text has a maximum size, and if the text content is too large, it fits in size. I insert the TextOverflow.ellipsis property to shorten the text and inserting the triple points ... but it is not…
rafaelcb21
  • 12,422
  • 28
  • 62
  • 86
419
votes
19 answers

How to do Rounded Corners Image in Flutter

I am using Flutter to make a list of information about movies. Now I want the cover image on the left to be a rounded corners picture. I did the following, but it didn’t work. Thanks! getItem(var subject) { var row = Container( margin:…
Liu Silong
  • 4,902
  • 3
  • 19
  • 28
409
votes
27 answers

How to create number input field in Flutter?

I'm unable to find a way to create an input field in Flutter that would open up a numeric keyboard and should take numeric input only. Is this possible with Flutter material widgets? Some GitHub discussions seem to indicate this is a supported…
Janne Annala
  • 25,928
  • 8
  • 31
  • 41
387
votes
19 answers

How can I change the app display name build with Flutter?

I have created the app using Flutter create testapp. Now, I want to change the app name from "testapp" to "My Trips Tracker". How can I do that? I have tried changing from the AndroidManifest.xml, and it got changed, but is there a way that Flutter…
rajaishwary
  • 4,362
  • 2
  • 14
  • 14
1
2 3
…
99 100