> Frontend/Flutter

Flutter_20230414_01. Flutter

Janku 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