BetterHalf Flutter – Matrimony Flutter Responsive UI Kit with Riverpod

Here is a complete settings example for BetterHalf Flutter - Matrimony Flutter Responsive UI Kit with Riverpod:

Theme Settings

To configure the theme, you need to create a theme.dart file and add the following code:

import 'package:flutter/material.dart';
import 'package:better_half/theme/theme.dart';

class AppTheme {
  static ThemeData get lightTheme {
    return ThemeData(
      brightness: Brightness.light,
      primaryColor: Colors.blue[700],
      primarySwatch: Colors.blue,
      secondaryHeaderColor: Colors.grey[200],
      scaffoldBackgroundColor: Colors.white,
      appBarTheme: AppBarTheme(
        color: Colors.blue[700],
        elevation: 0,
      ),
    );
  }

  static ThemeData get darkTheme {
    return ThemeData(
      brightness: Brightness.dark,
      primaryColor: Colors.blue[700],
      primarySwatch: Colors.blue,
      secondaryHeaderColor: Colors.grey[800],
      scaffoldBackgroundColor: Colors.black,
      appBarTheme: AppBarTheme(
        color: Colors.blue[700],
        elevation: 0,
      ),
    );
  }
}

Riverpod Settings

To configure Riverpod, you need to create a riverpod.dart file and add the following code:

import 'package:flutter/material.dart';
import 'package:riverpod/riverpod.dart';
import 'package:better_half/theme/theme.dart';

class AppProvider {
  AppProvider({required this.theme});

  final ThemeData theme;

  Future<void> init() async {
    await ProviderScope(
      overrides: [
        Provider<ThemeNotifier>(
          create: (_) => ThemeNotifier(theme),
        ),
      ],
      child: MyApp(),
    );
  }
}

class ThemeNotifier extends StateNotifier<ThemeData> {
  ThemeNotifier(this._theme) : super(_theme);

  final ThemeData _theme;

  ThemeData get theme => _theme;
}

Navigation Settings

To configure navigation, you need to create a navigation.dart file and add the following code:

import 'package:flutter/material.dart';
import 'package:riverpod/riverpod.dart';
import 'package:better_half/theme/theme.dart';

class AppNavigation {
  AppNavigation({required this.theme});

  final ThemeData theme;

  Future<void> init() async {
    await ProviderScope(
      overrides: [
        Provider<NavigatorProvider>(
          create: (_) => NavigatorProvider(),
        ),
      ],
      child: MyApp(),
    );
  }
}

class NavigatorProvider extends StateNotifier<NavigatorState> {
  NavigatorProvider() : super(NavigatorState());

  NavigatorState get navigator => state;
}

App Settings

To configure the app, you need to create a app.dart file and add the following code:

import 'package:flutter/material.dart';
import 'package:riverpod/riverpod.dart';
import 'package:better_half/theme/theme.dart';
import 'package:better_half/navigation/navigation.dart';
import 'package:better_half/settings/riverpod.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ProviderScope(
      overrides: [
        Provider<AppTheme>(
          create: (_) => AppTheme(),
        ),
        Provider<AppProvider>(
          create: (_) => AppProvider(theme: AppTheme().lightTheme),
        ),
        Provider<AppNavigation>(
          create: (_) => AppNavigation(theme: AppTheme().lightTheme),
        ),
      ],
      child: MaterialApp(
        title: 'BetterHalf',
        theme: AppTheme().lightTheme,
        home: Scaffold(
          body: Center(
            child: Text('BetterHalf'),
          ),
        ),
      ),
    );
  }
}

Here are the features mentioned about the BetterHalf Flutter - Matrimony Flutter Responsive UI Kit with Riverpod:

1. Splash Screen: A feature that helps developers quickly and easily develop a matrimony app or any similar type app.
2. Onboarding Screen: A screen that helps users onboard to the app.
3. Welcome Screen: A screen that greets users and provides a brief introduction to the app.
4. Sign in Screen: A screen that allows users to sign in to the app.
5. Sign Up Screen: A screen that allows users to sign up for the app.
6. OTP Screen: A screen that sends a one-time password (OTP) to the user for verification purposes.
7. Profile Edit Screen: A screen that allows users to edit their profile information.
8. Home Screen: A screen that provides a dashboard for the user to access various features of the app.
9. Drawer Screen: A screen that provides a navigation menu for the user to access various features of the app.
10. Search Screen: A screen that allows users to search for profiles or profiles based on specific criteria.
11. Search Result Screen: A screen that displays the search results for the user.
12. Connect Screen: A screen that allows users to connect with other users.
13. Chat Screen: A screen that enables users to chat with other users.
14. Chat Message Screen: A screen that displays chat messages between users.
15. Forget Password Screen: A screen that allows users to reset their password.
16. Reset Password Screen: A screen that allows users to reset their password.
17. Invitation Screen: A screen that allows users to send or receive invitations.
18. Membership Plan Screen: A screen that provides information about the membership plans available in the app.
19. Notification: A feature that sends notifications to users about important events or updates.
20. Settings Screen: A screen that allows users to adjust various settings for the app.
21. Theme Showcase Screen: A screen that showcases different themes for the app.

Additionally, the kit comes with a project structure that includes the following folders:

• assets: contains all the images, icons, font, and animation files.
• lib: contains the application main file and folder.
  • app: contains the main MaterialApp app class.
  • core: contains the app constants, utilities, and service files.
  • models: contains the app models files.
  • service: contains the app service files.
  • theme: contains the theme-related controllers, models, and persistence key class.
  • ui: contains the app screen views and universal widgets.
• pubspec.yaml: contains the application name and other project dependencies.
• flutter_launcher_icons.yaml: contains the application icon configuration.

Please note that the kit does not offer a refund, and customers are advised to read the description and compatibility content thoroughly before purchasing the kit.