Package containing common elements for tkf mobile apps

Installation

$ dart pub add tkf_components

Usage

import 'package:tkf_components/tkf_app_version.dart';

TkfAppBar();

Using fonts

Add to pubspec:

  fonts:
    - family: OpenSansRegular
      fonts:
        - asset: packages/tkf_components/assets/fonts/OpenSans-Regular.ttf
    - family: OpenSansLight
      fonts:
        - asset: packages/tkf_components/assets/fonts/OpenSans-Light.ttf
    - family: OpenSansSemiBold
      fonts:
        - asset: packages/tkf_components/assets/fonts/OpenSans-SemiBold.ttf
    - family: Roboto
      fonts:
        - asset: packages/tkf_components/assets/fonts/Roboto-Regular.ttf

Using icons

Add to pubspec:

flutter:
  assets:
    - packages/tkf_components/assets/icon-close.svg
    - packages/tkf_components/assets/icon-eye.svg
    - packages/tkf_components/assets/icon-edit.svg
    - packages/tkf_components/assets/icon-arrow-left.svg
    - packages/tkf_components/assets/icon-arrow-right.svg
    - packages/tkf_components/assets/icon-failed.svg
    - packages/tkf_components/assets/icon-success.svg
    - packages/tkf_components/assets/location-to-far.svg
    - packages/tkf_components/assets/empty-search-bg.svg
    - packages/tkf_components/assets/tkf-logo.svg

List of elements

• themes:
  • lightTheme
  • mainInputTheme
• TkfAppBar
• TkfBackButton
• TkfBigButton
• TkfDivider
• text formatters:
  • emailFormatter
  • searchFormatter
  • linkFormatter
  • passFormatter
  • nameFormatter
  • stringLengthFormatter
• icons:
  • close
  • eye
  • edit
  • arrowLeft
  • arrowRight
  • failed
  • success
  • toFar
  • emptySearch
  • tkfLogo
• TkfInputField
• TkfLinkButton
• TkfOperatorTile
• TkfPushNotification
• TkfQrScanner
• TkfReadingModalContent
• TkfScaffold
• TkfSearchEmpty
• TkfSearchField
• TkfSearchTile
• TkfToFarModalContent
• TkfTorch
• TkfUtils:
  • createChannel