Flutter插件applever_tech_widgets的特性与使用

applever_tech_widgets 是一个用于简化创建自定义样式的文本小部件的 Flutter 包。以下是该包的一些主要功能及其使用示例。

插件applever_tech_widgets特性

• 轻松创建具有定制样式的文本小部件。
• 支持指定文本内容、大小、加粗和颜色。

插件applever_tech_widgets开始使用

在 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  applever_tech_widgets: ^0.0.12

示例代码

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ALText(
        sTextToDisplay: "Sample",
        dTextSize: 14,
        bMakeBold: false,
        colorOfText: Colors.black,
      ),
    );
  }
}

ALAboutDialog

ALAboutDialog 小部件旨在以结构化对话框格式显示有关应用程序的信息。它包括标题部分、内容部分和关闭按钮等关键特性。

特性

• 轻松创建带有标题部分、内容部分和关闭按钮的关于对话框。
• 支持指定标题部分、内容部分和关闭按钮。

开始使用

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return showDialog(
      context: context,
      builder: (BuildContext context) {
        return ALAboutDialog(
          version: '1.0.0',
          appName: 'Your App Name',
          appDescription: 'Your App Description',
          developedBy: 'Your Developer Details',
          image: 'assets/your_image_file.png',
        );
      },
    );
  }
}

ALProgressIndicator

ALProgressIndicator 是一个带有额外文本的可定制进度指示器小部件。

特性

• 可定制：通过指定指示器颜色、加载文本、辅助文本和描边宽度（如果需要）来轻松调整外观。
• 灵活：无缝集成到您的 Flutter 应用程序中。

开始使用

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ALProgressIndicator(
                indicatorColor : Colors.blue,
                loadingText: "Loading...",
                secondaryText: "Please wait...",
                strokeWidth: 8,
        )
      );
   }
}

ALCardView

ALCardView 是一个带图标和所需文本字段的可定制卡片视图小部件。

特性

• 可定制：通过指定阴影、图标类型、图标颜色和文本字段来轻松调整外观。
• 灵活：无缝集成到您的 Flutter 应用程序中。

开始使用

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ALCardView(
      cardElevation : 10,
      iconName: Icons.account_tree_sharp,
      iconColor: Colors.blue,
      iconSize: 35,
      headerField: "Header field",
      textField1: "Data TextField 2",
      textField2: "Data TextField 3",
      textField3: "Data TextField 4",
    );
   }
}

ALTextField

ALTextField 是一个带有控制器的可定制文本字段小部件。

特性

• 可定制：通过指定控制器、提示文本和空文本来轻松调整外观。
• 灵活：无缝集成到您的 Flutter 应用程序中。

开始使用

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ALTextField(
      controller:textController,
      hintText:'User id',
      isEmptyText:'Input cannot be empty',
    );
   }
}

ALPasswordField

ALPasswordField 是一个带有控制器的可定制密码字段小部件。

特性

• 可定制：通过指定控制器、提示文本和空文本来轻松调整外观。
• 灵活：无缝集成到您的 Flutter 应用程序中。

开始使用

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ALPasswordField(
      controller:passwordController,
      hintText:'Password',
      isEmptyText:'Input cannot be empty',
    );
   }
}

ALButton

ALButton 是一个带有文本和可选图标的可定制按钮小部件。

特性

• 可定制：通过指定文本、文本大小、文本颜色、按钮半径、按钮高度和按钮宽度来轻松调整外观。如果需要，可以添加图标类型并指定其颜色和大小。还可以添加按钮轮廓颜色。
• 灵活：无缝集成到您的 Flutter 应用程序中。

开始使用

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ALButton(
          button_text: "Log In",
          button_text_size:21,
          button_icon:Icons.login_outlined,
          icon_size:22,
          button_color:Colors.blue,
          button_text_color:Colors.white,
          button_icon_color:Colors.white,
          button_outline_color:Colors.black,
          button_radius:20,
          button_height:40,
          button_width:165,              
        )
      );
   }
}

ALMapView

ALMapView 是一个带有纬度和经度的可定制地图视图小部件。

特性

• 可定制：通过指定纬度、经度、高度、宽度和标记颜色来轻松调整外观。
• 灵活：无缝集成到您的 Flutter 应用程序中。

开始使用

class SampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ALMapView(
            tileHeight:200,
            tileWidth:340,
            lat:37.42796133580664,
            long:-122.085749655962,
            markerColor:Colors.red,     
        )
      );
   }
}

对于 Android

在应用清单文件 android/app/src/main/AndroidManifest.xml 中指定您的 API 密钥：

<manifest>
    <application>
        <meta-data android:name="com.google.android.geo.API_KEY"
        android:value="YOUR KEY HERE"/>
    </application>
</manifest>

对于 iOS

在应用委托文件 ios/Runner/AppDelegate.m 中指定您的 API 密钥：

#import "AppDelegate.h"
#import "GeneratedPluginRegistrant.h"
#import "GoogleMaps/GoogleMaps.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application
  didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  [GMSServices provideAPIKey:@"YOUR KEY HERE"];
  [GeneratedPluginRegistrant registerWithRegistry:self];
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
  }
@end

或者在 Swift 代码中，在应用委托文件 ios/Runner/AppDelegate.swift 中指定您的 API 密钥：

import UIKit
import Flutter
import GoogleMaps

[@UIApplicationMain](/user/UIApplicationMain)
[@objc](/user/objc) class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    GMSServices.provideAPIKey("YOUR KEY HERE")
    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}