flutter_smart 0.0.6

Flutter toolkit.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_smart/flutter_smart.dart';
import 'pages/page1.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  /// 初始化SpUtils
  await SpUtils.init();
  AppRouter.init(routes: [HomePage.createRouter(), Page1.createRouter()]);
  runApp(ScreenAdapterUtils.init(child: const MyApp()));
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

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

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerConfig: AppRouter.goRouter,
      theme: ThemeData(primarySwatch: Colors.blue, useMaterial3: true),
      title: 'Flutter Smart Demo',
      debugShowCheckedModeBanner: false,
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage._();

  static final route = "/";

  static dynamic createRouter() {
    return AppRouter.createRouteByParam(
      route,
      builder: (context, state, pathParameters, extra) => HomePage._(),
    );
  }

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> with EventBusMixin {
  String _eventMessage = '暂无事件';
  int _counter = 0;

  String? localPhotoPath;

  @override
  void initState() {
    super.initState();
    _loadCounter();

    // 订阅事件
    subscribe<CounterEvent>((event) {
      setState(() {
        _eventMessage = '收到事件：计数器 = ${event.count}';
      });
    });
  }

  void _loadCounter() async {
    setState(() {
      _counter = SpUtils.getInt('counter', defValue: 0);
    });
  }

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
    SpUtils.putInt('counter', _counter);
    // 发送事件
    EventBusUtils.sendEvent(CounterEvent(_counter));
  }

  void _resetCounter() {
    setState(() {
      _counter = 0;
    });
    SpUtils.putInt('counter', 0);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Smart Demo'),
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
      ),
      body: ListView(
        padding: EdgeInsets.all(16.px),
        children: [
          // 1. 屏幕适配示例
          _buildSection(
            title: '1. 屏幕适配',
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  '屏幕宽度：${ScreenUtils.screenWidth.toStringAsFixed(0)}',
                  style: TextStyle(fontSize: 14.sp),
                ),
                SizedBox(height: 8.px),
                Text(
                  '屏幕高度：${ScreenUtils.screenHeight.toStringAsFixed(0)}',
                  style: TextStyle(fontSize: 14.sp),
                ),
                SizedBox(height: 8.px),
                Container(
                  width: 100.px,
                  height: 50.px,
                  color: Colors.blue,
                  child: Center(
                    child: Text(
                      '100px x 50px',
                      style: TextStyle(color: Colors.white, fontSize: 12.sp),
                    ),
                  ),
                ),
              ],
            ),
          ),

          // 2. 本地存储示例
          _buildSection(
            title: '2. 本地存储 (SharedPreferences)',
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text('当前计数：$_counter', style: TextStyle(fontSize: 16.sp)),
                SizedBox(height: 8.px),
                Row(
                  children: [
                    ElevatedButton(
                      onPressed: _incrementCounter,
                      child: const Text('增加'),
                    ).onTap(_incrementCounter),
                    SizedBox(width: 8.px),
                    ElevatedButton(
                      onPressed: _resetCounter,
                      child: const Text('重置'),
                    ),
                  ],
                ),
              ],
            ),
          ),

          // 3. 事件总线示例
          _buildSection(
            title: '3. 事件总线',
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(_eventMessage, style: TextStyle(fontSize: 14.sp)),
                SizedBox(height: 8.px),
                const Text(
                  '点击上方增加按钮可触发事件',
                  style: TextStyle(color: Colors.grey),
                ),
              ],
            ),
          ),

          // 4. 扩展方法示例
          _buildSection(
            title: '4. 扩展方法',
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  '百分比：${0.1234.toPercentage()}',
                  style: TextStyle(fontSize: 14.sp),
                ),
                SizedBox(height: 4.px),
                Text(
                  '小数位：${3.14159.toFixedDouble(2)}',
                  style: TextStyle(fontSize: 14.sp),
                ),
                SizedBox(height: 4.px),
                Text(
                  '日期：${DateTime.now().format('YYYY-MM-DD HH:mm:ss')}',
                  style: TextStyle(fontSize: 14.sp),
                ),
                SizedBox(height: 4.px),
                Text(
                  '星期：${TimeUtils.getWeekday(DateTime.now(), languageCode: 'zh')}',
                  style: TextStyle(fontSize: 14.sp),
                ),
              ],
            ),
          ),

          // 5. 渐变背景示例
          _buildSection(
            title: '5. 渐变背景',
            child: GradientLayout(
              width: double.infinity,
              height: 100.px,
              gradientColors: const [Colors.blue, Colors.purple],
              child: Center(
                child: Text(
                  '渐变背景组件',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 16.sp,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
          ),

          // 6. 缓存图片示例
          _buildSection(
            title: '6. 网络图片缓存',
            child: Row(
              children: [
                CachedImage(
                  url: "https://picsum.photos/200",
                  width: 100.px,
                  height: 100.px,
                  fit: BoxFit.cover,
                  borderRadiusAll: 8,
                ),
                SizedBox(width: 16.px),
                CachedImage(
                  url: "https://picsum.photos/201",
                  width: 100.px,
                  height: 100.px,
                  fit: BoxFit.cover,
                  borderRadius: BorderRadius.circular(50),
                ),
              ],
            ),
          ),
          // 7. 缓存图片示例
          _buildSection(
            title: '7. 选中照片',
            child: Row(
              children: [
                Column(
                  children: [
                    Button(
                      "选中照片",
                      backgroundColor: Colors.blue,
                      textColor: Colors.white,
                      padding: .symmetric(vertical: 8.px, horizontal: 12.px),
                      borderRadius: 8.px,
                      onTap: () async {
                        final path = await MediaPicker.chooseImage();
                        setState(() {
                          localPhotoPath = path;
                        });
                        print("选中照片：$path");
                      },
                    ),
                    SizedBox(height: 16.px),
                    Button(
                      "拍摄照片",
                      backgroundColor: Colors.blue,
                      textColor: Colors.white,
                      padding: .symmetric(vertical: 8.px, horizontal: 12.px),
                      borderRadius: 8.px,
                      onTap: () async {
                        final path = await MediaPicker.takeImage();
                        setState(() {
                          localPhotoPath = path;
                        });
                        print("拍摄照片：$path");
                      },
                    ),
                  ],
                ),
                SizedBox(width: 16.px),
                CachedImage(
                  url: localPhotoPath,
                  width: 100.px,
                  border: .all(color: Colors.red, width: 1.px, style: .solid),
                  height: 100.px,
                  fit: BoxFit.cover,
                  placeholderAssets: "images/placeholder.png",
                  errorAssets: "images/placeholder.png",
                  borderRadius: BorderRadius.circular(50),
                ),
              ],
            ),
          ),
          // 8. 转场动画
          _buildSection(
            title: '8. 转场动画',
            child: Button(
              "由右向左滑动",
              backgroundColor: Colors.blue,
              textColor: Colors.white,
              padding: .symmetric(vertical: 8.px, horizontal: 12.px),
              borderRadius: 8.px,
              onTap: () async {
                AppRouter.openPage(Page1.route);
              },
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildSection({required String title, required Widget child}) {
    return Card(
      margin: EdgeInsets.only(bottom: 16.px),
      child: Padding(
        padding: EdgeInsets.all(16.px),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              title,
              style: TextStyle(fontSize: 18.sp, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 12.px),
            child,
          ],
        ),
      ),
    );
  }
}

// 自定义事件类
class CounterEvent {
  final int count;

  CounterEvent(this.count);
}