How to fitWidth for an image in flutter while only showing the bottom of the image?

scott lee

I want to fit the image width into the screen as shown on the red box in the photo. However, when I use fitWidth, it crops out both the top and bottom of the image. How can I make it such that it only crops out the top and shows more of the bottom of the image?

Current code is as shown

Image.asset(
  'assets/images/xx.png',
   fit: BoxFit.fitWidth
 )

Thanks in advance enter image description here

Yeasin Sheikh

Use alignment: Alignment.bottomCenter,

 SizedBox(
            height: 100,
            width: 400,
            child: Image.asset(
              'images/p7_image_asset.jpeg',
              fit: BoxFit.fitWidth,
              alignment: Alignment.bottomCenter,
            ),
          ),

enter image description here

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Flutter image is not showing

How to add image in Flutter

while display image crop Top and Bottom of image using css

Align center of an image to the bottom of another image in flutter

flutter,how to place button at the bottom of the image?

Flutter Image fade out at bottom (Gradient)

Bottom overflowed by pixels flutter in Image.network

How to displays image assets while migration a flutter app to flutter web?

How to display image with top and bottom gradient shadow in flutter?

Svg image not showing in flutter

overflow hidden on the bottom only for an image in a complex shape

Paperclip Only Showing Default Image

How to occupy the app bottom with an image?

How to align an image to the bottom of the div?

Image tag is not showing image while image url is fine. MVC

How to set image at bottom of Imageview, but at image source not image size

how to use Picasso library to cut the image from bottom only

Background image at bottom of screen in Flutter app

How to make an image sticked to bottom, only when the section is not viewport?

Flutter drawer bottom image

Flutter image cropper not showing image to be cropped

Label(text) at the bottom side of image in flutter

Overalyed image not coming to bottom left in flutter

How to shift image top bottom in flutter

how to show CircularProgressIndicator while loading Image.file in flutter

.drawimage() is only showing the bottom left corner of an image

Flutter : Carousel image not showing?

how to validate Image size while picking/selecting the image in flutter?

Container with BoxDecoration Image Not Showing Flutter

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  3. 3

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  4. 4

    pump.io port in URL

  5. 5

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  6. 6

    BigQuery - concatenate ignoring NULL

  7. 7

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  8. 8

    Do Idle Snowflake Connections Use Cloud Services Credits?

  9. 9

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

  10. 10

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  11. 11

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  12. 12

    Generate random UUIDv4 with Elm

  13. 13

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  14. 14

    Is it possible to Redo commits removed by GitHub Desktop's Undo on a Mac?

  15. 15

    flutter: dropdown item programmatically unselect problem

  16. 16

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  17. 17

    EXCEL: Find sum of values in one column with criteria from other column

  18. 18

    Pandas - check if dataframe has negative value in any column

  19. 19

    How to use merge windows unallocated space into Ubuntu using GParted?

  20. 20

    Make a B+ Tree concurrent thread safe

  21. 21

    ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements

HotTag

Archive