آموزش کار با Supabse در فلاتر جایگزین فایربیس

  supabase: ^1.6.4
  supabase_flutter: ^1.8.1
  flutter_dotenv: ^5.0.2
  file_picker: ^5.3.0

void main() async{

  WidgetsFlutterBinding.ensureInitialized();
  await dotenv.load();
  String supabaseUrl = dotenv.env['SUPABASE_URL']??'';
  String supabaseKey = dotenv.env['SUPABASE_KEY']??'';

  await Supabase.initialize(url: supabaseUrl, anonKey: supabaseKey);
  runApp(const MyApp());
}

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Flutter Supabase',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const FirstPage()
    );
  }
}


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

  @override
  State<FirstPage> createState() => _FirstPageState();
}

class _FirstPageState extends State<FirstPage> {


  final SupabaseClient supabaseClient = Supabase.instance.client;
  User? _user;
  @override
  void initState() {
    // TODO: implement initState
    _getAuth();
    super.initState();
  }

  Future<void> _getAuth() async{
    setState(() {
      _user = supabaseClient.auth.currentUser;
    });

    supabaseClient.auth.onAuthStateChange.listen((event) {
      setState(() {
        _user = event.session?.user;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return _user==null ? const AuthPage() : AdsList();
  }
}

class AuthPage extends StatefulWidget {
  const AuthPage({Key? key}) : super(key: key);

  @override
  State<AuthPage> createState() => _AuthPageState();
}

class _AuthPageState extends State<AuthPage> {

  final SupabaseClient supabase = Supabase.instance.client;
  bool _signinLoading = false;
  bool _signUpLoading = false;

  final _email_controller = TextEditingController();
  final _passwodrd_controller = TextEditingController();
  final _formKey = GlobalKey<FormState>();

  @override
  void dispose() {

   supabase.dispose();
    _email_controller.dispose();
    _passwodrd_controller.dispose();
    super.dispose();
  }
  @override
  void initState() {

  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SingleChildScrollView(
          child: Form(
            key: _formKey,
            child: Padding(
              padding: EdgeInsets.all(20.0),

              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: [
                  Container(
                      alignment: Alignment.center,
                      child: Text("خوش آمدید",style: TextStyle(fontSize: 25.0,fontFamily: 'Dana'),)),
                  SizedBox(height: 30.0,),
                  TextInput(hint: 'ایمیل',controller: _email_controller,),
                  TextInput(hint: 'رمز عبور',controller: _passwodrd_controller,ispassword: true,),
                  SizedBox(height: 20.0,),
                  /*
                  login button
                   */
                  _signinLoading ? const Center(child: CircularProgressIndicator(),):
                  ElevatedButton(onPressed: ()async{
                    setState(() {
                      _signinLoading = true;
                    });
                    try{

                     await supabase.auth.signInWithPassword(email: _email_controller.text,password: _passwodrd_controller.text);
                    }catch(e){
                      ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text("error: ${e.toString()}"),
                      backgroundColor: Colors.redAccent,));
                      setState(() {
                        _signinLoading = false;
                      });
                    }
                  },

                      child: Text("Login")
                  ),
                  /*
                  sing up button
                   */
                  _signUpLoading ? const Center(child: CircularProgressIndicator(),):
                  OutlinedButton(onPressed: ()async{
                    setState(() {
                      _signUpLoading = true;
                    });
                    try{

                     await supabase.auth.signUp(email: _email_controller.text,password: _passwodrd_controller.text);
                      ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text("لینک تایید ارسال شد"),
                        backgroundColor: Colors.greenAccent,));
                     setState(() {
                       _signUpLoading = false;
                     });
                    }catch(e){
                      ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text("error: ${e.toString()}"),
                        backgroundColor: Colors.redAccent,));
                      setState(() {
                        _signUpLoading = false;
                      });
                    }
                  },

                      child: Text("Sign up")
                  )
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }


}

class AdsList extends StatefulWidget {
  const AdsList({Key? key}) : super(key: key);

  @override
  State<AdsList> createState() => _AdsListState();
}

class _AdsListState extends State<AdsList> {


  final SupabaseClient supabase = Supabase.instance.client;
  late Stream<List<Map<String,dynamic>>> _readStream;

  @override
  void initState() {
    // TODO: implement initState
    _readStream = supabase.from('ads').stream(primaryKey: ['id']);
    _readStream.listen((event) { });

    super.initState();
  }

  Future<dynamic> getData() async{
    final Future<dynamic> _future = supabase
        .from('ads')
        .select()
        .order('id',ascending: true);
    return _future;
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
          centerTitle: true,
        title: Text('آگهی ها',style: TextStyle(fontFamily: 'Dana',color: Colors.black),),
        actions: [
          IconButton(onPressed: (){
            Navigator.push(context, MaterialPageRoute(builder: (context) => SendAds(),));
          },
              icon: Icon(Icons.add,color: Colors.black,)
          )
        ],
      ),
      body: Container(
        color: Color(0xffafafa),
        child: FutureBuilder(
          future: getData(),
          builder: (context, snapshot) {

            if(snapshot.hasData){
              Iterable _iterable = snapshot.data;
              var _list = _iterable.map((e) => Product.fromJson(e)).toList();
              print(_iterable.toString());
              return ListView.builder(
                itemCount: _iterable.length,
                  itemBuilder: (context, index) {
                    return InkWell(
                      onTap: (){
                        Navigator.push(context, MaterialPageRoute(builder: (context) => AdsDetail(_list[index]),));

                      },
                      child: AdsItem(_list[index]),
                    );
                  },
              );
            }else if(snapshot.hasError){
              return Center(child: Text("error: ${snapshot.error}"),);
            }else{
              return Center(child: Text("Loading...."),);
            }
          },
        ),
      ),
    );
  }
}

