본문 바로가기

Flutter/code5

[플러터] 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.

티스토리툴바