본문 바로가기

Flutter7

[플러터] Flutter Dart Null Check Operaors 널 체크 ?? 특정 변수를 널체크하고 널일 경우 다른 값을 대입한다. String result; String x = 'x value'; String y; result = x?? y // x가 널이 아니기 때문에 x가 대입된다. print(result); // x value String result; String x; String y = 'y value'; result = x?? y // x가 널이기 때문에 y가 대입된다. print(result); // y value ??= 특정 변수를 널체크하고 초기 값을 대입한다. String result; String x ; String y = 'y value'; x ??= y; print(x); // y value ?. 특정 변수를 널체크하고 메소드를 실행한다. Map x.. 2021. 10. 14.
[플러터] Flutter Getx 페이지 전환 및 데이터 전달 페이지 이동 및 전환 Get.to(() => SecondPage()); Get.to(SecondPage()); 전환되는 페이지로 데이터 보내기 (첫 번째 페이지에서 두 번째 페이지로 데이터 전달) Get.to(() => SecondPage(), arguments: value); Get.to(SecondPage(), arguments: value); 그리고 두 번째 페이지에서 데이터 받기 var value = Get.arguments; 전환되는 페이지로부터 데이터 받기 (두 번째 페이지에서 첫 번째 페이지로 데이터 전달) var value = await Get.to(SecondPage()); 그리고 두 번째 페이지에서 데이터를 전달 Get.back(result: value); 2021. 10. 11.
[플러터] Flutter GridView 사이 간격 scrollDirection 방향에 따라서 mainAxisSpacing, crossAxisSpacing 값을 주면 된다. GridView.count( scrollDirection: Axis.vertical, mainAxisSpacing: 4.0, // 간격 조절 crossAxisSpacing: 4.0, // 간격 조절 crossAxisCount: 5, children: List.generate(5, (index) { return Text(index.toString()); }), ), 2021. 10. 10.
[플러터] Flutter Rounded Corners Image 이미지 둥근 모서리 ClipRRect 위젯으로 감싸주고 borderRadius를 주면 된다. ClipRRect( borderRadius: BorderRadius.circular(8.0), child: Image.network( imagePath, fit: BoxFit.fill, ), // Text(key['title']), ), 2021. 10. 9.
[플러터] Flutter Text overflow overflow: TextOverflow.ellipsis, SizedBox( width: 100.0, child: Padding( padding: EdgeInsets.all(8.0), child: Text( '123456789123456789123456789123456789123456789123456789', overflow: TextOverflow.ellipsis, ), ), ), 2021. 10. 8.
[플러터] Flutter TextField icon, 테두리 적용 TextField 안에 Icon 위치 prefixIcon TextField( onChanged: (value){}, decoration: const InputDecoration( prefixIcon: Icon(Icons.search,color: Colors.blueAccent,), ), ), suffixIcon TextField( onChanged: (value){}, decoration: const InputDecoration( suffixIcon: Icon(Icons.cancel,color: Colors.blueAccent,), ), ), 테두리 적용 및 아이콘 클릭 시 텍스트 초기화 상단에 TextEditingController 선언 final TextEditingController _textEdi.. 2021. 10. 7.
[플러터] Flutter setState() called after dispose() 에러 내용 : Unhandled Exception: setState() called after dispose(): 해결 방법 : setState((){}) 호출한 부분을 찾아서 아래처럼 감싸주자. if (this.mounted) { setState(() { }); } 2021. 10. 6.