ABOUT ME

Today
Yesterday
Total
  • Flutter_20230414_01. Flutter
    > Frontend/Flutter 2023. 4. 14. 20:47

    1. Review.

       -Task: From Parent add 2 colors to gradient_container.dart

       - 기존 부모에서 넘겨주는 부분과 Child Constructor  수정:

    body: const GradientContainer("Hello World", Color.fromARGB(255, 4, 2, 80),
        Color.fromARGB(255, 45, 7, 98))
    const GradientContainer(this.text, this.color1, this.color2, {super.key});
    

    - 이때, 기존에 사용하던 BoxDecoration의 const 를 삭제해야한다. 이유는, Color가 list형태인데, list 는 변화될 수 있기 떄문.

    decoration:  BoxDecoration(
        gradient: LinearGradient(
      colors: [color1, color2],
      begin: startAlignment,
      end: endAlignment,
    )),

     

     

    2. Implement Images on Flutter.

       - 상위 폴더에서 assets/images 파일을 넣고, libs내 pubspec.yaml파일내, assets: 주석을 해제

       - 아래와 같이 - assets/images/파일명.확장자 를 삽입

    assets:
      - assets/images/dice-1.png
      - assets/images/dice-2.png
      - assets/images/dice-3.png
      - assets/images/dice-4.png
      - assets/images/dice-5.png
      - assets/images/dice-6.png

       - 사용할 곳에서 아래와 같이 Images.asset으로 이미지 넣어준다.  (Images.asset은 생성자.)

    child: Image.asset('assets/images/dice-2.png'), // way to add  images
    

     

    댓글

Designed by Tistory.