# TextButton

5개의 포스트
post-thumbnail

위젯에 대한 기능_3

Column : 세로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisSize : 세로 방향에 대한 크기 mainAxisAlignment : 세로 방향에 대한 정렬 crossAxisAlignment : 가로 방향에 대한 정렬 Row : 가로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisAlignment : 가로 방향에 대한 crossAxisAlignment : 세로 방향에 대한 정렬 Stack : 화면에 위젯을 쌓고 싶을 때 사용하는 위젯입니다. children에서 아래에 있는 위젯이 더 위에 표시됩니다. alignment를 이용해 자식 위젯을 이동시킬 수 있습니다. SingleChildScrollView : Child 위젯이 화면의 스크린보다 큰 경우, 스크롤 할 수 있도록 만들어줍니다. TextField : 텍스트 입력을 받을 때 사용됩니다. Button dart // 위로 올라

2022년 6월 4일
·
0개의 댓글
·
post-thumbnail

퀴즈앱; List & if/else

goal : List, if/else 를 이용해 주어진 문제들을 맞추는 퀴즈앱을 구현하자. 화면구현 화면상에는 문제와 문제를 맞출 'True', 'False' 버튼이 보이도록하자. 문제와 버튼 두개, 총 3개의 행을 'Column' 클래스안에 구성해야한다. > - Scaffold bacckgroundColor : grey.shade[900] -Padding padding : 대칭(수평10) Quizepage(Column) 주축정렬 : spaceBetween 교차축정렬 : stretch Expanded1 flex : 5 -Padding padding : 전방향10 -Text('You can lead a cow down stairs but not up stairs') 정렬 : center

2021년 11월 7일
·
0개의 댓글
·
post-thumbnail

실로폰; input/output funcion

goal : 'audioplayers' 패키지와 'function'을 사용하여 'xylophone' 앱을 구현하자. 로컬assets디렉토리의 소리파일을 재생시켜주는 패키지를 이용하여 'xylophone' 기능을 구현하는 앱을 만들것이다. ※'input'(parameter) & 'output'(return)을 포함하는 function을 통해 코드를 최대한 간결하게 작성할 계획이다.※ 화면구현 먼저 화면을 작성하자. 소리를 내는 총7의 건반이 필요하다. 'Column'위젯에 7개의 'TextButton'을 만들고 각 버튼들을 'Expanded' 클래스로 감싸줄 것이다. ※패키지에서 제공하는 'player.play'명령을 이용해 소리파일을 재생한다.※ >- Scaffold 배경색 : bla

2021년 11월 2일
·
0개의 댓글
·
post-thumbnail

주사위수 변경; function&변수설정

goal : 'variable' & 'void function' 을 사용하여 유저와 상호작용하는 앱 만들기 화면에 있는 2개의 주사위중 하나를 사용자가 터치하면, 2개 주사위 모두 랜덤으로 변하는 앱을 만들어 볼것이다. 이미지파일 세팅 프로젝트내의images폴더에 1부터 6까지의 주사위 이미지를 넣어놓았다. 화면구현 화면의 2개의 이미지가 있어야하므로 총 'Row' 클래스를 사용해 2열로 구성하자. 각 열에 이미지를 배치할 것이다.위의 구조로 코드를 작성했다. ![](https://images.velog.io

2021년 10월 29일
·
0개의 댓글
·
post-thumbnail

Flutter - #13. TextButton

내가 보려고 쓰는 Flutter 일기 출처 : https://api.flutter.dev/flutter/material/TextButton-class.html > TextButton 오늘 배워볼 위젯은 TextButton 말그대로 글자 있는 버튼! 텍스트 버튼은 테두리가 보이지 않아서, 다른 내용과 섞이지 않도록 주의해서 배치해야한다. 다른 버튼들과 마찬가지로 onPressed 와 onLongPressed 속성을 null로 두면, 터치에 반응하지 않는 버튼이 된다. 크기 조절은 padding 속성으로 가능하고, 지난번에 배워본 ElevatedButton과 크게 다른 점은 못 느끼겠다. ElevatedButton이 누를 때 조금 더 튀어나온다는 정도? > 코드 예시로 알아보자 오늘도 공식 문서의 코드를 가져다가 돌려보고, St

2021년 6월 7일
·
0개의 댓글
·