Stack Overflow
Stack Overflow

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
1 answer

Flutter- Expansion Panel for TextField

Expansion Panels in flutter are great. They require header and body along with isExpanded property to be declared to be able to construct an Expansion panel. Like this: return new ExpansionPanel( headerBuilder: (BuildContext context, bool…
GoPro
  • 642
  • 1
  • 10
  • 24
4
votes
1 answer

Flutter profile page with cover image and avatar

I want to make profile page with cover image and profile image. I need to place profile photo stacked over cover photo at the bottom. Please refer to the above photo for reference. Below is the code i have so far class AccountPageState extends…
EMRADE
  • 173
  • 1
  • 5
  • 12
4
votes
2 answers

How to remove the content padding that the list tile comes with by default?

I was working with a drawer which had a list of tiles. Each individual tile has an image and a text following it. So I put the above mentioned widgets in a row. To my surprise, I found that there is some unexplained padding between the text and the…
jinugeorge
  • 99
  • 1
  • 1
  • 10
4
votes
1 answer

How to achieve relative font sizing in flutter?

how do I achieve relative font sizing in flutter? i.e, A font size of 16.0 might be proper in a Iphone X emulator but overflows in a Iphone 5s as the font size is huge for the 5s screen.Please feel free to tag anybody who might be able to help…
jinugeorge
  • 99
  • 1
  • 1
  • 10
4
votes
1 answer

TextSize not scale according to deviceSize or devicePixelRatio in flutter

I want to scale the text in my flutter application according to various devices size or devicePixelRatio value. I know flutter should scale text according to devicePixelRatio value, so I change my code in that way, but it's not working in my…
Rosemary
  • 1,049
  • 2
  • 11
  • 13
4
votes
1 answer

In Flutter, how can I define a baseline for a Stateless widget?

I have created a stateless widget, and I want to define a baseline for it, so that I can use it with the Baseline widget (https://docs.flutter.io/flutter/widgets/Baseline-class.html). How can I do that?
Marcelo Glasberg
  • 29,013
  • 23
  • 109
  • 133
4
votes
3 answers

Flutter: setState() or markNeedsBuild() called when widget tree was locked... during orientation change

I want to create a App whose UI can be updated based on device orientation. In Portait layout, i use a drawer to show some elements (Fig.). In Landscape layout, there is no drawer but the elements are showed in a column at left of screen (Fig.). The…
Tony
  • 41
  • 1
  • 3
4
votes
1 answer

Value resets in textfield when dropdown value is changed

The values of textfield resets whenever there is a change in dropdown field or even when you click drop down field. Here is the code.. list.forEach((i) { var textEditingController = new TextEditingController(); …
Dhiraj Sharma
  • 165
  • 1
  • 1
  • 11
4
votes
1 answer

Flutter use NetworkImage as background

is there some way for using NetworkImage as background ? I need create some box with network image and I need add some widgets over this image. Thanks for help.
Petr Klein
  • 797
  • 2
  • 9
  • 23
4
votes
1 answer

Display Chips and Text in multiple rows with flutter

I am trying to display chips and long lines of text wrapped in multiple lines inside of a row. This is wrong I want it like this, except for the label and the aligned on the same line. My current code: return new Column( …
aksn
  • 2,341
  • 4
  • 17
  • 21
4
votes
1 answer

Animate layout changes in Flutter

In an Android App I can define transitions when I know that a View will change its height. That change will then be animated. How can I do something similar with a Column in Flutter? I know of AnimatedContainer, but that only seems to work with…
sunilson
  • 1,449
  • 15
  • 31
4
votes
6 answers

How to create a age range slider in flutter?

Would anyone know how to create an age range slider in flutter? A slider which will have two input values. Somewhat like what Tinder has to choose min and max age. a slider that has two input fieldss
russsell phillips
  • 97
  • 1
  • 2
  • 5
4
votes
2 answers

Flutter combo box

I am trying to create a dropdown / combobox widget and having a hard time to figure. Below is the code that I have tried. Basically creating a list that I gathered from here and there but not able to put it in my own code accordingly. import…
JackyBoi
  • 2,695
  • 12
  • 42
  • 74
4
votes
3 answers

Container height Animation starts from the middle

The Flutter Container height animation starts from the middle, but I need it to start from the bottom here is my code import 'dart:math'; import 'package:flutter/material.dart'; class CorrectWrongOverlay extends StatefulWidget { final bool…
devmer
  • 63
  • 1
  • 2
  • 8
4
votes
1 answer

How to resolve bottom overflowed by infinity pixels?

I'm trying to make a Flutter app that can respond to a tap anywhere on the screen, using a GestureDetector. Here's my code: void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { …
Technicolor
  • 1,589
  • 2
  • 17
  • 31
1 2 3
…
99 100