Questions tagged [flutter-layout]

The tag has no usage guidance.

0
votes
1answer
17 views

How to fix “Container cuts another container” problem

If I set the height of the green container to MediaQuery.of(context).size.height/2 it's work as expected, But set the height of the green container to MediaQuery.of(context).size.height/3 causes the ...
0
votes
0answers
20 views

How to create beautiful alertDialog like in web(tooltip)?

I need to design something like an alert view for display password policy. But I don't know how to design like this. If press button view this kind of alert? My design and code viewPolicy() { ...
0
votes
2answers
20 views

Nested FutureBuilder vs nested calls in database

I need to choose best approach between two approaches that I can follow. I have a Flutter app that use sqflite to save data, inside the database I have two tables: Employee: +-------------+---------...
0
votes
1answer
9 views

Resize Flutter FloatingActionButton

I can't figure out how to make the FAB smaller inside the first Container in the list. It seems to want to occupy the complete container, no matter what I try. Ive even tried a container within a ...
0
votes
0answers
12 views

How to add a rectangular overlay over camera and save image to gallery using flutter

I need to add the overlay above the camera like rectangle box and need to save the image to gallery Tried the basic flutter camera exampleenter image description here
0
votes
1answer
23 views

Positioned inside stack

How can I position widgets correctly? I supposed the positioning should be by some template and not by the eye. Lets say i want the white square will be in the top center of the black container, ...
0
votes
0answers
24 views

BottomNavigationBar is still activated when “showmodelBottomSheet” is called in Flutter

enter image description here My goal is to place a "modelBottomSheet" on top of a BottomNavigationBar like this: I am new with these two elements. Is there someone who knows any way to achieve what I'...
0
votes
0answers
15 views

How to edit Flutter Stepper Item programmatically

I have searched for 2 days but found no answer, so I hope anyone can help, my problem is : I want to update the list of step items on the stepper, the script like this: List<Step> _listStep = ...
0
votes
1answer
33 views

Set elevation under AppBar and under TabBarView

