Flutter pub.dev - 2) flutter_rating_bar 알아보기
·
Flutter
2편에서는 flutter_rating_bar를 조금더 활용을 해보겠습니다 전체 코드는 마지막에 넣어둘게요 ~! 기능은 다음과 같습니다 1. 톱니바퀴 아이콘 클릭 아이콘 전체 변경 2. TextFormField 를 활용해 숫자로 표시 3. 3개의 모드로 평가를 다르게 표현 (1. 기본적인 , 2. 이미지 , 3. 평가마다 색상) 4, 수직 모드로 변경 5. 좌우 반전 변경 자 .. 이제 시작해 볼게요 1. 톱니바퀴 아이콘 클릭 아이콘 전체 변경 IconButton( icon: Icon(Icons.settings), color: Colors.white, onPressed: () async { _selectedIcon = await showDialog( context: context, builder: (con..
Flutter pub.dev - 1) flutter_rating_bar 알아보기
·
Flutter
오늘은 flutter_rating_bar에 대해 알아보겠습니다 프로젝트를 생성해 줍니다. pub add or pub get 을 진행합니다. $ flutter pub add flutter_rating_bar dependencies: flutter_rating_bar: ^4.0.1 이렇게 셋팅을 하면 그럼 이제 기본적인 준비는 완료되었습니다. main.dart를 수정해 줍니다 . 기본적인 구조는 다음과 같습니다 import 'package:flutter/material.dart'; import 'package:flutter_rating_bar/flutter_rating_bar.dart'; void main() { runApp(const MyApp()); } class MyApp extends Stateles..