Flutter韩文子音搜索插件hangul_choseong_search的使用

hangul_choseong_search 是一个用于在韩语字符串中进行初始子音（choseong）搜索的 Flutter 包。它帮助你通过仅输入韩语单词的初始子音来搜索这些单词。

功能

• 从韩语单词中提取初始子音。
• 支持基于子音的韩语文本搜索。

安装

在你的 pubspec.yaml 文件中添加以下依赖：

dependencies:
  hangul_choseong_search: ^0.0.1

运行 flutter pub get 来安装此包。

使用示例

下面是一个完整的示例，展示了如何使用 hangul_choseong_search 插件。

示例代码

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

void main() {
  runApp(ChoseongSearchExample());
}

class ChoseongSearchExample extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ChoseongSearchScreen(),
    );
  }
}

class ChoseongSearchScreen extends StatefulWidget {
  [@override](/user/override)
  _ChoseongSearchScreenState createState() => _ChoseongSearchScreenState();
}

class _ChoseongSearchScreenState extends State<ChoseongSearchScreen> {
  List<String> items = ['라면', '김치', '사과', '감자'];
  List<String> filteredItems = [];
  TextEditingController searchController = TextEditingController();

  [@override](/user/override)
  void initState() {
    super.initState();
    filteredItems = items;
    searchController.addListener(() {
      setState(() {
        filteredItems = filterByChoseong(items, searchController.text);
      });
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('初声搜索示例'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: searchController,
              decoration: InputDecoration(
                hintText: '初声输入...',
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(8),
                ),
              ),
            ),
            SizedBox(height: 16),
            Expanded(
              child: ListView.builder(
                itemCount: filteredItems.length,
                itemBuilder: (context, index) {
                  return ListTile(
                    title: Text(filteredItems[index]),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

代码解释

1. 导入必要的包

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

2. 主应用入口

   void main() {
     runApp(ChoseongSearchExample());
   }
   

3. 创建主界面

   class ChoseongSearchExample extends StatelessWidget {
     [@override](/user/override)
     Widget build(BuildContext context) {
       return MaterialApp(
         home: ChoseongSearchScreen(),
       );
     }
   }
   

4. 定义状态管理类

   class ChoseongSearchScreen extends StatefulWidget {
     [@override](/user/override)
     _ChoseongSearchScreenState createState() => _ChoseongSearchScreenState();
   }
   

5. 初始化数据

   class _ChoseongSearchScreenState extends State<ChoseongSearchScreen> {
     List<String> items = ['라면', '김치', '사과', ' 감자'];
     List<String> filteredItems = [];
     TextEditingController searchController = TextEditingController();
   
     [@override](/user/override)
     void initState() {
       super.initState();
       filteredItems = items;
       searchController.addListener(() {
         setState(() {
           filteredItems = filterByChoseong(items, searchController.text);
         });
       });
     }
   

6. 构建UI

   [@override](/user/override)
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: Text('初声搜索示例'),
       ),
       body: Padding(
         padding: const EdgeInsets.all(16.0),
         child: Column(
           children: [
             TextField(
               controller: searchController,
               decoration: InputDecoration(
                 hintText: '初声输入...',
                 border: OutlineInputBorder(
                   borderRadius: BorderRadius.circular(8),
                 ),
               ),
             ),
             SizedBox(height: 16),
             Expanded(
               child: ListView.builder(
                 itemCount: filteredItems.length,
                 itemBuilder: (context, index) {
                   return ListTile(
                     title: Text(filteredItems[index]),
                   );
                 },
               ),
             ),
           ],
         ),
       ),
     );
   }