GetX实现国际化、网络请求和切换主题的功能

目录

前言

一、国际化

1.创建语言资源文件

2.在main.dart 中配置国际化

3.在界面中使用国际化字符串

4.改变语言

5.系统语言

二、改变主题

1.切换主题

2.判断当前主题

3.示例Demo

三、GetConnect实现网络请求

1.基本使用

2.发送GET请求

3.发送 POST 请求

4.发送put和delete请求

5.自定义请求头（Headers）

6. 错误处理和拦截器

7.文件上传

8.使用 WebSocket

9.综合示例

前言

        GetX 提供了一系列的实用工具，可以简化开发流程，提高代码效率。这篇文章主要讲解下一些 GetX 中的常用实用工具及其使用方法。

一、国际化

        GetX 框架提供了非常便捷的国际化支持。

        我们通过下面的一个例子看一下如何使用Getx实现国际化的功能。

        图1.国际化

        在上述的例子中，我们有汉语、英语、德语三种语言，点击按钮之后，我们随意切换三种语言。下面我们看一下具体的实现步骤：

1.创建语言资源文件

        创建包含不同语言的翻译资源文件。通常是一个类，包含各个语言的 Map 数据，格式如下：

import 'package:get/get.dart';

class Messages extends Translations {
  @override
  Map<String, Map<String, String>> get keys => {
    'zh_CN': {
      'hello': '你好，世界',
      'welcome': '欢迎使用 GetX',
    },
    'en_US': {
      'hello': 'Hello World',
      'welcome': 'Welcome to GetX',
    },
    'de_DE': {
      'hello': 'Hallo Welt',
      'welcome': 'Willkommen bei GetX',
    },
  };
}

2.在main.dart 中配置国际化

        在 main.dart 文件中，将 GetMaterialApp 的 translations、locale 和 fallbackLocale 配置好：

// lib/main.dart
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'localization/messages.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Flutter GetX Internationalization',
      translations: Messages(), // 国际化资源
      locale: Locale('en', 'US'), // 默认语言
      fallbackLocale: Locale('en', 'US'), // 备选语言
      home: HomePage(),
    );
  }
}

3.在界面中使用国际化字符串

        使用 tr 方法即可自动获取对应语言的文本内容：

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.purple,
        title: const Text('GetX | 国际化',style: TextStyle(color: Colors.white,fontWeight: FontWeight.bold,fontSize: 16),),
      ),
      body: Center(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              const SizedBox(height: 20,),
              Container(
                height: 40,
                color: Colors.purple,
                alignment: Alignment.center,
                child: Text("${'hello'.tr}${'welcome'.tr}",style: const TextStyle(color: Colors.white),),
              ),
              const SizedBox(height: 20,),
              Container(
                height: 40,
                color: Colors.purple,
                alignment: Alignment.center,
                child: Text(Get.locale == const Locale('en', 'US')?"当前语言：英文":Get.locale == const Locale('zh', 'CN')?"当前语言：中文":"当前语言：德文",style: const TextStyle(color: Colors.white),),
              ),
              const SizedBox(height: 40,),
              ElevatedButton(onPressed: (){
                // 循环切换语言
                var currentLocale = Get.locale;
                if (currentLocale == const Locale('en', 'US')) {
                  Get.updateLocale(const Locale('zh', 'CN'))