이미지 너비, 높이가 flutter의 매개 변수에 맞게 조정되지 않음

스왑 닐

그리드 항목 요소에서 잘리지 않도록 이미지를 약간 축소하려고합니다. 실제 이미지 크기는 300x300입니다.그리드보기 항목 이미지

아래는 이미지 너비와 높이를 명시 적으로 줄이려는 코드이며 맞춤 유형으로 많은 조합을 시도했습니다. 그래도 눈에 띄는 영향은 보이지 않습니다. 어떻게해야하는지 알려 주실 수 있나요? 양해 해 주셔서 감사합니다.

    @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: GridView.count(
      padding: const EdgeInsets.fromLTRB(0, 10, 0, 0),
      childAspectRatio: 1.5,
      crossAxisCount: 2,
      children: List.generate(
        8,
        (index) {
          return Center(
              child: Column(
            children: [
              Padding(
                  padding: const EdgeInsets.all(5),
                  child: CircleAvatar(
                    backgroundImage: Image.asset(
                      'assets/icons/antenna_icon.png',
                      height: 30,
                      width: 30,
                      fit: BoxFit.fitWidth,
                    ).image,
                    backgroundColor: Colors.grey.shade300,
                    radius: 50,
                  )),
              Text(
                "Evve",
                style: GoogleFonts.roboto(color: Colors.black87, fontSize: 15),
              ),
            ],
          ));
        },
      ),
    ));
  }
Mobina

Transform.scale의 자식으로 사용 CircleAvatar하고 이미지를의 자식으로 설정할 수 있습니다 Transform.scale.

CircleAvatar(
                    child: Transform.scale(
                      scale: 0.8,
                      child: Image.asset(
                        'assets/icons/antenna_icon.png',
                        height: 30,
                        width: 30,
                        fit: BoxFit.fitWidth,
                      ),
                    ),
                    backgroundColor: Colors.grey.shade300,
                    radius: 50,
                  )

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

가로 세로 비율을 유지하면서 4 개의 제약 조건과 너비 또는 높이 매개 변수없이 이미지보기에 맞게 이미지 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

표 셀에 고정 된 이미지가 셀 너비에 맞게 크기가 조정되지 않음

분류에서Dev

'공백 : nowrap'이있는 요소의 너비가 하위 콘텐츠에 맞게 조정되지 않음

분류에서Dev

CSS 그리드가 화면 너비에 맞게 조정되지 않음

분류에서Dev

웰 패널의 반짝이는 높이가 내용에 맞게 조정되지 않음

분류에서Dev

Android 브라우저에서 이미지의 높이와 너비가 100 %로 올바르게 조정되지 않습니다.

분류에서Dev

SVG가 화면 HTML의 전체 너비와 높이에 맞지 않음-반응하지 않음

분류에서Dev

화면 너비에 맞게 3 개의 이미지 크기를 조정하는 방법

분류에서Dev

RelativeLayout이 TextView의 너비에 제대로 조정되지 않음

분류에서Dev

포함 된 이미지의 너비에 맞게 div 크기 조정

분류에서Dev

너비 크기 조정 후 내용에 맞게 그리드 열이 축소되지 않음

분류에서Dev

너비와 높이가 정의되지 않음-Javascript / jQuery

분류에서Dev

TextView 내부 너비에 맞게 HTML 이미지 크기 조정

분류에서Dev

배경 너비에 맞게 이미지보기 크기 조정

분류에서Dev

배경 너비에 맞게 이미지보기 크기 조정

분류에서Dev

배경 이미지가 페이지에 맞게 조정되지 않습니다.

분류에서Dev

매개 변수가 전달되지 않고 내비게이터가 createStackNavigator에서 사용할 수 없음-React Navigation

분류에서Dev

화면 너비, 높이를 비교하고 모든 화면 장치에 맞게 가로 세로 비율을 잃지 않고 동적 이미지로드

분류에서Dev

양쪽 맞춤 탭이 너비에 고정되지 않음

분류에서Dev

HTML이 이미지의 너비를 조정하지 않음

