개인 활동 일지

---

컨테이너와 센터 위젯

1. 영역을 표현하는 컨테이너 - Container

• 화면의 영역을 표현하는 위젯
• 영역의 margin, border, padding 지정 가능
  • margin은 위젯과 위젯 간격
  • border은 위젯의 테두리
  • padding은 위젯 테두리와 위젯에 출력되는 콘텐츠와의 간격

컨테이너 사용 예시

Container(
width: 100,
height: 100,
color: Colors.blue,
)

컨테이너 활용 예시

Container(
    decoration: BoxDecoration(
        border: Border.all(
        width: 16, 
        color: Colors.black),
        borderRadius: const BorderRadius.all(Radiuㄴs.circular(35)),
    ),
    margin: const EdgeInsets.all(20),
    padding: const EdgeInsets.all(40),
    child: Image.asset('images/Ralo.png'),
    )

특정 영역만 마진, 패딩 지정 예시

margin: const EdgeInsets.only(left: 20, right: 30) //왼쪽 오른쪽 마진(크기 수치가 다를 때)
margin: const EdgeInsets.symmetric(vertical: 30), //수직방향으로 마진(크기 수치가 같을 때)

onTap 했을 때 특정 url로 들어가기 예시

dependencies:
    url_launcher: ^6.1.12 //6.1.12는 작성자 현재 버전 기준

launchUrl(
Uri.parse('https://www.youtube.com/@RALO24'),
);