반응형 Flutter7 [Flutter] CircleAvatar & Fonts Flutter는 CircleAvatar라는 Widget이 있습니다. 이미지를 원형에 넣고 싶어서 쓴 기능입니다. 쓰는 방법은 간단합니다. backgroundImage를 통해 이미지를 넣어줍니다. child: Column( children: [ CircleAvatar( radius: 60.0, backgroundImage : AssetImage('images/img1.jpeg'), 다만 여기서 중요한건 경로 설정입니다. 경로 설정은 pubspec.yaml 파일에서 진행합니다. flutter: assets: - images/img1.jpeg 저는 images 라는 폴더를 만들었고, 그 안에 img1.jpeg 파일을 넣어줬습니다. 그리고 파이썬 처럼 간격이 매우 중요하기 때문에 유의하시길 바랍니다! Font를.. 2020. 8. 6. [Flutter] Stateless Widget와 Stateful Widget Stateless Widget은 상태를 가지지 않은 위젯입니다. 화면이 랜더링이 되고 나서 그 이후에는 변경이 되지 않은 작업을 할 때 많이 사용을 합니다. Stateful Widget은 Stateless와 반대로 상태를 가질 수 있는 위젯입니다. 화면이 랜더링이 되고 나서, 사용자에게 입력을 받거나 클릭으로써 상태가 바뀌는 등 작업에 사용을 합니다. ex)CheckBox,Silder 등 즉 Sateless Widget은 UI작업을 할 때, 바로바로 보기 위해 사용을 합니다. (보여주기만 하는 것) Sateful Widget은 상태를 가지고 컨트롤 할 때 사용합니다. (터치 컨트롤) 이렇게 나눈 이유는 두 개의 LifeCylce이 다르기 때문입니다. Stateless는 보여주기만 하는 build로 넘어가.. 2020. 8. 5. [Flutter] MainAxisAlignment (Axis) Flutter의 메인 축을 정렬하는 기능에 대해서 적어보겠습니다.(Axis는 중심선이라는 뜻 입니다.) 6가지의 함수가 있습니다. MainAxisAlignment.start MainAxisAlignment.end MainAxisAlignment.center MainAxisAlignment.spaceBetween MainAxisAlignment.spaceAround MainAxisAlignment.spaceEvenly 이것을 그림으로 나타내자면 Start 는 왼쪽 끝, End는 오른쪽 끝, Center는 중간을 뜻합니다. 사용은 Row() or Column() 안에서 적어주면 됩니다. import 'package:flutter/cupertino.dart'; import 'package:flutter/mat.. 2020. 8. 5. 이전 1 2 다음 반응형
