flutter

플러터에서는 route라는 개념으로 페이지 이동이 가능합니다. 이 때 이동할 곳을 page라고 생각해주면 됩니다. 굳이 파일을 따로 나누지 않아도 같은 파일 안에서 page만 나눠주면 됩니다. 참 쉽죵? 😁 이동 할 때 쓰는 것으로는 Navagator 메서드를 사용하시면 됩니다. main.dart Container( margin: EdgeInsets.only(top: 100, left: 0), width: 100, child: IconButton( icon: Text('Signup', style: TextStyle(fontSize: 20),), onPressed: (){ Navigator.push(context, MaterialPageRoute(builder: (context) => SignUpPage(..

반복되는 부분을 손수 쓰지 않고 반복해서 만들 수 있다. 이 때 쓸 수 있는 것이 ListView.builder 이다. ◾ Example 지금부터 만들어 볼 부분인데 보라색이 list_view부분이고 icons가 파란색부분이다 ◾ Code list_view에 반복되는 부분을 따로 파일(icons.dart)로 빼서 더하는거다. list_view.dart Container( margin: EdgeInsets.only(top: 10, bottom: 20), child: Text('${descList[index]}'), ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '${majorList[index]}', style: T..

ListView.builder을 사용해서 구현하다가 본 마주한 에러이다. 리스트를 5개 정도를 만들어서 반복시켰는데 에뮬레이터 화면에 노란 바탕에 위와 같은 에러가 뜬다. ◾ 해결방안 @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('예술체육학과'), centerTitle: true, backgroundColor: Colors.white, elevation: 0, leading: IconButton( icon: Icon(Icons.arrow_back), color: Colors.grey, iconSize: 25.0, onPressed: () {}, ), actions: [ Container..

◾ 완성 모습 ◾ code class Grade extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.amber[800], appBar: AppBar( title: Text('BBANTO'), centerTitle: true, backgroundColor: Colors.amber[700], elevation: 0.0, //left side leading: IconButton( icon: Icon(Icons.menu), onPressed: () { print('menu button is clicked'); }, ), actions: [ IconButton( ..

1. Flutter에서 위젯이란? UI를 만들고 구성하는 모든 기본 단위 요소를 위젯이라고 합니다. 눈에 보이는 요소뿐만 아니라 보이지 않는 요소들까지도 위젯이라고 합니다. 한마디로 Eveything is Widget. 2. 위젯 타입 Stateless widget 상태가 없는 정적인 위젯을 뜻합니다. 스크린상에 존재는 하지만 아무것도 가지지 않고, 실시간 데이터 저장을 못하는 위젯입니다. 어떠한 상탱를 유발하는 value 값도 가지지 않고 있습니다. 예를 들어서 image, text Stateful widget 어떤 상태를 가지고 계속 움직임이나 변화가 있는 위젯 사용자 인터랙션에 따라서 달라지는 위젯입니다. 예를 들면 input, checkbox 3. 위젯 구성(트리) 위의 설명처럼 많은 요소들이 위..

👩‍💻 Today I Learned 📚 ◾ Flutter vs React Native 사이드 프로젝트를 위해서 React Native와 TypeScript를 갑작스럽게 배우기 시작했었는데, 프로젝트 회의를 거듭하다가 프론트 스택 변경에 대한 이야기가 나왔다. 함께 하는 팀원 중에 Flutter를 배울 일이 생겨서 접했는데 React Native 보다 더 괜찮을지도 모른다는 의견이 나왔다. 개인적으로 TypeScript를 배우고 싶은 마음이 커었기에 몇 번 듣긴 했지만 잘 모르는 Flutter에 대해서 급하게 알아봤다. 크로스 플랫폼 모바일 앱을 구축하고 싶다면 단연 떠오르는 선택지 두개가 바로 Flutter랑 React Native다 React Native의 생태환경이 더 크고 대중적였지만 요즘은 심심치..