분류에서Dev

화면 크기에 맞게 CGRect의 높이와 너비 설정

분류에서Dev

최대 너비가 설정된 div에 맞게 이미지 크기 조정

분류에서Dev

imageView의 너비 변경에 맞게 레이아웃 조정

분류에서Dev

캔버스의 이미지 너비가 올바르게 표시되지 않음

분류에서Dev

컨테이너 너비의 50 %에서 이미지가 작동하지 않음

분류에서Dev

높이에 맞게 CSS 배경 이미지, 너비에 비례하여 자동 크기 조정

분류에서Dev

높이 / 너비 비율을 변경하지 않고 큰 이미지 만 작게 크기 조정

분류에서Dev

설정되지 않은 너비 / 높이 효과가 개체에 맞는 이유는 무엇이며 해결 방법이 있습니까?

분류에서Dev

$ (window) .resize가 높이 / 너비 조건에서 제대로 실행되지 않음

Related 관련 기사

  1. 1

    가로 세로 비율을 유지하면서 4 개의 제약 조건과 너비 또는 높이 매개 변수없이 이미지보기에 맞게 이미지 크기를 조정하는 방법은 무엇입니까?

  2. 2

    표 셀에 고정 된 이미지가 셀 너비에 맞게 크기가 조정되지 않음

  3. 3

    '공백 : nowrap'이있는 요소의 너비가 하위 콘텐츠에 맞게 조정되지 않음

  4. 4

    CSS 그리드가 화면 너비에 맞게 조정되지 않음

  5. 5

    웰 패널의 반짝이는 높이가 내용에 맞게 조정되지 않음

  6. 6

    Android 브라우저에서 이미지의 높이와 너비가 100 %로 올바르게 조정되지 않습니다.

  7. 7

    SVG가 화면 HTML의 전체 너비와 높이에 맞지 않음-반응하지 않음

  8. 8

    화면 너비에 맞게 3 개의 이미지 크기를 조정하는 방법

  9. 9

    RelativeLayout이 TextView의 너비에 제대로 조정되지 않음

  10. 10

    포함 된 이미지의 너비에 맞게 div 크기 조정

  11. 11

    너비 크기 조정 후 내용에 맞게 그리드 열이 축소되지 않음

  12. 12

    너비와 높이가 정의되지 않음-Javascript / jQuery

  13. 13

    TextView 내부 너비에 맞게 HTML 이미지 크기 조정

  14. 14

    배경 너비에 맞게 이미지보기 크기 조정

  15. 15

    배경 너비에 맞게 이미지보기 크기 조정

  16. 16

    배경 이미지가 페이지에 맞게 조정되지 않습니다.

  17. 17

    매개 변수가 전달되지 않고 내비게이터가 createStackNavigator에서 사용할 수 없음-React Navigation

  18. 18

    화면 너비, 높이를 비교하고 모든 화면 장치에 맞게 가로 세로 비율을 잃지 않고 동적 이미지로드

  19. 19

    양쪽 맞춤 탭이 너비에 고정되지 않음

  20. 20

    HTML이 이미지의 너비를 조정하지 않음

  21. 21

    화면 크기에 맞게 CGRect의 높이와 너비 설정

  22. 22

    최대 너비가 설정된 div에 맞게 이미지 크기 조정

  23. 23

    imageView의 너비 변경에 맞게 레이아웃 조정

  24. 24

    캔버스의 이미지 너비가 올바르게 표시되지 않음

  25. 25

    컨테이너 너비의 50 %에서 이미지가 작동하지 않음

  26. 26

    높이에 맞게 CSS 배경 이미지, 너비에 비례하여 자동 크기 조정

  27. 27

    높이 / 너비 비율을 변경하지 않고 큰 이미지 만 작게 크기 조정

  28. 28

    설정되지 않은 너비 / 높이 효과가 개체에 맞는 이유는 무엇이며 해결 방법이 있습니까?

  29. 29

    $ (window) .resize가 높이 / 너비 조건에서 제대로 실행되지 않음

뜨겁다태그

보관