Flutter键盘隐藏插件soft_keyboard_dismisser的使用

soft_keyboard_dismisser

这是一个新的Flutter插件项目。

开始使用

添加依赖

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

dependencies:
  soft_keyboard_dismisser: ^0.0.1

然后运行以下命令以获取依赖：

flutter pub get

超简单的使用方法

在你的代码中导入插件并使用SoftKeyboardDismisser类。它有四个参数：

• 第一个参数：是否启用密码输入框（布尔值）。
• 第二个参数：占位符文本。
• 第三个参数：输入框的内边距值。
• 第四个参数：回调函数，用于获取输入框中的值。

示例代码如下：

import 'package:soft_keyboard_dismisser/soft_keyboard_dismisser.dart';

Container(
    child:
    SoftKeyboardDismisser(false, "Text here...", 10, ontextChange),
)

soft keyboard dismisser

使用SoftKeyboardDismisser类，它有四个参数：

1. 启用密码字段
   参数类型为布尔值，true表示启用密码输入框，false表示普通文本输入框。

   true/false
   

2. 占位符文本
   输入框的默认提示文本。

   Placeholder message 
   

3. 内边距值
   输入框的内边距值，单位为像素。

   Input field padding value 
   

4. 回调函数
   获取用户输入的回调函数。你可以通过此函数获取用户在输入框中输入的文本。

   onTextChange(val){
       print(val); // 打印你在文本框中输入的任何内容。
   }
   

完整示例代码

以下是一个完整的示例代码，展示如何使用soft_keyboard_dismisser插件：

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

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

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  var value = ""; // 用于存储输入框的值

  // 回调函数，用于获取输入框的值
  onTextChange(val) {
    print(val); // 打印输入框中的值
    setState(() {
      value = val; // 更新UI中的值
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('键盘隐藏示例'), // 设置标题
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0), // 设置页面内边距
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center, // 垂直居中对齐
            crossAxisAlignment: CrossAxisAlignment.start, // 水平左对齐
            mainAxisSize: MainAxisSize.max, // 占据最大空间
            children: [
              SizedBox(height: 20), // 空白区域
              Text(value), // 显示输入框中的值
              SoftKeyboardDismisser(
                false, // 是否启用密码模式（false表示普通文本输入）
                "Type here..", // 占位符文本
                10.0, // 输入框的内边距值
                onTextChange, // 回调函数
              ),
            ],
          ),
        ),
      ),
    );
  }
}