A BASF Flutter components library for iOS and Android

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