Flutter基础功能扩展插件getbase的使用

Flutter基础功能扩展插件getbase的使用

Getbase

Flutter Package For Getbase 后端服务，Getbase 是一个基于 Node.js 和 MongoDB 的自托管后端。

Getbase GitHub 仓库
https://github.com/rohitsangwan01/get_base

开始使用

安装插件

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

dependencies:
  getbase: <最新版本>

然后运行以下命令以安装依赖：

flutter pub get

示例代码

以下是一个完整的示例，展示如何使用 getbase 插件初始化并启动应用。

示例代码

// 导入必要的包
import 'package:flutter/material.dart';
import 'package:getbase/getbase.dart'; // 引入 getbase 包
import 'package:get/get.dart'; // 引入 GetX 包

// 定义路由页面
import 'app/routes/app_pages.dart';

// 初始化服务函数
Future initServices() async {
  WidgetsFlutterBinding.ensureInitialized(); // 确保 Flutter 绑定初始化
  await Getbase.initialiseBase('http://192.168.60.236:4000'); // 初始化 Getbase 后端地址
}

void main() async {
  // 调用初始化服务
  await initServices();

  // 启动应用
  runApp(
    GetMaterialApp(
      debugShowCheckedModeBanner: false, // 去掉调试标志
      title: "Application", // 应用名称
      initialRoute: AppPages.INITIAL, // 初始路由
      getPages: AppPages.routes, // 配置路由
    ),
  );
}

更多关于Flutter基础功能扩展插件getbase的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter基础功能扩展插件getbase的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


getbase 是一个基于 Flutter 的状态管理库，它结合了 GetX 和 Provider 的优点，提供了简洁且强大的状态管理解决方案。getbase 的目标是简化开发者的工作流程，减少样板代码，并提供更好的性能。

以下是 getbase 的基本使用方法和功能扩展：

1. 安装依赖

首先，你需要在 pubspec.yaml 文件中添加 getbase 依赖：

dependencies:
  flutter:
    sdk: flutter
  getbase: ^1.0.0

然后运行 flutter pub get 来安装依赖。

2. 基本用法

2.1 创建控制器

getbase 使用控制器来管理状态。你可以通过继承 BaseController 来创建一个控制器。

import 'package:getbase/getbase.dart';

class CounterController extends BaseController {
  var count = 0.obs;

  void increment() {
    count.value++;
  }
}

2.2 在视图中使用控制器

你可以在视图中使用 BaseBuilder 或 BaseView 来绑定控制器并响应状态变化。

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

class CounterPage extends StatelessWidget {
  final CounterController controller = CounterController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Counter App'),
      ),
      body: Center(
        child: BaseBuilder<CounterController>(
          controller: controller,
          builder: (context, controller) {
            return Text(
              'Count: ${controller.count.value}',
              style: TextStyle(fontSize: 24),
            );
          },
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => controller.increment(),
        child: Icon(Icons.add),
      ),
    );
  }
}

3. 功能扩展

3.1 依赖注入

getbase 支持依赖注入，你可以使用 BaseInjector 来管理依赖。

BaseInjector.register<CounterController>(() => CounterController());

// 获取依赖
var controller = BaseInjector.get<CounterController>();

3.2 路由管理

getbase 提供了简单的路由管理功能，你可以使用 BaseNavigator 来进行页面跳转。

BaseNavigator.to(CounterPage());
BaseNavigator.back();

3.3 国际化

getbase 支持国际化，你可以使用 BaseTranslations 来管理多语言资源。

BaseTranslations.loadTranslations({
  'en': {
    'title': 'Counter App',
  },
  'zh': {
    'title': '计数器应用',
  },
});

// 使用
BaseTranslations.translate('title');

3.4 主题管理

getbase 提供了主题管理功能，你可以使用 BaseTheme 来动态切换主题。

BaseTheme.setTheme(ThemeData.light());
BaseTheme.setTheme(ThemeData.dark());
回到顶部