cdx_components 0.6.1

cdx_components: ^0.6.1 copied to clipboard

example/lib/main.dart

import 'package:cdx_components/injector.dart';
import 'package:cdx_components/core/models/dropdown_item.dart';
import 'package:cdx_components/core/models/form_item.dart';
import 'package:cdx_components/core/services/app/iapp_service.dart';
import 'package:cdx_components/core/services/app/ievent_service.dart';
import 'package:cdx_components/core/services/app/itheme_service.dart';
import 'package:cdx_components/core/services/app/imedia_service.dart';
import 'package:cdx_components/views/form_builder.dart';
import 'package:example/services/app_theme_service.dart';
import 'package:example/services/app_service.dart';
import 'package:example/services/event_service.dart';
import 'package:example/services/media_service.dart';
import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';
import 'package:rxdart/rxdart.dart';

void main() {
  GetIt.I.registerSingleton<IEventService>(EventService());
  GetIt.I.registerSingleton<IMediaService>(MediaService());
  GetIt.I.registerSingleton<IThemeService>(AppThemeService());
  GetIt.I.registerSingleton<IAppService>(AppService());

  runApp(const MyApp());
}

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

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

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    //DI.app().setLocalization(AppLocalizations.of(context)!);
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Namer App',
      theme: ThemeData(
        useMaterial3: true,
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepOrange),
      ),
      home: const MainPage(),
    );
  }
}

class MainPage extends StatelessWidget {
  const MainPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Namer App',
        theme: DI.theme().themeData,
        home: const Scaffold(body: SafeArea(child: MyHomePage())));
  }
}

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

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  FormBuilder? formBuilder;
  final BehaviorSubject<Map<String, FormItem>> clearSubject =
      BehaviorSubject.seeded({});

  @override
  void initState() {
    super.initState();
    _buildForm();
  }

  void _buildForm() {
    formBuilder = FormBuilder(
        subject: BehaviorSubject(),
        formMap: clearSubject,
        hintStyle: const TextStyle(
            color: Colors.grey, fontWeight: FontWeight.w500, fontSize: 12));

    clearSubject.add({
      'title': FormItem(
          hint: 'loc.title',
          type: FormType.text,
          validation: (value) => value?.toString().isNotEmpty == true,
          value: '',
          inRow: true),
      'description': FormItem(
        hint: 'loc.description',
        type: FormType.multiline,
        validation: (value) => value?.toString().isNotEmpty == true,
        value: '',
      ),
      'author': FormItem(
          hint: 'loc.author',
          type: FormType.text,
          validation: (value) => true,
          value: '',
          breakCol: true),
      'status': FormItem(
        hint: 'loc.status',
        type: FormType.dropdown,
        validation: (value) => value != null,
        value: null,
        options: <DropdownItem>[
          DropdownItem(title: 'AAa', value: '1'),
          DropdownItem(title: 'BBb', value: '2')
        ],
        inRow: true,
      ),
    });
  }

  @override
  Widget build(BuildContext context) => formBuilder ?? Container(child: DI.app().title('aaa'),);
}