개발관련/flutter30 [flutter] 내비게이터(Navigator)를 이용한 화면 이동 방법 flutter에서 화면은 route라고 하며 내비게이터(navigator)를 이용해 route를 이동할 수 있습니다. Navigator을 이용하여 화면(route) 이동 방법을 알아보겠습니다. 내비게이터는 스택 형태로 되어있습니다. 스택은 보통 push를 이용해 쌓고 pop을 이용해 뺍니다. 플러터의 내비게이터도 마찬가지로 Navigator.push()와 Navigator.pop()을 사용하고 Navigator.push()를 사용하면 기존 화면 위에 새로운 화면을 쌓고 Navigator.pop()를 이용해 기존 화면 위에 올라간 새로운 화면을 내립니다. ▣ 새로운 화면 이동을 위한 Navigator.push() 텍스트 버튼을 만들고 버튼을 누르면 두 번째 페이지로 이동하는 코드입니다. Navigator... 2022. 7. 1. [flutter] Column 세로축 중앙(center) 정렬 방법 두 가지 및 정렬관련 자주 사용하는 옵션 플러터에서 가장 많이 사용하는 위젯 중 하나가 Column위젯입니다. 하지만 Column위젯을 Center위젯으로 감싸도 중앙 정렬이 되지 않습니다. 그 이유와 해결방법 두 가지를 알아보겠습니다. ▣ Column 화면 중앙 정렬 방법 1 Column정렬을 하기 위해서는 Center위젯으로 감싸줘야 합니다. Center위젯은 가로축 세로축 모두를 중앙으로 이동시켜줍니다, 하지만 Column위젯은 세로축의 크기가 지정되지 않은 무한대? 의 크기 이기 때문에 Center위젯을 사용해도 화면선 중앙으로 정렬되지 않습니다. 그래서 사용하는 것이 mainAxisAlignment: MainAxisAlignment.center, 옵션입니다. body: SafeArea( child: Center( child: Colum.. 2022. 6. 29. [flutter]Container 영역 및 간단한 옵션 정리 플러터에서 Container를 사용하는 경우가 많은데 Container영역이 생각한 것과 다를 때가 있습니다. Container영역에 대해 자세하게 알아보겠습니다. ▣ Container의 영역 Container의 영역은 child가 없을 때는 가능한 큰 영역을 가지려고 하는 특성이 있습니다. 그래서 Scaffold에 child 없는 Container의 영역은 화면 전체입니다. 하지만 Container가 child를 가지게 되면 해당 child만큼의 영역만 가지게 됩니다. child: Text('abc')와 같이 코딩을 하면 abc문자열만큼만 Container영역이 됩니다. ▣ Container 특징 Container는 멀티 child를 가질 수 없습니다. 단 하나의 child만 가질 수 있는 것이 특징입.. 2022. 6. 29. [flutter] 플러터 toast(토스트) 만드는 방법 플러터에서 toast를 만들어 보겠습니다. 총 4단계로 만드는 방법은 매우 쉽습니다. 1. 플러터에서 토스트를 만들기 위해서는 fluttertoast.dart를 import 해야 합니다. fluttertoast.dart를 import 하기 위해 먼저 pubspec.yaml 파일로 이동합니다. 2. pubspec.yaml파일에서 fluttertoast: ^8.0.9를 입력합니다. 3. 다시 main.dart파일로 와서 package:fluttertoast/fluttertoast.dart 파일을 import 합니다. 4. Fluttertoast.showToast를 이용해 토스트를 만들고 옵션들을 설정해 줍니다. 옵션은 직관적으로 알 수 있습니다. 2022. 6. 29. 이전 1 ··· 3 4 5 6 7 8 다음
