basf_flutter_components


pub


email

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