Flutter动态环境配置插件dynamic_environment的使用

dynamic-environment 是一个用于在请求时动态更改基础URL的插件。

开始使用

为了展示一个用于更改URL的对话框，你需要调用 requestDialog 函数。你还可以选择性地提供基础URL以显示在对话框中。

requestDialog(
    context,
    baseUrl: 'https://example.com/',
);

下一步是将 DynamicEnvironmentInterceptor 添加到Dio实例中。

dio.interceptors.add(DynamicEnvironmentInterceptor());

完整示例

以下是一个完整的示例代码，展示了如何使用 dynamic-environment 插件。

示例代码

example/lib/main.dart

import 'package:dio/dio.dart';
import 'package:example/dio_provider.dart';
import 'package:flutter/material.dart';
import 'package:dynamic_environment/dynamic_environment.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: Builder(builder: (context) {
        return Scaffold(
          body: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                // 按钮用于显示更改URL的对话框
                ElevatedButton(
                  onPressed: () => requestDialog(context, baseUrl: DioProvider.baseUrl),
                  child: const Text('Demo dialog'),
                ),
                // 按钮用于发起请求
                ElevatedButton(
                  onPressed: () async {
                    final dio = DioProvider.dio();
                    final response = await dio.get('/random');
                    print(response.data.toString());
                  },
                  child: const Text('Demo request'),
                ),
              ],
            ),
          ),
        );
      }),
    );
  }
}

解释

1. 导入必要的库：

   import 'package:dio/dio.dart';
   import 'package:example/dio_provider.dart';
   import 'package:flutter/material.dart';
   import 'package:dynamic_environment/dynamic_environment.dart';
   

2. 创建主应用类：

   void main() {
     runApp(const MyApp());
   }
   
   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     @override
     State<MyApp> createState() => _MyAppState();
   }
   

3. 定义状态管理类：

   class _MyAppState extends State<MyApp> {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         theme: ThemeData(
           colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
           useMaterial3: true,
         ),
         home: Builder(builder: (context) {
           return Scaffold(
             body: Center(
               child: Column(
                 mainAxisAlignment: MainAxisAlignment.center,
                 children: [
                   // 显示更改URL的对话框
                   ElevatedButton(
                     onPressed: () => requestDialog(context, baseUrl: DioProvider.baseUrl),
                     child: const Text('Demo dialog'),
                   ),
                   // 发起请求
                   ElevatedButton(
                     onPressed: () async {
                       final dio = DioProvider.dio();
                       final response = await dio.get('/random');
                       print(response.data.toString());
                     },
                     child: const Text('Demo request'),
                   ),
                 ],
               ),
             ),
           );
         }),
       );
     }
   }