인프런 커뮤니티 질문&답변

안녕하세요.

"Skeleton 사용하기"의 강의 내용을 구현하고 있습니다.

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter


  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^1.0.6
  dio: ^5.5.0+1
  flutter_secure_storage: ^9.2.2
  json_annotation: ^4.9.0
  retrofit: '>=4.0.0 <5.0.0'
  logger: any  #for logging purpose
  flutter_riverpod: ^2.5.1
  riverpod_annotation: ^2.3.5
  skeletons: ^0.0.3

restaurant_detail_screen.dart에서

import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:skeletons/skeletons.dart';

  return DefaultLayout(
    title: '불타는 떡볶이',
    child: CustomScrollView(
      slivers: [
        renderTop(
          model: state,
        ),
        renderLoading(),

        // if (state is RestaurantDetailModel) renderLabel(),
        // if (state is RestaurantDetailModel)
        //   renderProducts(
        //     products: state.products,
        //   ),
      ],
    ),
  );
}

// SkeletonParagraph Logic
SliverPadding renderLoading() {
  return SliverPadding(
    padding: EdgeInsets.symmetric(
      horizontal: 16.0,
    ),
    sliver: SliverList(
      delegate: SliverChildListDelegate(
        List.generate(
          3,
          (index) => SkeletonParagraph(
            style: SkeletonParagraphStyle(
              lines: 5,
            ),
          ),
        ),
      ),
    ),
  );
}

을 구현하고 재실행하면 다음과 같은 에러가 발생하고 있습니다.

Skeleton용하기

이미지가 작아서 텍스트로 붙여넣었습니다.

Launching lib\main.dart on sdk gphone64 x86 64 in debug mode...

Running Gradle task 'assembleDebug'...

../../../../AppData/Local/Pub/Cache/hosted/pub.dev/skeletons-0.0.3/lib/src/widgets.dart:56:42: Error: The getter 'backgroundColor' isn't defined for the class 'ThemeData'.

- 'ThemeData' is from 'package:flutter/src/material/theme_data.dart' ('/C:/flutter/packages/flutter/lib/src/material/theme_data.dart').

Try correcting the name to the name of an existing getter, or defining a getter or field named 'backgroundColor'.

color: Theme.of(context).backgroundColor,

^^^^^^^^^^^^^^^

../../../../AppData/Local/Pub/Cache/hosted/pub.dev/skeletons-0.0.3/lib/src/widgets.dart💯46: Error: The getter 'backgroundColor' isn't defined for the class 'ThemeData'.

- 'ThemeData' is from 'package:flutter/src/material/theme_data.dart' ('/C:/flutter/packages/flutter/lib/src/material/theme_data.dart').

Try correcting the name to the name of an existing getter, or defining a getter or field named 'backgroundColor'.

color: Theme.of(context).backgroundColor,

^^^^^^^^^^^^^^^

Target kernel_snapshot failed: Exception

여러가지로 찾아보았지만, 해결되지 않았습니다.
이 문제에 대한 해결 방법에 대해 질문을 드립니다.

감사합니다.