Flutter插件codeofland的使用方法详解

Flutter插件argenius的

我的联系方式

• YouTube频道 : https://youtube.com/@HalilUcel
• 邮件地址 : hucelsoft@gmail.com
• 我的GitHub : https://github.com/HalilUcel14
• LinkedIn : https://www.linkedin.com/in/halilucel/

Flutter插件codeofland安装

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

dependencies:
  codeofland: ^版本号

基本模型（Base Model）

该插件提供了基础模型服务示例。通过实现BaseModel抽象类，可以轻松地将数据序列化和反序列化。

// 这段代码在插件内可用，只需要调用即可。
abstract class BaseModel<T> {
  Map<String, dynamic> toJson();
  T fromJson(Map<String, dynamic> json);
}

//------------------[USAGE]----------------------
//------------------[KULLANIM]-------------------
class ExampleModel extends BaseModel<ExampleExtends> {
  // 一些代码
  // 一些代码
}

// -------------------[Sample]---------------------
class NoteModel extends BaseModel<NoteModel> {
  String? note;
  String? title;

  NoteModel({this.note, this.title});

  @override
  NoteModel fromJson(Map<String, dynamic> json) {
    return NoteModel(
      title: json['title'],
      note: json['note'],
    );
  }

  @override
  Map<String, dynamic> toJson() {
    return {
      'note': note,
      'title': title,
    };
  }
}

扩展上下文（Extension Context Extension）

该插件提供了扩展方法，使得在BuildContext上操作导航器变得简单。

// 导航器扩展
ElevatedButton(
  // context. pushReplacement - push - pop 和许多其他功能
  onPressed: () => context.push(HomeWidget()),
  child: Text('Goto Home Widget');
);

屏幕尺寸扩展（Screen Size Extension）

该插件提供了扩展方法，可以在BuildContext上获取屏幕的高度或宽度。

// 屏幕尺寸高度或宽度扩展
Text(
  'Selam Naber',
  style: TextStyle(
    // context.screenWidth 或 context.screenHeight
    fontSize: context.screenHeight / 2
  ),
);

主题数据扩展（Theme Data Extension）

该插件提供了扩展方法，可以从BuildContext中获取主题样式。

Text(
  'Text Yazısıdır. Context içerisinden textStyle getirebilirsin',
  style: context.textTheme.titleLarge
);

数值扩展（Numeric Extension）

该插件提供了数值扩展方法，可以在布局中使用。

Column(
  children: [
    Container(),
    //
    AnyWidget(),
    // 使用Space Widget的任何数字 .widthBox 或 .highBox
    24.widthBox
    //
    AnyWidget(),
  ]
);

Firebase认证管理器（Firebase Auth Manager）

该插件提供了一个简单的Firebase认证管理器，可以方便地处理用户登录和注册。

import 'package:codeofland/codeofland.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    FirebaseAuthManager authManager = FirebaseAuthManager.of(auth: FirebaseAuth.instance);
    return Column(
      children: [
        // 对于电子邮件
        TextFormField(),
        // 对于密码
        TextFormField(),
        // 显示当前用户的Uid
        Text('${authManager.currentUser?.uid}'),
        //
        ElevatedButton(
          onPressed: () {
            authManager.signInWithEmailAndPassword(email: 'email', password: 'password');
          },
          child: const Text('Giriş'),
        ),
      ],
    );
  }
}

带间距的组件（With Spacing Widget）

该插件提供了带间距的列和行组件。

import 'package:codeofland/codeofland.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return ColumnWithSpacing(
      spacing: 10,
      children: [
        OneWidget(),
        // SizedBox(height: 10),
        TwoWidget(),
        // SizedBox(height: 10),
        ThreeWidget(),
      ],
    );
  }
}

import 'package:codeofland/codeofland.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return RowWithSpacing(
      spacing: 10,
      children: [
        OneWidget(),
        // SizedBox(height: 10),
        TwoWidget(),
        // SizedBox(height: 10),
        ThreeWidget(),
      ],
    );
  }
}

常量持续时间或数字（Const Duration or Number）

该插件提供了常量持续时间和数字的扩展方法。

// 在BuildContext上使用导航器扩展
ElevatedButton(
  // context. pushReplacement - push - pop 和许多其他功能
  onPressed: () => context.push(HomeWidget()),
  child: Text(
    'Goto Home Widget',
    fontSize: AppNum.gap8(),
    duration: AppDuration.second(20),
  );
);

可转换文本（Convertable Text）

该插件提供了一个简单的可转换文本组件，用于文本小部件的简单使用。

Column(
  children: [
    ConvertableText(
      text: "Test Text",
      style: context.textTheme.headLineSmall,
      color: context.colorScheme.primary,
    ),
  ]
)

网络图像小部件（NEtwork Image Widget）

该插件提供了一个简单的网络图像小部件，用于网络图像小部件的简单使用。

Column(
  children: [
    NetworkImageWidget(imageUrl: 'https://.......')
  ]
)