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

Material elevation not working after clipping

Material widget's elevation not working after wrapping it into ClipPath. Before clipping. After clipping. Anyone knows why this is happening? Here is my code. void main() { runApp(MaterialApp( home: MyApp(), )); } class MyApp extends…
Mayur Prajapati
  • 597
  • 1
  • 6
  • 14
4
votes
2 answers

Flutter button, unwanted extra top and bottom padding

I'm trying to customize a Flutter button: ButtonTheme( child: FlatButton( child: Text(_text), color: _color, onPressed: _onPressed, ), minWidth: 40, ), But I can't get rid of the extra top and bottom…
wiradikusuma
  • 1,930
  • 4
  • 28
  • 44
4
votes
4 answers

Flutter: draw half circle

How to draw a half circle like this? please, i don`t want a Container widget and change its radius
M.Ali
  • 8,815
  • 5
  • 24
  • 42
4
votes
1 answer

Flutter: How to place a button in the middle of 2 containers?

UI Layout If the purple area is inside an Expanded widget, how would I go about to position the button? I've implemented that UI by setting a fixed height to the purple container but haven't been able to understand how to achieve the same effect if…
4
votes
3 answers

Tap on entire row in ListView Flutter layout

So I have a settings screen which is a ListView and I want the user to be able to tap on the entire list row to change that setting. However, I can't seem to find a non-insane way of expanding the child of the GestureDetector to fill up the entire…
TimSim
  • 3,936
  • 7
  • 46
  • 83
4
votes
1 answer

How to send data back from iOS to Flutter?

I am trying to get iOS to send data back to flutter. More specifically the Control Center Media Controls. I am working on a music app and I can get data sent from Flutter to iOS, thus allowing it to be displayed in the Media Controls. However, how…
punjabi4life
  • 655
  • 1
  • 9
  • 22
4
votes
2 answers

How to create a persistent bottomsheet with circular corners in Flutter?

I want to create a persistent BottomSheet with rounded corners, but not able to achieve the results. I have already tried the code give in link "How to create a modal bottomsheet with circular corners in Flutter?" but it implements modal sheet. I…
user1734642
  • 77
  • 2
  • 7
4
votes
1 answer

Add button on the screen without using MaterialApp Flutter

I'm trying to make simple example that has a clickable button in center of screen in Flutter. I can do that using MaterialApp widget but I want to do it without using MaterialApp. This example works with Text widget import…
MSaudi
  • 4,442
  • 2
  • 40
  • 65
4
votes
1 answer

How to make 'stacked card list view' in flutter?

I want to build ui similar to this link in flutter. https://github.com/loopeer/CardStackView/blob/master/screenshot/screenshot1.gif Key ideal features are followings. Behave like list view, but cards should be stacked at the top of screen. List…
kasahara Seiji
  • 145
  • 3
  • 7
4
votes
1 answer

How to update Draggable child when entering DragTarget in Flutter?

I have a number of Draggables and DragTargets. On the Draggables I have specified child and feedback, however I also want it to change it's look when the Draggable enters the DragTarget. I can't see any way to do this. Whenever I drag the Draggable…
dynamokaj
  • 471
  • 7
  • 19
4
votes
3 answers

Fill all available horizontal space in a stack

Inside a card I have a stack with 1) an image and 2) a text inside a container. How can I make the container width to fill the card width? Card( clipBehavior: Clip.antiAlias, child: Stack( children: [ Positioned.fill(child:…
woshitom
  • 4,811
  • 8
  • 38
  • 62
4
votes
1 answer

in flutter page textfield hidden by keyboard

I'm using flutter to make a page that someone can comment.And the page is shown by showModalBottomSheet. but the textfield is hidden by the keyboard when the keyboard showing in the front. flutter doctor output: Doctor summary (to see…
Sheng Qiu
  • 41
  • 1
  • 4
4
votes
2 answers

flutter - widget with transparent background

I am creating a StatefulWidget which have a transparent background. Code for same is: return Scaffold( body: Builder( builder: (context) => Material( color: Colors.black.withOpacity(0.75), child: new SafeArea( …
Rahul Sharma
  • 12,515
  • 6
  • 21
  • 30
4
votes
1 answer

How to create a custom information windows google map flutter?

I'm converting my application to application use Flutter. At the google map plugin, I don't know to create custom information windows same image below
Lam Lee
  • 109
  • 1
  • 8
4
votes
1 answer

AnimatedContainer with rounded corners

I have been trying to make rounded corners in an AnimatedContainer. So I wrote this code : return Center ( child: Column ( mainAxisAlignment: MainAxisAlignment.center, children: [ AnimatedContainer ( …
Young
  • 1,061
  • 3
  • 12
  • 28