Profile

Flutter

open -a Simulator

Project Setting 하기

Stack

  • Flutter

Dev Log

자주쓰는 명령어 정리

  • open -a Simulator

Design 적용하기

chart_flutter 라이브러리 라인 차트 적용

  • fi_chart에서 charts_flutter로 차트 라이브러리를 변경함.

  • 이유는 UI가 후자가 더 예쁘고 커스텀 및 사용하기 편해서.

  • 아래는 pub dev, Github이랑 데모 링크

pubspec.yaml 작성하면서 문제가 생김 (글 쓰면서 보니까 버전 계속 업데이트 되는 것 같다)

dependencies:
  ...
  charts_flutter: ^0.11.0

chart 색상 변경

 charts.ColorUtil.fromDartColor(Colors.deepPurple)

Sidebar 설정

  • 이것 저것 라이브러리도 찾아보고 했는데, Drawer 사용해서 직접 만듬.

  • 라이브러리들이 사용자가 많이 않아서.

Splash Screen

intro_screen.dart
class IntroScreen extends StatefulWidget {
  const IntroScreen({super.key});

  @override
  State<IntroScreen> createState() => _IntroScreenState();
}

class _IntroScreenState extends State<IntroScreen> {
  @override
  void initState() {
    super.initState();
 
    Future.delayed(Duration(seconds: 3), () {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => HomeScreen()),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
           // intro screen content
            );
  }
}

Yellow Underline at Text Widget

  • 지우기 

Center(
    child: Text(
        'Text Text Text',
        style: TextStyle(
            decoration: TextDecoration.none,
            ...
            ),
        )
),

Add chart

  • Flutter에서 기존에 line 차트만 있었다.

  • Pie, bar, range annotation line chart(?) 를 추가했다.

ScrollView

  • 메인에서 스크롤 무한으로 내리는거 추가했다. 서비스의 확장성(?)을 위해서 ? 스크롤 뷰로 변경하는게 뭔가 도움이 나중에 될 것 같았다.

Trouble Shooting

🛠 에러

Error: The getter 'body1' isn't defined for the class 'TextTheme'.

💡 해결 

dependency_overrides:
  charts_flutter:
    git:
      url: https://github.com/google/charts
      path: charts_flutter
      ref: 30477090290b348ed3101bc13017aae465f59017

🛠 에러

Scaffold.of() called with a context that does not contain a Scaffold

💡 해결

  • Builder로 감싸줌 

Builder(
    builder: (context) => 
    ... 
),
Previous프론트엔드 개발Next기타

Last updated