Is it necessary to use wrap another widget (ie Text, image etc) inside the Container widget as a child, if we want to apply styling to the child widget? In other words, can I apply styling to my Text or Image widgets without wrapping them inside Container widgets?
Yes its is necessary to wrap your widget using a Container or DecoratedBox.
The reason is that in flutter decorations are applied using the BoxDecoration class. If you want use styles like Borders, Background Colors Shadows etc you would need to use a Widget that uses a BoxDecoration.
If you don't want to use a Container you can use the DecoratedBox widget provided by flutter amongst others.
If you want to apply styles only to your text data, then you don't need to use Container or DecoratedBox, as pure text styles can be provided to the Text Widget, by providing the style property with the a TextStyle Class.
DecoratedBox Widget Docs
BoxDecoration Docs
TextStyle Docs
Related
I've always wondered why Flutter doesn't have a Margin Widget but do have a Padding Widget?
Note: I know that I can access both properties using a Container Widget.
:v Aren't they are the same? "A margin is the space around an element's border, while padding is the space between an element's border and the element's content". If you Padding widget or Margin widget (if Flutter have), they also create a space from child to Padding/Margin widget - obviously same purpose. When you use Container, you can create a border and now you would see the difference.
Lets just say I have 2 widgets on the screen, one a dynamic container that the size depends on the things that are inside that container, and the second widget would be a scrollable ListView. Ideally, I am trying to have both widget on a non scrollable screen, only having the list view to be scrollable. I have tried using a GlobalKey attached to the dynamic container, and then defining the size of the container that's holding the ListView widget with that, but it did not work. This is done on Flutter Mobile development
There are multiple ways to do this. Here is how I would do it-
To limit the height of ListView, wrap the ListView with a Container widget and set the height of the Container to the required height. To make the container cover entire space, wrap with in an Expanded widget. So this is how your widget tree would look like-
//Expanded { //Container { //ListView }}
I want to add a buttombar to my application Contains only just one text with background color .
I need it to write the copyright in my application, but I find just that I have to add At least a two-item
In the list,
I don't need this
Just i want to add a single one text with a background color
In your case you do not need a bottombar widget.
you can create a container with specific height and background color and center a text widget in the container.
If you are looking to add bottomNavigationBar with one item only you can just write your own widget in the bottom navigation bar like a Container and set a background of your choice and give it a child widget wrapped in an INKWELL or GESTUREDETECTOR and if it overlaps with the Phone's GUI you can wrap the inkwell with SAFEAREA widget
I don't know I can create shadow in the corners of card like image.
In this video, I wanted to create a shadow effect within the Card widget in the flutter app but there is no such attribute in the card class in a flutter. So we need to use Container Widget within Card Widget to create such an effect. Watch the Solution Video, understand how the shadow effect is achieved.
Use Card widget
There is no such attribute as Inner Shadow in Card Class
You have to use Container Widget to create such an effect
In the Container widget, use decoration property
In decoration, use BoxShadow
https://flutter.dev/docs/cookbook/gestures/ripples
The Inkwell widget is explained on the above page.
I'm not sure when to use the Inkwell widget.
I can understand it somehow.
As a procedure when we want to add a ripple effect
1.Create a widget that supports tap
(Generate a widget that supports taps)
2.Wrap it in an InkWell widget to manage tap callbacks and ripple animations.
(Wrap with Inkwell widget)
In the explanation, the Container widget is used as a "widget that supports tapping" as a sample.
I guess the Container widget is probably a "tap-supporting widget",
What kind of widget is "a widget that supports taps"?
(Requirements for saying that taps are supported)
After all, as for how to use the Inkwell widget,
"If you want to add both to a widget that cannot add ripple effect or tap callback by itself"
As described in doc https://api.flutter.dev/flutter/material/InkWell-class.html, A rectangular area of a Material that responds to touch. It doesn't matter which child widget it has, it performs splash animation on it. But The InkWell widget must have a Material widget as an ancestor.