Questions tagged [flutter-layout]

Layouts in Flutter - Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase, refer to the classes called widgets used to build UIs, both for layout and UI elements. Layouts may be in the form of single-child or multi-child layout widgets. Use this tag for all types of layout widgets used in Flutter.

Layouts in Flutter- Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase, refer to the classes called widgets used to build UIs, both for layout and UI elements.

Layouts may be in the form of single-child or multi-child layout widgets. Use this tag for all types of layout widgets used in Flutter.

13064 questions
4
votes
2 answers

Flutter RangeLabels on RangeSlider not working

I'm trying to get the basic RangeSlider working with the labels showing the start end ranges of the labels. Below is the most simplified you can make it...a container that contains the slider. For whatever reason, the labels do not appear? I've…
mike hennessy
  • 1,359
  • 1
  • 16
  • 35
4
votes
2 answers

How to hide AppBar dynamically on Double Tap?

I want to dynamically hide and show App Bar on DoubleTap on Container with some animation on hiding, but the solution from this link doesn't work for my project: Flutter - How can I dynamically show or hide App Bars on pages Image of the app:…
szakes1
  • 794
  • 3
  • 16
  • 35
4
votes
3 answers

Flutter. How to make a child widget go beyond it's parent?

I need to make a bottom bar "shopping cart" icon and display a number of items it has. The problem is that I can't position a number label high enough. It gets clipped by it's parent constraints. The screenshots demonstrate it The button itself is…
Konstantin
  • 1,150
  • 13
  • 31
4
votes
2 answers

pubspec.yaml: Expected a key while parsing a block mapping

I'm working on new application and i get this error on "parsing a block mapping" I already tried this option :"https://stackoverflow.com/questions/55470780/error-on-line-55-column-4-of-pubspec-yaml-expected-a-key-while-parsing-a-block" but it won't…
4
votes
1 answer

Flutter resize TextField by dragging

Is there any way to create something like these dots, which can help in expanding TextField.
DolDurma
  • 15,753
  • 51
  • 198
  • 377
4
votes
1 answer

Flutter.dev states that there is 96 Logical Pixels per inch, but it is around 134 in my device and emulators

Flutter.dev states that there is 96 Logical Pixels per inch, but it is around 134 in my device and emulators. My device is: 2160px * 1080px 5.36in * 2.68in Device pixel ratio = 3 so 403 pixels in one inch. My device states that it has 360 * 720…
Masoudy BaBa
  • 383
  • 2
  • 12
4
votes
3 answers

Is it possible to exclude 1 widget from a column that has padding?

I have a column with buttons where I want padding for, however the top most widget is a row that I do not want padding for. Is it possible to exclude the row from the padding or do I have to define the padding for each and every button…
4
votes
1 answer

what is different between FractionalOffset and Alignment in Flutter?

I m confused about what is different between FractionalOffset and Alignment .. I see them doing the same .. check my example code to understand me : Example 1: final fractionalOffset = Container( margin: EdgeInsets.symmetric( …
Adam Kif
  • 107
  • 2
  • 9
4
votes
2 answers

Flutter: How would I create calendar plugin?

Scenario Background I want users to be able to reserve 1 hour time spots displayed as grid where the y-axis is the time and the x-axis is the date. both axis needs to be scrollable to change date and time. Kindly find below screenshot I know I need…
xiarnousx
  • 575
  • 6
  • 18
4
votes
2 answers

Is there a way to make the tab bar indicator line a gradient in flutter?

I am trying to create a TabBar which has a gradient underline like in the image below. I tried to use a BoxDecoration as suggested by earlier posts but it does not exactly display as i want it to. TabBar( labelColor:…
EMRADE
  • 173
  • 1
  • 5
  • 12
4
votes
1 answer

Flutter - Expanded doesn't take all available space when a sibling is Flexible

Image of the problem, shown as colored rectangles I want the first child of Column to be Flexible and the second to take up the entire remaining space. Apparently, this does not work. I'm now aware that this is the expected behavior. I would…
Hussain
  • 174
  • 1
  • 9
4
votes
1 answer

Flutter - how create rounded background color?

I use CarouselSlider in my flutter app.I showed Show dots indicator for my carusel. I need to place indicators in my carusel. I did it: Stack(children: [ //my carusel .... //my indicators Positioned( bottom: 2.0, right: 20.0, child:…
FetFrumos
  • 5,388
  • 8
  • 60
  • 98
4
votes
1 answer

How to use css-property in html string in Flutter?

Is there any better approach to use css property in html string in flutter? It is possible via inline or internal css property but is it possible via external css in flutter? Future _printPdfAsHtml() async { print('Print ...'); await…
jazzbpn
  • 6,441
  • 16
  • 63
  • 99
4
votes
1 answer

How to add VideoPlayer inside a Repaint Boundary in Flutter

I want to take a ScreenShot of video playing inside a video player. But i am not able to adjust my VideoPlayer Inside RepaintBoundary. RepaintBoundary( key: screen, child: Stack( children: [ Container( child:…
sahil shah
  • 41
  • 2
4
votes
2 answers

How to Center Align Text Widget and then add a leading icon to the text?

In a Row widget, I added a text Widget and I am able to center align the text by using mainAxisAlignment.center but when I add an icon before the text, the text obviously is now not centre-aligned because both Icon and Text get centre-aligned…
Udit Chugh
  • 681
  • 2
  • 8
  • 26