14.5.flutter_GetX

作者: ChaosHeart | 来源:发表于2022-01-27 11:19 被阅读0次

    GetUtils介绍

    GetUtilsgetx为我们提供一些常用的工具类库,包括值是否为空是否是数字是否是视频、图片、音频、PPT、Word、APK邮箱、手机号码、日期、MD5、SHA1等等。

    视频教程地址

    零基础视频教程地址

    我们这里举几个简单的例子:

    以判断是否是邮箱、手机号、IPV4地址为例

    import 'package:flutter/material.dart';
    import 'package:get/get.dart';
    
    class GetXUtilsExample extends StatelessWidget {
    
      var textFieldController = TextEditingController();
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text("GetX Utils"),
          ),
          body: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Padding(
                  padding: EdgeInsets.all(20),
                  child: TextField(
                    controller: textFieldController,
                  ),
                ),
                SizedBox(height: 10,),
                Padding(
                  padding: EdgeInsets.all(10),
                  child: ElevatedButton(
                    child: Text("判断是否是邮箱"),
                    onPressed: () async {
                      if (GetUtils.isEmail(textFieldController.text)) {
                        Get.snackbar("正确", "恭喜你, 完全正确", backgroundColor: Colors.greenAccent);
                      } else {
                        Get.snackbar(
                            "邮箱错误",
                            "请输入正确的邮箱",
                            backgroundColor: Colors.pink
                        );
                      }
                    },
                  ),
                ),
                Padding(
                  padding: EdgeInsets.all(10),
                  child: ElevatedButton(
                    child: Text("判断是否是手机号"),
                    onPressed: () async {
                      if (GetUtils.isPhoneNumber(textFieldController.text)) {
    
                        Get.snackbar("正确", "恭喜你, 完全正确", backgroundColor: Colors.greenAccent);
                      } else {
                        Get.snackbar(
                            "手机号错误",
                            "请输入正确的手机号",
                            backgroundColor: Colors.pink
                        );
                      }
                    },
                  ),
                ),
                Padding(
                  padding: EdgeInsets.all(10),
                  child: ElevatedButton(
                    child: Text("判断是否是IPv4"),
                    onPressed: () async {
                      if (GetUtils.isIPv4(textFieldController.text)) {
    
                        Get.snackbar("正确", "恭喜你, 完全正确", backgroundColor: Colors.greenAccent);
                      } else {
                        Get.snackbar(
                            "地址错误",
                            "请输入正确的IPv4地址",
                            backgroundColor: Colors.pink
                        );
                      }
                    },
                  ),
                ),
              ],
            ),
          ),
        );
      }
    }
    
    

    判断是否是邮箱效果展示

    image

    判断是否是手机号码效果展示

    [图片上传中...(image-a9beac-1643253446789-1)]

    判断是否是IPV4地址效果展示

    image

    参考:

    https://liujunmin.com/flutter/getx/getx_newss.html

    相关文章

      网友评论

        本文标题:14.5.flutter_GetX

        本文链接:https://www.haomeiwen.com/subject/ibfahrtx.html