class AdsItem extends StatelessWidget {

  Product pr;


  AdsItem(this.pr);

  @override
  Widget build(BuildContext context) {
    return Card(
      margin: EdgeInsets.symmetric(horizontal: 12.0,vertical: 5.0),
      elevation: 1.0,
      color: Colors.white,
      child: Container(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Container(
              height: 130.0,
              margin: EdgeInsets.only(bottom: 6.0,top: 4.0,right: 5.0,left: 5.0),
              decoration: BoxDecoration(
                borderRadius: BorderRadius.all(Radius.circular(9.0)),
                image: DecorationImage(
                  fit: BoxFit.fill,
                  image: NetworkImage(pr.image!)
                )
              ),
            ),
            Container(
              alignment: Alignment.topRight,
              margin: EdgeInsets.symmetric(horizontal: 10.0,vertical: 6.0),
              child: Text(pr.title!,style: TextStyle(fontFamily: 'Dana',fontSize: 19.0,color: Colors.black),),
              
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                Container(
                  margin: EdgeInsets.symmetric(horizontal: 5.0),
                  child: Text(pr.city!,style: TextStyle(fontFamily: 'Dana',fontSize: 16.0,color: Colors.black),),
                ),
                Icon(Icons.location_on_outlined,color: Colors.black,)
              ],
            )
          ],
        ),
      ),
    );
  }
}

class SendAds extends StatefulWidget {
  const SendAds({Key? key}) : super(key: key);

  @override
  State<SendAds> createState() => _SendAdsState();
}

class _SendAdsState extends State<SendAds> {

  bool _isUPloading = false;
  final SupabaseClient supabase = Supabase.instance.client;
  TextEditingController title_controller = TextEditingController();
  TextEditingController desc_controller = TextEditingController();
  TextEditingController price_controller = TextEditingController();

  List<String> cat_list = ["خانه","ماشین","موبایل"];
  List<String> city_list = ["تهران","رشت","قشم"];

  String city_value = "تهران";
  String cat_value = "خانه";


  Future<String?> uploadFile() async{


    var pickedfile = await FilePicker.platform.pickFiles(allowMultiple: false,type: FileType.image);
    if(pickedfile!=null){
      setState(() {
        _isUPloading = true;
      });
      try{
        var file_path = "https://yuimzptrjihrqqzuibkh.supabase.co/storage/v1/object/public/";
        File file = File(pickedfile.files.first.path!);
        String filename = pickedfile.files.first.name;
        String uploadfile = await supabase.storage.from('user-images').upload("${supabase.auth.currentUser!.id}/$filename", file);
       String file_url = await supabase.storage.from('user-images').getPublicUrl("${supabase.auth.currentUser!.id}/$filename");
        print(uploadfile);
      print(file_url);
      return file_url;
      }catch(e){
          print("Error: ${e.toString()}");
          setState(() {
            _isUPloading = false;
          });
          ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text("error: ${e.toString()}"),
            backgroundColor: Colors.redAccent,));
      }


    }
  }


  Future insertData() async {
    String? img_url  = await uploadFile();


    try{
      String userId = supabase.auth.currentUser!.id;
      await supabase.from('ads').insert({
        'userid': userId,
        'title': title_controller.text,
        'desc': desc_controller.text,
        'city': city_value,
        'category': city_value,
        "img":img_url,
        "price": int.parse(price_controller.text)
      });
      ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text("اطلاعات ثبت شد"),
        backgroundColor: Colors.greenAccent,));
      setState(() {
        _isUPloading = false;
      });
    }catch(e){
      print("Error: ${e.toString()}");
      setState(() {
        _isUPloading = false;
      });
      ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text("error: ${e.toString()}"),
        backgroundColor: Colors.redAccent,));
    }
  }

  @override
  void initState() {
    // TODO: implement initState
    cat_value = cat_list[0];
    city_value = city_list[0];
  }



  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: _isUPloading? const CircularProgressIndicator(): FloatingActionButton(
        child: Icon(Icons.access_alarm_outlined),onPressed: (){},),
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: Text("ثبت آگهی",style: TextStyle(fontFamily: 'Dana',color: Colors.black),),
      ),
      body: Container(
        color: Color(0xffafafa),
        child: Column(
          children: [
            TextInput(controller: title_controller,hint: 'عنوان',),
            TextInput(controller: desc_controller,hint: 'توضیحات',),
            TextInput(controller: price_controller,hint: 'قیمت',),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [

                DropdownButton<String>(
                  onChanged: (String? newValue){
                    setState(() {
                      city_value = newValue!;
                    });
                  },
                  value: city_value,
                  items: city_list.map<DropdownMenuItem<String>>((e) => DropdownMenuItem<String>(
                    value: e,
                    child: Text(e.toString(),style: TextStyle(fontFamily: 'Dana'),),
                  )).toList()
                ),
                DropdownButton<String>(
                    onChanged: (String? newValue){
                      setState(() {
                        cat_value = newValue!;
                      });
                    },
                    value: cat_value,
                    items: cat_list.map<DropdownMenuItem<String>>((e) => DropdownMenuItem<String>(
                      value: e,
                      child: Text(e.toString(),style: TextStyle(fontFamily: 'Dana'),),
                    )).toList()
                )
              ],
            ),
            Container(
              margin: EdgeInsets.symmetric(vertical: 15.0),
              child: ElevatedButton(
                child: Text('انتخاب تصویر',style: TextStyle(fontFamily: 'Dana')),
                onPressed: () async{
                  insertData();
                },
              ),
            )
          ],
        ),
      ),
    );
  }
}