Flutter插件sfdevappsdk的介绍与使用

Flutter插件sfdevappsdk的介绍与使用

在本篇文档中，我们将详细介绍如何使用名为sfdevappsdk的Flutter插件。该插件可以帮助开发者读取配置文件中的键值对，方便应用内配置管理。

Flutter插件sfdevappsdk开始使用

首先，确保在你的pubspec.yaml文件中添加sfdevappsdk依赖：

dependencies:
  sfdevappsdk: ^1.0.0

然后运行flutter pub get以安装依赖项。

示例代码

以下是一个简单的示例，演示如何使用sfdevappsdk插件来读取配置文件中的键值对，并在界面上显示结果。

import 'package:sfdevappsdk/sfdevappsdk.dart'; // 引入插件
import 'package:flutter/material.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Example',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const Home(),
    );
  }
}

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

  [@override](/user/override)
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  String input = "preferencias.server"; // 默认输入值
  String text = ""; // 显示读取到的值

  [@override](/user/override)
  void initState() {
    WidgetsBinding.instance.addPostFrameCallback((_) async {
      // 在界面初始化后异步读取配置值
      final value = await DevAppManager().readValue("preferencias.server");
      print(value);
    });
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            SizedBox(
              width: 200,
              child: TextFormField(
                // 设置初始值并允许用户修改
                initialValue: input,
                decoration: const InputDecoration(label: Text("Name")),
                onChanged: (value) => input = value,
              ),
            ),
            IconButton(
              // 按钮点击事件，用于读取用户输入的键值对
              onPressed: () async {
                try {
                  // 异步读取键值对
                  final value = await DevAppManager().readValue(input);
                  setState(() {
                    // 更新UI显示读取到的值
                    text = value ?? "not-found";
                  });
                } catch (err) {
                  // 捕获异常并显示错误信息
                  if (!context.mounted) return;
                  // 显示错误对话框
                  showBottomAlertKDialog(context, message: err.toString());
                }
              },
              icon: const Icon(Icons.search), // 图标为搜索图标
            ),
            const SizedBox(height: 20.0),
            // 显示读取到的值
            Text(text),
          ],
        ),
      ),
    );
  }
}