BASF Flutter 组件
BASF 的 Flutter 组件库，适用于 iOS 和 Android
安装
将 BASF Flutter 组件添加到您的 pubspec.yaml 文件中
dependencies:
basf_flutter_components:
将库导入到您的文件中
import 'package:basf_flutter_components/basf_flutter_components.dart';
使用您的 IDE 智能感知来导入库中内置的任何 组件
入门
iOS 设置
在 Podfile 中指定平台目标
platform :ios, '11.0'
Android 设置
确保您的 MainActivity.kt/.java 文件类继承自 FlutterFragmentActivity
Java
public class MainActivity extends FlutterFragmentActivity {
// Your code...
}
Kotlin
class MainActivity : FlutterFragmentActivity() {
// Your code...
}
请记住在 MainActivity 文件的顶部添加导入语句
import io.flutter.embedding.android.FlutterFragmentActivity;
组件
-
小部件
- BASF BUTTON...
// TODO ! BASFButton...
- BASF TextButton...
// TODO code example here- BASFInputField
// TODO ! BASFInputField...
- BASFSnackbar...
// TODO code example here- 间距器
// 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, )
-
颜色
// TODO ! BASFColors...
-
主题
// TODO BasfTheme.blue BasfTheme.green
-
文本样式
// TODO ! BasfTextStyles...
-
样式
- 尺寸
定义一组有用的标准内边距
Dimens.paddingXSmall Dimens.paddingSmall Dimens.paddingDefault Dimens.paddingSemi Dimens.paddingMediumSmall Dimens.paddingMedium Dimens.paddingMedium20 Dimens.paddingMediumLarge Dimens.paddingLarge Dimens.paddingXLarge Dimens.paddingXXLarge Dimens.paddingXXXLarge
