Flutter数据库与后端服务集成插件supabase_addons_flutter的使用

安装 #

在pubspec.yaml文件中添加依赖：

dependencies:
  supabase: <latest-version>
  supabase_addons: <latest-version>
  supabase_flutter_addons: <latest-version>

然后导入所需的包：

import 'package:supabase/supabase.dart';
import 'package:supabase_addons/supabase_addons.dart';
import 'package:supabase_flutter_addons/supabase_flutter_addons.dart';

开始使用 #

首先初始化插件：

await SupabaseAddonsFlutter.initialize(
  client: SupabaseClient(SUPABASE_URL, SUPABASE_SECRET),
);

这样就完成了基本配置。你可以开始使用supabase_flutter_addons来开发你的应用了！

完整示例Demo

以下是一个完整的示例，展示了如何使用supabase_flutter_addons进行基本操作。

初始化

import 'package:flutter/material.dart';
import 'package:supabase_flutter/supabase_flutter.dart';
import 'package:supabase_addons/supabase_addons.dart';
import 'package:supabase_flutter_addons/supabase_flutter_addons.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 设置你的Supabase URL和密钥
  const String SUPABASE_URL = 'your-supabase-url';
  const String SUPABASE_SECRET = 'your-supabase-secret';

  // 初始化插件
  await SupabaseAddonsFlutter.initialize(
    client: SupabaseClient(SUPABASE_URL, SUPABASE_SECRET),
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

基本操作

class HomeScreen extends StatefulWidget {
  [@override](/user/override)
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final _formKey = GlobalKey<FormState>();
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Supabase Addons Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          key: _formKey,
          child: Column(
            children: [
              TextFormField(
                controller: _emailController,
                decoration: InputDecoration(labelText: 'Email'),
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return '请输入邮箱';
                  }
                  return null;
                },
              ),
              SizedBox(height: 16),
              TextFormField(
                controller: _passwordController,
                obscureText: true,
                decoration: InputDecoration(labelText: '密码'),
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return '请输入密码';
                  }
                  return null;
                },
              ),
              SizedBox(height: 24),
              ElevatedButton(
                onPressed: () async {
                  if (_formKey.currentState!.validate()) {
                    try {
                      final response = await SupabaseAuth.signIn(
                        email: _emailController.text,
                        password: _passwordController.text,
                      );
                      ScaffoldMessenger.of(context).showSnackBar(
                        SnackBar(content: Text('登录成功')),
                      );
                    } catch (e) {
                      ScaffoldMessenger.of(context).showSnackBar(
                        SnackBar(content: Text('登录失败: $e')),
                      );
                    }
                  }
                },
                child: Text('登录'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  [@override](/user/override)
  void dispose() {
    _emailController.dispose();
    _passwordController.dispose();
    super.dispose();
  }
}