I have two tab. I want elevation bottom of Appbar and elevation bottom of TabBarView. How can I do this? Here is my Code, class MyOrder extends StatefulWidget { @override _MyOrderState ...
0
votes
2answers
21 views

Text inside Expanded does not wrap after flutter upgrade

I am on the flutter stable channel and I have recently upgraded from v1.2.1 to v1.5.4. After that my layout stopped working the way it did before. I have a SliverGrid with lots of Column Widgets ...
0
votes
0answers
29 views

Flutter Navigation in Search Bar

When I use the MaterialPage route, is create the scaffold inside my search bar. There's is a way that I can use another widget and not navigator ? because I can change buildResults and only works ...
0
votes
0answers
13 views

Expanded causes 'BoxConstraints forces an infinite width and infinite height.' in some cases

Summary When I have my custom widget inside a row that is inside an Expanded widget (Expanded > Row > CustomWidget), it works great. But if I then wrap the custom widget inside a column that is ...
0
votes
0answers
16 views

how to download/create pdf through webview in flutter

i have created a webviewscaffold and its worng good but 1- can't show a floating buton over it. 2- can't download anything from it (acutally i'm ttrying to use print command option that is in the ...
0
votes
1answer
19 views

refresh the data from network using future builder on clicking the onpressed action from another dart class

I have a stateful widget class app_body.dart and which will fetch some data from the API and display using the future builder. below is the sample code from app_body.dart import 'package:flutter/...
0
votes
0answers
14 views

Is there a way to create a permanent sidebar in Flutter Web?

I've started building a website using Flutter Web, but have come to the issue of being unable to create a persistent sidebar. Do you know if there is a way to do so, either by somehow making AppBar ...
0
votes
1answer
11 views

How to wrap Text on AppBar

I added sub-Appbar on my application. How to view all text on the app bar without reducing font size? @override Widget build(BuildContext context) { return Scaffold( appBar: ...
0
votes
0answers
21 views

How to efficiently create alphabet tracing app using Flutter?

I am trying to create an alphabets tracing app using Flutter. Below are the screenshots of what I intend to achieve and what I have achieved so far. Intend to achieve: https://imgur.com/3KfWFA7 ...
0
votes
0answers
15 views

How to change the value of Text from outside the text widget?

I have a text widget whose value should change on click of a button. But i cannot find a text Controller inside text widget? If i use TextField instead of Text, then on click of it, keyboard is ...
2
votes
2answers
60 views
+100

Flutter switch between fragments by supporting back to previous fragment

in this link in SF, @martinseal1987 show us how can we use separated widgets link with android fragments. I implemented this solution on my project and after running project i dont have any problem ...
0
votes
2answers
34 views

How to implement multiple horizontal lists inside a column

I want to implement multiple horizontal lists that contain cards with some details, and now all i get is just white screens(without errors) This is my code: Scaffold( body: Column( ...
1
vote
1answer
34 views

Preserve TextField value on orientation change in Flutter

I have a TextField inside an OrientationBuilder in Flutter. Now what happens, when I change the orientation of my App, is that the current value of the TextField (e.g. the text the user has put into ...
0
votes
1answer
18 views

opening Drawer on bloc pattern

after some days to resolve this problem, i can't i implemented simple blok pattern on my app and i want to open Drawer by pressing on FloatingActionButton or on Icons.menu icon, but my code as ...
0
votes
1answer
53 views

Flutter listview limit scroll

I am developing a flutter app. I am using ListView for scrolling. I need a horizontal scrolling. The scrolling slides width is 75% 0f screen width. I have six slides, first three slides colors are red,...
1
vote
1answer
25 views

How to auto resize text inside a row in flutter

I am trying to replicate the below UI. I want to show a list of items where each item is equally distributed into 3 sections(refer below image). I want to achieve the same responsiveness. But I am not ...
2
votes
1answer
27 views

How to create list of buttons in popup window flutter

I want to create something like image. I thought its a popup dialog. Is it possible to achieve this in flutter? How it could be done?
0
votes
1answer
23 views

Flutter container under system status

in flutter by default when we use AppBar that show under System Status for example: appBar: AppBar( title: Text( Strings.appName, style: appBarTextStyle, ), automaticallyImplyLeading: ...
0
votes
0answers
23 views

Why CustomSingleChildLayout can't depend on children sizes?

I want to implement complex layout that should be rendered inside a scroll view. It means that my CustomSingleChildLayout should resize itself to wrap it's children. But according to ...
-1
votes
0answers
49 views
+50

Flutter Scrollable Stack with Height greater than Screen Height

I have a widget hierarchy where SingleChildScrollView is the parent with a Stack as the child, the Stack has two children, if the Second child goes beyond the screen height its height gets clipped. ...
1
vote
1answer
26 views

Flutter responsive design: Dynamically change Column to Row if the screen is larger

How to dynamically change a Column widget to a Row Widget if the screen width of the device is above a certain treshold? The use case would be when user use the app on a tablet or landscape mode, the ...
0
votes
0answers
19 views

How can I hidden a bottom bar if camera is used?

I can't use the camera in fullscreen mode, and neither get a picture or access to the stored image due to the bareBottomNavigation, is there a way to hide it when i use the camera? body: ...
1
vote
1answer
24 views

How to avoid scrolling listview when scrolling in map within listview

I have a ListView, at the top of which I have a map, I want the map to scroll out of view when the ListView is scrolled, but I also want the user to be able to interact with the map. So scrolling ...
0
votes
1answer
18 views

Flutter: fully include a ListView inside a Column (no Expanded)

Inside a scroll view I want to display a widget, then a list, then a widget. Something among the lines of: @override Widget build(BuildContext context) { return SingleChildScrollView( ...
0
votes
1answer
53 views

How to implement this interesting List/Grid view animation using Flutter

I am looking for a way to replicate the animation as shown below. When a user taps on the cell, I want the image to animate and traverse to the target. How would I go about animating from a grid/list ...
-2
votes
0answers
60 views

Create a custom increment widget using Flutter

Does Flutter come with a built-in increment counter widget that I can put on a dialog? I am looking for a popup incrementor widget like shown below. I am new to Flutter and I am not sure how to go ...
0
votes
0answers
37 views

Flutter Transition - New Page reveals below Old Page (Elevated)

During routing to a new page in my flutter app, I want the old page(from where I am going to the new page) to slide to the left revealing the new page under it. Currently, in the default case, the new ...
3
votes
1answer
25 views

How to change TextField's textLable color on focus

What should I add in my code to achieve TextField's textLable color as Green on focus. TextField( keyboardType: TextInputType.emailAddress, cursorColor: CustomColors.seaweed, ...
0
votes
2answers
29 views

Flutter Layout: VerticalDividers not shown

I have a simple layout that consists of one Column with few children. Some of these are Rows which contain children either. I've added Dividers between the children of the Column and VerticalDividers ...
0
votes
1answer
34 views

Flutter page view not showing two slides

I am building a flutter app with page view. I want to show two slides in a screen. But when using Pageview I am giving viewportFraction is 0.5 . Before the first slide and after the last slide it ...
0
votes
1answer
44 views

How to make square raised buttons in Flutter?

I've got a whole bunch of RaisedButtons in a Wrap, so that they can take up as many rows as they need. But I do want to expand the buttons into square buttons. I can do that by replacing the Wrap with ...
-1
votes
1answer
23 views

How to change Colors.orage ro Colors.orage[800] on Theme?

I need to change my entire application theme. I addded this in my main method. Is it best way to change entire application theme or is that another way? Please tell me. @override Widget build(...
-1
votes
0answers
12 views

Vertical Scroll back like Pinterest on Flutter

I want to create vertical scroll back like Pinterest app of iOS. How do i implement the this with Flutter? please advice. Thank you.
1
vote
1answer
31 views

Flutter app on start it is showing white screen for few second

Why my flutter app showing white screen for few sec on start and how to solve this issue ?
0
votes
1answer
28 views

How to show rich message like Google-Assistant-output Basic Card on Flutter app

I made a chatbot with dialogflow and (https://github.com/diegodalbosco/flutter_dialogflow) this is working normaly with simple text response. Then when I add Google Assistant on a respond (Intent) ...
-1
votes
1answer
17 views

Values present in center of Card

I am getting response from api in which i get some values but my values shows in the center of card i just want to show then left side of card. Code : return Scaffold( body: new ListView....
0
votes
1answer
26 views

How to add hintText on Search Delegate?

How to change hint text and hint text color on Flutter showSearch() AppBar( backgroundColor: Colors.blue, centerTitle: true, title: appBarIcon(context), actions: <...
0
votes
1answer
16 views

Flutter Copy & Past Popup Got Overflowed from the viewport

I have used FormTextField widget to handle authentication page. The issue is when I select the content of FormTextField, shown Popup got overflowed from the viewport. here is an image that describes ...
0
votes
1answer
11 views

Alignment inside a Row

I'm trying to space this two items inside a row, I need to fix the text on the center and the icon in the right in the Row, but it's not working. Here is the image of how looks now Here is the ...
0
votes
1answer
36 views

How to show FloatingActionButton on top of the bottomNavigationBar

I want to show FloatingActionButton on top of the BottomNavigationBar. I have created two separate widgets for FloatingActionButton and BottomNavigationBar. But when i replace the ...
0
votes
0answers
13 views

Get notified if position/size of a widget changes

I have need to position some widget based on measuring another widget, which I do via a post frame callback. However, that only gets called once. Is there are more elegant way to monitor the layout ...
0
votes
1answer
41 views

Trouble aligning widgets in a Row in Flutter

I have 2 text fields and a button in a row. I would like to align them using MainAxisAlignment.spaceAround. Here is my code Widget _headerRow(BuildContext context) { final fixturesListProvider = ...

http://mssss.yulina-kosm.ru