🔵 Flutter

flutter에서 이모지를 입력하니 이런식으로 제대로 안나와서 찾아보니 해당 이모티콘의 유니코드를 따로 입력 해 줘야 했다.유니코드는 이 사이트에서 복사해오면 됩니당https://apps.timwhitlock.info/emoji/tables/unicode\\u

일단 이미지를 넣기 위해선 프로젝트 내에 assets폴더를 만들고 그 폴더 안에 필요한 이미지를 추가한다.pubspec.yaml 파일을 찾아 아래와 같이 작성한다.assets폴더에 있는 걸 다 가져다 쓰겠다.라는 의미!다시 main.dart로 돌아와 Image.asse

Row(행)와 Column(열)위젯은 flutter 레이아웃에서 안쓰는 경우가 없을 정도로 매우 유용하고 대부분의 레이아웃 디자인이 가능하다. 나는 행과 열이 가끔 헷갈릴때가 있는데 행열이 익숙해? 열행이 익숙해? ->행열가로세로가 익숙해? 세로가로가 익숙해? ->가로

1.이동할 route 생성2.Navigator.push()를 사용하여 route전환3.Navigator.pop()를 사용하여 다시 되돌아오기Page1에서 버튼을 누르면 Page2로 이동하고, Go back! 버튼을 누르면 다시 Page1으로 되돌아온다.Navigator

Expanded는 Flexible위젯의 fit옵션의 default값이 tight로 설정 되어있다.반면에 Flexible은 loose로 설정 되어있다.Flexfit.tight는 가능한만큼 늘어나고 Flexfit.loose는 필요한 만큼 늘어나는데 Flexible위젯이 E

Listview:내가 원하는 static, 정적인 뷰의 목록ListTile:각 목록 아이템 하나하나 leading:Image.network:📍랜덤 유저 이미지 https://randomuser.me/📍참고자료https://www.youtube.c

텍스트를 화면에 그려주는 Text()텍스트에 스타일을 주는 TextStyle()텍스트마다 다양한 스타일을 주고 싶을때 사용하는 RichText() 또는 Text.rich()문자열을 분리시켜주는 TextSpan()RichText는 TextSpan으로 구성된 트리로 이루어

Column 또는 Row로 위젯들을 배치하거나 크기가 매우 큰 위젯들을 배치하게 되면 화면의 크기보다 위젯이 더 큰 경우 발생하는 overflow 에러가 난다.이런 경우 SingleChildScrollView로 에러를 해결 할 수 있다.말 그대로 스크롤 가능한 건데,

이와 같이 Flutter에서 기존에 사용하던 Navigation은 Navigator에 context를 가지고 push 혹은 pop 등을 사용하는 방식이다.1.Getx설치하기pubspec.yaml-dependencies 아래에 get을 추가하고 pub get2.getX를

다음과 같은 Scrollbar이 있는 ListView를 구현할 때, ListView의 시작과 끝부분에서 드래그를 했을시 다음과 같이 UI가 원하지 않게 움직이게 된다. 이를 해결할 방법을 살펴보자.physics 설정을 통해 scroll의 특성을 변경 가능하다.Clamp

Getx란stateless만 사용하는 이유Getx장단점Getx의 기능 -getplatform / getmediaqueryGetx -put / findGetx -obx / obs

📍참고자료