Flutter偏好设置管理插件onepref的使用

发布于 1周前 作者 zlyuanteng 来自 Flutter

Flutter偏好设置管理插件onepref的使用

OnePref 是一个用于Flutter项目的包,它简化了共享偏好设置(SharedPreferences)的使用,并且为应用内购买(In-App Purchase)提供了便捷的方法,以加速开发进程。下面将详细介绍如何使用 OnePref 包。

Features

OnePref 提供与 shared_preferences 包相同的功能,但是使用起来更加友好。同时,如果你的应用中加入了应用内购买功能,它还提供了一些额外的功能来帮助你快速实现这些特性。

Getting started

安装

首先,在你的项目中添加依赖:

flutter pub add onepref

然后在 Dart 文件中导入:

import 'package:onepref/onepref.dart';

初始化

在使用 OnePref 之前需要确保已经初始化。通常是在 main.dart 文件中的 main 方法里完成这一步骤:

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await OnePref.init();
  runApp(const MyApp());
}

Usage

写入和读取偏好设置

写入字符串类型的偏好设置:

OnePref.setString("key", "value here");

获取存储的字符串值:

const value = OnePref.getString("key");

对于布尔类型、整型等其他类型的数据操作,OnePref 也提供了相应的方法如 setBool, getInt 等等。

获取产品列表 (针对应用内购买)

要从商店获取可用的产品列表,可以使用以下代码:

IApEngine iApEngine = IApEngine();

void getProducts() async {
  await iApEngine.getIsAvailable().then((isAvailable) async {
    if (isAvailable) {
      await iApEngine.queryProducts(_productIds).then((value) => {
            setState(() {
              _products.addAll(value.productDetails);
              _notFoundIds.addAll(value.notFoundIDs);
              _purchasePending = false;
            })
          });
    }
  });
}

其中 _productIds 是你要查询的产品ID列表。

处理购买

当用户点击购买按钮时,你可以调用如下方法来处理购买逻辑:

TextButton(
  onPressed: () {
    iApEngine.handlePurchase(_products[selectedProduct ?? 0], _productIds);
  },
  child: Text("Buy $reward",
    textAlign: TextAlign.center,
    style: const TextStyle(
      color: Colors.white, fontSize: 14,
      fontWeight: FontWeight.normal,
    ),
  ),
),

此外,为了监听购买状态的变化,还需要订阅 purchaseStream,并在适当的时候更新UI或执行其他业务逻辑。

示例代码

这里给出一个完整的示例代码片段,展示了如何结合 OnePref 和 In-App Purchase 来构建一个简单的界面:

import 'package:flutter/material.dart';
import 'package:onepref/onepref.dart';
import 'package:in_app_purchase/in_app_purchase.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await OnePref.init();
  runApp(const MyApp());
}

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

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

class _MyAppState extends State<MyApp> {
  late final List<ProductDetails> _products = [];
  late final List<PurchaseDetails> _currentPurchaseDetails = [];

  IApEngine iApEngine = IApEngine();
  bool isSubscribed = false;
  bool oneTimeProductPurchased = false;

  final List<ProductId> _productIds = [
    ProductId(id: "test_remove_ads1", isConsumable: false, isOneTimePurchase: true),
  ];

  @override
  void initState() {
    super.initState();
    isSubscribed = OnePref.getPremium()!;
    
    // 监听购买事件
    iApEngine.inAppPurchase.purchaseStream.listen(listener, onDone: () {}, onError: (error) {});

    getProducts();
  }

  void listener(List<PurchaseDetails> purchaseDetailsList) async {
    await iApEngine.purchaseListener(purchaseDetailsList: purchaseDetailsList, productsIds: _productIds).then((value) {
      if (value['purchaseRestore'] || value['purchaseComplete']) {
        setState(() {
          subExisting = true;
        });
      }
    });
  }

  void getProducts() async {
    await iApEngine.getIsAvailable().then((value) async {
      if (value) {
        await iApEngine.queryProducts(_productIds).then((value) {
          setState(() {
            _products.addAll(value.productDetails);
          });
        });
      }
    });
  }

  void updateOneTimePurchaseAndSubscription(String purchasedProductId) {
    var productId = _productIds.firstWhere((element) => element.id == purchasedProductId);

    if (productId.isOneTimePurchase ?? false) {
      setState(() {
        oneTimeProductPurchased = true;
        OnePref.setBool("oneTimePurchase", true);
      });
    } else if (productId.isSubscription ?? false) {
      setState(() {
        OnePref.setPremium(true);
        isSubscribed = OnePref.getPremium() ?? false;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter Demo')),
        body: Column(
          children: [
            // UI elements for displaying products and handling purchases...
          ],
        ),
      ),
    );
  }
}

请注意,以上代码仅为示例,实际应用时可能需要根据具体需求进行调整。例如,你需要定义自己的 ProductId 类以及相关常量,并且根据实际情况设计合适的UI组件。


更多关于Flutter偏好设置管理插件onepref的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter偏好设置管理插件onepref的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个关于如何在Flutter项目中使用onepref插件进行偏好设置管理的代码示例。onepref是一个轻量级的Flutter插件,用于管理应用的偏好设置。

1. 添加依赖

首先,你需要在你的pubspec.yaml文件中添加onepref依赖:

dependencies:
  flutter:
    sdk: flutter
  onepref: ^最新版本号  # 请替换为最新的版本号

然后运行flutter pub get来获取依赖。

2. 初始化OnePref

在你的应用的主文件中(通常是main.dart),你需要初始化OnePref实例。

import 'package:flutter/material.dart';
import 'package:onepref/onepref.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化OnePref
  await OnePref.init();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

3. 使用OnePref进行偏好设置管理

在你的页面或组件中,你可以使用OnePref来读写偏好设置。以下是一个简单的示例,展示如何保存和读取一个字符串偏好设置。

import 'package:flutter/material.dart';
import 'package:onepref/onepref.dart';

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final TextEditingController _controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('OnePref 示例'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextField(
              controller: _controller,
              decoration: InputDecoration(labelText: '输入内容'),
            ),
            SizedBox(height: 16),
            ElevatedButton(
              onPressed: () async {
                // 保存偏好设置
                await OnePref.setString('myKey', _controller.text);
                ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('保存成功')));
              },
              child: Text('保存'),
            ),
            SizedBox(height: 16),
            ElevatedButton(
              onPressed: () async {
                // 读取偏好设置
                String? value = await OnePref.getString('myKey');
                setState(() {
                  _controller.text = value ?? '';
                });
                ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('读取成功')));
              },
              child: Text('读取'),
            ),
          ],
        ),
      ),
    );
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}

总结

上述代码展示了如何在Flutter项目中使用onepref插件来管理应用的偏好设置。你可以根据需要保存和读取不同类型的数据(如字符串、整数、布尔值等),并且onepref提供了非常简洁的API来执行这些操作。

希望这个示例能帮助你更好地理解和使用onepref插件!如果你有任何其他问题或需要进一步的帮助,请随时提问。

回到顶部