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
4 answers

how to add tabbar without appbar in flutter

i have tried to recreate this design but failed to add TabBar and TabBarView below image inside the body .
Sarah
  • 1,195
  • 10
  • 17
4
votes
4 answers

Floating Action Button over a ListView Flutter

I would like to have a floating action button over my current ListView in the lower right corner but can't figure out how to do so since all my attempts gave me errors. The function of the button would be to add items to the current list of items. A…
Jack
  • 59
  • 1
  • 1
  • 7
4
votes
3 answers

Flutter - Text inside LinearProgressIndicator

In Flutter i have LinearProgressIndicator. Works but i want to add a text (progression) INSIDE this bar. I try something like this SafeArea( child: Row(children: [ Center( child: Text(DateFormat.ms() …
El Hombre Sin Nombre
  • 2,906
  • 18
  • 49
  • 92
4
votes
3 answers

How to show margin on left, right and bottom of showModalBottomSheet?

For the showModalBottomSheet i want to display margin around it. Mainly left and right. SO that it will look separated from the screen sides. How to achieve that. Also If i want to provide margin at the bottom, how to achieve that. Is there any…
Braj
  • 588
  • 3
  • 15
4
votes
3 answers

how to navigate different pages by curved navigation bar in flutter?

i can't able to use curved navigation bar in flutter, when i slide screen so buttons of curved navigation bar are also moving but when i tap on buttons of curved navigation bar nothing happens . i think onTap() didn't work properly. how to navigate…
user39587
  • 301
  • 3
  • 13
4
votes
4 answers

Flutter search unable to override certain theme styles

I am trying to customized the appearance of search using a custom SearchDelegate, but it appears that overriding appBarTheme only updates certain theme styles. I am able to change the color of the app bar and text style, but I appears to ignore…
Your Friend Ken
  • 8,644
  • 3
  • 32
  • 41
4
votes
1 answer

How to round corners of an entire app in Flutter?

I want my app to simulate the rounded display corners most modern day smartphones have by rounding the corners of the app and making the background black. Currently, the TikTok app has something like this. I already tried using the borderRadius…
Lucas Aschenbach
  • 862
  • 1
  • 11
  • 17
4
votes
1 answer

Video Carousel slider for flutter

I know there is image carousel slider, but what I need is video carousel slider. I manage to add video to carousel slider using chewie but don't know how to auto transfer to next video when the present video finish playing. class…
user12170779
4
votes
7 answers

how to push all content up when open keyboard

Is it possible to push all content up when open keyboard? (not only textField area, whole page push up) showModalBottomSheet( context: context, builder: (BuildContext context) { return BottomSheet(); }, …
BIS Tech
  • 17,000
  • 12
  • 99
  • 148
4
votes
2 answers

How to change the color of text dynamically in Flutter?

This is a small section of my app I made this by hard coding every detail. But I want to achieve this dynamically. The problem is - if I code for a certain period of time, I'll input the number of hours I've coded and if I achieve my milestone the…
Manish Paul
  • 424
  • 1
  • 8
  • 17
4
votes
1 answer

Flutter: How to handle image with null value?

I try simple layout from data. It should be just a text and image. However, looking at the data it have "image", null or video. My idea is when image= null, just show a transparent file. But how to handle video? List profileImage = ["picture1.jpg",…
Scott Summers
  • 75
  • 2
  • 5
4
votes
2 answers

post http request : The getter 'length' was called on null flutter

I want to create a user when I call my API. I created a Future with the URL and I call my model in the screen page. I get all data in my form but when I call my API, I have this error : The getter 'length' was called on null... User model : class…
MayuriXx
  • 777
  • 2
  • 14
  • 24
4
votes
4 answers

How to clear whole form on clear button click in flutter

How to clean the whole form when the user clicks the clear button. i've tried but when I am pressing the clear button it will not clear the Terms and condition checkbox and Dropdown. So I want that when the user presses the clear button it will…
Rutvik Gumasana
  • 1,458
  • 11
  • 42
  • 66
4
votes
1 answer

Problem switch values in ListView flutter

I create a Switch widget in ListView for each element. When i click on switch, the value change for all elements. I check in flutter docs, dart docs... I think, i don't recup the element position in onChanged method. But how do ? My value isSwitched…
MayuriXx
  • 777
  • 2
  • 14
  • 24
4
votes
1 answer

How can i achieve this type of custom tab design in flutter?

I am trying to design like this image in flutter.
Faisal Ahmed
  • 816
  • 9
  • 12