There is a default padding in flutter_html already when trying to parse text.
Below is the difference between using HTML(data: ...) and Text(...) widgets.
Top: HTML Widget, Bottom: Text Widget
How can I remove the horizontal padding?
Asked
Active
Viewed 5,592 times
12
Md. Yeasin Sheikh
- 54,221
- 7
- 29
- 56
Mihail Iliev
- 163
- 1
- 8
4 Answers
40
The HTML or body is having a default padding and/or margin.
Try adding
"body": Style(margin: Margins.all(0), ...)
in the style parameter.
Sahil Sonawane
- 1,144
- 9
- 18
-
Could you give code example ? – Aristidios Jan 28 '22 at 10:47
-
2@Aristidios Add this param (style) to the Html widget. `style: {"body": Style(padding: EdgeInsets.zero, margin: EdgeInsets.zero)` – Sahil Sonawane Jan 28 '22 at 16:35
-
Legend, this works nicely. – velval Sep 29 '22 at 02:25
-
liberary updated. now try with `margin: Margins.all(0),` – Abdul Qadir Jul 17 '23 at 07:47
-
Thanks @AbdulQadir I'll update the answer – Sahil Sonawane Jul 31 '23 at 11:21
6
Html has updated, so I update accepted answer:
"body": Style(
padding: EdgeInsets.zero,
margin: Margins(
bottom: Margin.zero(),
left: Margin.zero(),
top: Margin.zero(),
right: Margin.zero(),
),
),
manhtuan21
- 2,388
- 2
- 10
- 24
1
Add inside the style parameter curly brackets.
body : Style(margin: Margins.zero)
Ravindra S. Patil
- 11,757
- 3
- 13
- 40
Sharon Atim
- 1,777
- 16
- 12
1
The syntax of redeclaring Html defaults changed a bit for the current package version. Now it should be the following:
Html(
style: {
"body": Style(
padding: HtmlPaddings.zero,
margin: Margins.zero)
},
data: text,
onLinkTap: (url, attributes, element) {
_onLinkTap(url);
}
)
Anatolii
- 21
- 3