How to shrink this space I marked in the image ? Is there settings that can be modified ?
Related
I tried to follow this link to create a scrollable UI: https://www.youtube.com/watch?v=ArH0S2Cdptk&t=21s&ab_channel=AlexanderZotov
If I use Text, it is working as expected. But if I use TextMeshPro, it won't scroll until bottom.
When Loaded it look like this
When I scroll down normally, it only reaches up to this point.
If I try to force the scroll, it would reach here but if I release my scroll, it will return to the 2nd image.
Here's my objects:
My text container is connected to TMP rect.
Why is it that it won't go to the bottom normally when I scroll?
Note: The height of the TMP has the whole text included without any truncation.
I don't know why, if I just use the exact height of my text, it won't work. But if I just doubled the height, it is working as my expectation.
It seems the Icon widget has a built-in padding, but I would like to remove the padding in order to properly align the icon with other widgets on the left side.
As you can see from the screenshot below, the widget itself is perfectly aligned to the left (I wrapped the Icon in a Container with background color just for testing purposes), but the icon has some padding and it looks missaligned.
Is there a possibility to remove this padding?
I just checked the Icon implementation (you can take a look as well) and could not find anything about added padding. I am not 100% certain but I assume the whitespace is from the icon itself.
I have an alternative solution though:
Get the icon in SVG format (you can download Google Icons from Google Fonts
Remove the padding using a SVG editor (you can use Figma Free version)
Add the icon as an asset in your pubspec.yaml
Good luck!
I'm using ListTiles in a horizontal menu. However each ListTile seems to be the same width, which is quite wide. I only want the width to be wide enough for the text and a small amount of padding. Can this be done?
I want to give a margin around the whole screen in Flutter. So I put my content inside a Column and put the Column inside a Container. So I gave a padding to the whole screen. But when a TextField is selected and the keyboard appears the bottom overflow. I can't give resizeToAvoidBottomPadding: false, because then the keyboard covers the TextField.
I can't use SingleChildScrollView or a ListView because then the placing of the children won't keep space between.
It seems the only option is to remove the Container and set a padding to each child of the Column.
Is there a better option for this ?
Hello How can I remove this space between the logo and the Text "Privacy Policy"
Below is my code and space position.
I think that reducing the height of the container you place the image in should help solve the problem.