Flutter阿拉伯文分词插件sqlite3_arabic_tokenizer_flutter的使用

Flutter阿拉伯文分词插件sqlite3_arabic_tokenizer_flutter的使用

要使用在Flutter中的sqlite3_arabic_tokenizer_flutter插件。

sqlite3-arabic-tokenizer

这是一个为SQLite定制的FTS5分词器。如果您不了解自定义分词器是什么，请查看这里。

这个分词器会移除阿拉伯文中的变音符号。例如，在古兰经应用中，您可能希望搜索时不区分阿拉伯文的变音符号。比如，您想匹配’الحمد’与’ٱلْحَمْدُ’。您可以使用此分词器创建一个虚拟的fts5表来实现这一点。

开始使用

首先，在您的pubspec.yaml文件中添加sqlite3_arabic_tokenizer_flutter作为依赖项。

dependencies:
  sqlite3_arabic_tokenizer_flutter: ^0.0.1

别忘了运行flutter pub get。

请检查示例应用以获取详细的实现方法。 更多详情请阅读这篇文章。

完整示例代码

以下是完整的示例代码，展示了如何在Flutter中使用sqlite3_arabic_tokenizer_flutter插件：

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

import 'package:provider/provider.dart';
import 'package:sqlite3_arabic_tokenizer_flutter_example/provider/app_provider.dart';

void main() {
  runApp(MultiProvider(providers: [
    ChangeNotifierProvider<AppProvider>(
      create: (_) => AppProvider(),
      lazy: false,
    ),
  ], child: const MyApp()));
}

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

  // 这个小部件是你的应用的根组件。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Tokenizer Demo',
      theme: ThemeData(
        primarySwatch: Colors.amber,
      ),
      home: const MyHomePage(title: 'Flutter Tokenizer Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  // 这个小部件是应用的首页。它是有状态的，意味着它有一个包含影响其外观的字段的状态对象。
  // 此类是状态的配置。它保存由父级（在此处为App小部件）提供的值（在此处为标题），并由状态的构建方法使用。Widget子类中的字段始终标记为"final"。

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late TextEditingController _textEditingController;
  Timer? _debounce;

  [@override](/user/override)
  void initState() {
    _textEditingController = TextEditingController();
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Padding(
              padding: const EdgeInsets.all(
                20,
              ),
              child: TextField(
                controller: _textEditingController,
                decoration: InputDecoration(
                  hintText: "Search arabic with or without diacritics",
                  hintStyle: TextStyle(
                    color: Colors.black,
                  ),
                  enabledBorder: OutlineInputBorder(
                    borderSide: BorderSide(width: 1, color: Colors.amber),
                    borderRadius: BorderRadius.circular(0),
                  ),
                  focusedBorder: OutlineInputBorder(
                    borderSide: BorderSide(width: 1, color: Colors.black),
                    borderRadius: BorderRadius.circular(0),
                  ),
                  errorBorder: OutlineInputBorder(
                    borderSide: const BorderSide(width: 1, color: Colors.red),
                    borderRadius: BorderRadius.circular(0),
                  ),
                ),
                onChanged: _onChanged,
                onSubmitted: (v) {
                  Provider.of<AppProvider>(context, listen: false).search(v.trim());
                },
              ),
            ),
            Expanded(
              child: ListView.builder(
                padding: EdgeInsets.all(20),
                itemCount: Provider.of<AppProvider>(context).verses.length,
                itemBuilder: (context, index) {
                  return Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text(
                      Provider.of<AppProvider>(context).verses[index].toString(),
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }

  void _onChanged(String query) {
    if (_debounce?.isActive ?? false) {
      _debounce?.cancel();
    }
    _debounce = Timer(const Duration(milliseconds: 500), () {
      Provider.of<AppProvider>(context, listen: false).search(query.trim());
    });
  }

  [@override](/user/override)
  void dispose() {
    super.dispose();
    _debounce?.cancel();
    _textEditingController.dispose();
  }
}