ids_flutter 0.1.1

Infoteam Design System — Flutter package.

ids_flutter

IDS Flutter 컴포넌트 라이브러리.

설치

pubspec.yaml에 추가한다.

dependencies:
  ids_flutter: ^0.1.0

flutter pub get

설정

앱 최상단에 ThemeProvider 추가:

import 'package:ids_flutter/ids.dart';

void main() {
  runApp(
    ThemeProvider(
      color: IdsColor.blue,
      mode: IdsMode.light,
      child: const MyApp(),
    ),
  );
}

ThemeProvider 없이는 ThemeProvider.of(context) 호출 시 에러가 발생한다.

ThemeProvider

파라미터	타입	기본값
color	IdsColor	IdsColor.blue
mode	IdsMode	IdsMode.light

테마 접근:

final theme = ThemeProvider.of(context);
// theme.primary, theme.onPrimary, theme.secondary, ...

컴포넌트

IdsButton

IdsButton(
  onPressed: () {},
  variant: IdsVariant.solid,
  size: IdsSize.standard,
  child: const Text('클릭'),
)

파라미터	타입	기본값
variant	IdsVariant	IdsVariant.solid
size	IdsSize	IdsSize.standard
disabled	bool	false

IdsVariant: solid, soft, outline, ghost

IdsSize: standard, tiny

토큰 직접 사용

import 'package:ids_flutter/ids.dart';

// 간격
SizedBox(height: IdsSpacing.md)

// 타이포그래피
Text('제목', style: IdsTypography.headlineH5Semibold)

// 애니메이션 지속시간
AnimatedOpacity(duration: IdsMotion.fast, ...)

개발

cd packages/flutter
flutter pub get
flutter test