Flutter基础功能扩展插件flutter_clx_base的使用

flutter_clx_base 是一个包含了多种基础 Flutter 库的插件，可以帮助开发者更方便地实现一些常见的功能。

包含的基础 Flutter 库

• dio
• flutter_cupertino_datetime_picker
• sp_util
• flustars
• get
• logger
• fluttertoast
• webview_flutter
• package_info_plus
• keyboard_actions

使用示例

以下是一个简单的示例，展示如何使用 flutter_clx_base 插件中的部分功能。

示例代码

import 'package:flutter/material.dart';
import 'package:flutter_clx_base/utils/image_utils.dart';
import 'package:flutter_clx_base/widget/select_text_item.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: SelectTextItem(
            title: '类别',
            leftImage: ImageUtils.getAssetImage("img"),
            leftImageWidth: 20.0,
            leftImageHeight: 20.0,
            selectAlignment: MainAxisAlignment.start,
            isShowRightArrow: false,
          ),
        ),
      ),
    );
  }
}

代码解释

1. 导入必要的包：

   import 'package:flutter/material.dart';
   import 'package:flutter_clx_base/utils/image_utils.dart';
   import 'package:flutter_clx_base/widget/select_text_item.dart';
   

2. 定义主应用类：

   void main() {
     runApp(const MyApp());
   }
   
   class MyApp extends StatefulWidget {
     const MyApp({Key? key}) : super(key: key);
   
     @override
     State<MyApp> createState() => _MyAppState();
   }
   

3. 定义状态管理类：

   class _MyAppState extends State<MyApp> {
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: const Text('插件示例应用'),
           ),
           body: Center(
             child: SelectTextItem(
               title: '类别',
               leftImage: ImageUtils.getAssetImage("img"),
               leftImageWidth: 20.0,
               leftImageHeight: 20.0,
               selectAlignment: MainAxisAlignment.start,
               isShowRightArrow: false,
             ),
           ),
         ),
       );
     }
   }
   

4. 使用 SelectTextItem 组件：

   SelectTextItem(
     title: '类别',
     leftImage: ImageUtils.getAssetImage("img"),
     leftImageWidth: 20.0,
     leftImageHeight: 20.0,
     selectAlignment: MainAxisAlignment.start,
     isShowRightArrow: false,
   )