reactive_orm_forms 1.0.1

Reactive form widgets for Flutter powered by reactive_orm, with field-wise updates and minimal boilerplate.

reactive_orm_forms

|

Lightweight Flutter package for reactive form widgets powered by reactive_orm.
Provides field-wise reactivity, minimal boilerplate, and ready-to-use form controls.

---

🎬 Demo

---

✨ Features

• ✅ Reactive form widgets for Flutter
• ✅ Works seamlessly with ReactiveModel from reactive_orm
• ✅ Field-wise updates for optimal UI performance
• ✅ Includes:
  • ReactiveTextField
  • ReactiveCheckbox
  • ReactiveSelectorF (Dropdown)
  • ReactiveDatePicker
  • ReactiveSlider
• ✅ Easy integration with your domain models
• ✅ Nested and shared models supported

---

🚀 Getting Started

Installation

dependencies:
  reactive_orm_forms: <latest_version>

🧩 Usage Example:

import 'package:flutter/material.dart'; import 'package:reactive_orm/reactive_orm.dart'; import 'package:reactive_orm_forms/reactive_orm_forms.dart';

class Task extends ReactiveModel { String _title; bool _completed = false;

Task({required String title}) : _title = title;

String get title => _title; set title(String value) { if (_title != value) { _title = value; notifyListeners(#title); } }

bool get completed => _completed; set completed(bool value) { if (_completed != value) { _completed = value; notifyListeners(#completed); } } }

void main() => runApp(const MyApp());

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

@override Widget build(BuildContext context) { return MaterialApp(home: HomePage()); } }

class HomePage extends StatelessWidget { final Task task = Task(title: "Design UI");

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text("Reactive ORM Forms Demo")), body: Padding( padding: const EdgeInsets.all(16), child: Column( children: [ ReactiveTextField(model: task, fieldName: "title", hintText: "Task title"), ReactiveCheckbox(model: task, fieldName: "completed"), ReactiveBuilder

🔧 Widgets

• ReactiveTextField: Text input bound to a reactive model field
• ReactiveCheckbox: Boolean input
• ReactiveSelectorF: Dropdown/selector
• ReactiveDatePicker: Date selection
• ReactiveSlider: Slider input

🧠 How It Works

• Models extend ReactiveModel from reactive_orm.
• Form widgets automatically listen to field changes and update.
• ReactiveBuilder allows custom reactive UI previews.
• Nested models propagate changes upwards automatically.

📌 Summary

reactive_orm_forms is ideal for building reactive Flutter forms with minimal boilerplate and optimized field-wise reactivity, fully leveraging the power of reactive_orm.