basf_flutter_components

A BASF Flutter components library for iOS and Android

Installing

Add BASF Flutter Components to your pubspec.yaml file:

dependencies:
  basf_flutter_components:

Import it the library to your file:

import 'package:basf_flutter_components/basf_flutter_components.dart';

Use your IDE IntelliSense to import any of the Components built into the library

Getting Started

iOS Setup

Specify the platform target in Podfile

platform :ios, '11.0'

Android Setup

Ensure your MainActivity.kt/.java file class extends from FlutterFragmentActivity

Java

public class MainActivity extends FlutterFragmentActivity {
	// Your code...
}

Kotlin

class MainActivity : FlutterFragmentActivity() {
	// Your code...
}

Remember to add the import at the top of the MainActivity file

import io.flutter.embedding.android.FlutterFragmentActivity;

Components

• Widgets

  • BASFBUTTON…

  // TODO
  !
  BASFButton...

  • BASFTextButton…

  // TODO
  code example here

  • BASFInputField

  // TODO
  !
  BASFInputField...

  • BASFSnackbar…

  // TODO
  code example here

  • Spacers

  // Vertical Spacers
  VerticalSpacer.xSmall()
  VerticalSpacer.small()
  VerticalSpacer.normal()
  VerticalSpacer.semi()
  VerticalSpacer.mediumSmall()
  VerticalSpacer.medium()
  VerticalSpacer.medium20()
  VerticalSpacer.mediumLarge()
  VerticalSpacer.large()
  VerticalSpacer.xLarge()
  VerticalSpacer.xxLarge()
  VerticalSpacer.xxxLarge()
  // Horizontal Spacers
  HorizontalSpacer.small()
  HorizontalSpacer.normal()
  HorizontalSpacer.semi()
  HorizontalSpacer.mediumSmall()
  HorizontalSpacer.medium()
  HorizontalSpacer.medium20()
  HorizontalSpacer.mediumLarge()
  HorizontalSpacer.large()
  HorizontalSpacer.xLarge()
  HorizontalSpacer.xxLarge()
  // Horizontal Spacer with text
  HorizontalSpacerWithText(
    text: 'example text',
    color: Colors.green,
  )

• Colors

  // TODO
  !
  BASFColors...

• Theme

  // TODO
  BasfTheme.blue
  BasfTheme.green

• TextStyles

  // TODO
  !
  BasfTextStyles...

• Styles

  • Dimens

  Defines a preset of usefull standard paddings

  Dimens.paddingXSmall
  Dimens.paddingSmall
  Dimens.paddingDefault
  Dimens.paddingSemi
  Dimens.paddingMediumSmall
  Dimens.paddingMedium
  Dimens.paddingMedium20
  Dimens.paddingMediumLarge
  Dimens.paddingLarge
  Dimens.paddingXLarge
  Dimens.paddingXXLarge
  Dimens.paddingXXXLarge

GitHub

View Github