To achieve such a card
on the lesson we created _TravelItem. A TravelItem on behalf of a card.
Cards can click to jump to the details page
so we put a gesture outermost detectors
meet this situation, we just let him jump to the details page
Implement the layout of the card
Card rounded bottom shaded
cutting effect
encapsulating a ItemImage above image generation
bottom is a picture, the above is a superposition of label
in order to achieve superposition effects, when using the component with the Stack
to the lower left corner appears superimposed tags with Positioned this assembly to a fixed position of the label. Set bottom and left. This will fix the lower left corner of the
background at the bottom, so we set the outer layer of a Container. Left put the picture on the right to put text Text.
Because it is about the layout, so use Row layout, an icon on the left, the right is the text.
The left Icon
Egg
Text long or short, we want to display the text length exceeds the maximum ....
LimitedBox for maximum width and height of the control assembly, which may be limited by the text effects. We maxWidth maximum width is set to 130
_poiName method
End