flutter-layout Questions

4

Solved

I tried a few different approaches but I can't get this to work. The layout I want to achieve is really simple and it's a breeze to implement in native Android: Fixed Container on top (blue) Scro...
Melodize asked 19/10, 2018 at 8:51

5

I'm using a SafeArea Widget and want to extract the height of the bottom area which is not within the safe area. As recommended in other sources I tried using MediaQuery.of(context).padding but it ...
Wheelhorse asked 16/12, 2019 at 16:33

20

Solved

I'm trying to construct a simple login page for my Flutter app. I've successfully built the TextFields and log in/Sign in buttons. I want to add a horizontal ListView. When I run the code my elemen...
Insolvable asked 14/8, 2017 at 7:12

4

Solved

Following is my code where I am trying to add form TextFormField with decoration as seen in mock: Rounded border Background colour to grey First email and then password with text not visible Wher...
Popple asked 19/12, 2019 at 6:22

5

Solved

I have a Flutter Container widget and I defined a color for it (pink), but for some reason, the color in BoxDecoration overrides it (green). Why? new Container( color: Colors.pink, decoration: n...
Tiannatiara asked 16/8, 2017 at 23:44

9

Solved

I need to use SingleChildScrollView in order to be able to use keyboard_actions so that i can put a "Done" button on top of the keyboard in iOS (using a numeric keyboard at the moment) The SingleC...
Rheingold asked 8/3, 2019 at 16:32

3

Solved

I started using flutter markdown, however I'd like to justify the content, and I couldn't until now. I tried using a Center and Alignment but didn't work. import 'package:flutter/material.dart'; ...
Coming asked 7/2, 2019 at 18:37

17

How can I add shadow to the widget like in the picture below? This is my current widget code.
Gauger asked 7/9, 2018 at 18:22

30

Solved

Tapping the container triggers the onTap() handler but does not show any ink splash effect. class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) ...
Nabataean asked 31/7, 2017 at 20:20

4

Solved

I using Infinite Scroll Pagination plugin in my flutter's app. I need also using SilverAppBar in my page. This is my code: return Scaffold( body: DefaultTabController( length: 2, child: NestedSc...
Interesting asked 15/12, 2021 at 20:7

4

Solved

I have text in a row that is overflowing and it will not clip properly. Below is a simple hierarchy of my Widget with notes. ListView ListItem1 ... ListItemN Padding Row // mainAxisAlignment....
Sibell asked 18/6, 2018 at 14:29

2

I have a ListView in Flutter that I allow users to dynamically add items to. After adding an item I would like for the list to scroll to the item that was added. I've attached a ScrollController to...
Amberjack asked 22/7, 2019 at 0:37

26

Solved

I am trying to retrieve bunch of images from an api. I want the images to be displayed in Circular form so I am using CircleAvatar Widget, but I keep getting images in square format. Here is a scr...
Eran asked 28/11, 2018 at 6:33

5

Solved

All texts in Figma have some height, for example 1.5, but when I set that height to the TextStyle, all lines with the new height are aligned to the bottom. If using Center or Align widgets - wrong...
Desex asked 14/10, 2021 at 15:36

4

I want to show a list in flutter and I'm using listView. The thing is I just want to show 5 items, by this I mean that When the user scrolls down I want to remove from the beginning index and add a...
Wofford asked 8/9, 2020 at 14:8

2

Solved

I want to add border to the icons in flutter like in the image below. How can I achieve that?
Chengtu asked 28/8, 2020 at 7:23

10

I have a 2 column flutter DataTable and the lines don't span the screen width leaving lots of white space. I found this issue https://github.com/flutter/flutter/issues/12775 That recommended wrap...
Duntson asked 17/6, 2019 at 5:12

8

Solved

I am trying to build a macOS desktop app with flutter. I want the app to be full-width, edge-to-edge. However, when I run the app via the simulator, or after the build, it always launches the app w...
Deprived asked 27/4, 2020 at 3:15

4

Solved

I have upgraded the pub yaml to the major version flutter pub upgrade --major versions and it gave me a lot of suggestions error I don’t understand why?. Can someone explain? And this is for an exa...

24

Solved

How to customise TextField's width and height?
Dismiss asked 17/5, 2018 at 21:8

11

I am using SliverAppBar and SliverListView in my project. I need BorderRadius to my SliverList that is coming bottom of my SliverAppBar. Here is screenshot what I need : And here is my code: Scaff...
Umbra asked 26/10, 2019 at 11:9

9

Solved

When creating a Text widget with a long string in Flutter, it wraps its text when put directly in a Column. However, when it is inside Column-Row-Column, the text overflows the side of the screen. ...
Instable asked 11/2, 2019 at 15:40

4

I currently have a SingleChildScrollView as a parent and a GridView as one of the child widgets. Everything is working fine but when the GridView finishes scrolling, the scroll does not pass on to ...
Garret asked 15/7, 2018 at 9:49

3

I am taking ListView() or SingleChildScrollView() in body widget by default. So it is scrolling the content if it is less content. I want to scroll enable only if content is greater than screen hei...
Kowtko asked 25/11, 2021 at 13:44

7

Solved

I am working on flutter project.On which I have to draw one circle on my current location on google map.Does any one have idea. I want like this in flutter Thanks in advance.
Stock asked 16/1, 2019 at 6:33

© 2022 - 2024 — McMap. All rights reserved.