Alvin Connect Widget

The Alvin Connect Widget is a Flutter widget designed to enable users to connect to various Alvin products seamlessly. It provides a visually appealing interface with customizable button and card colors.

Installation

To use the Alvin Connect Widget in your Flutter project, add the following dependency to your pubspec.yaml file:

dependencies:
  alvin_connect: <latest_version>

Then, run flutter pub get in your terminal.

Usage

The Alvin Connect Widget displays a card containing information about the connected product. It includes a title, description, and a "Get started" button that navigates the user to a view of the product. To use the Alvin Connect Widget, simply add the following code to your Flutter project

AlvinConnectWidget(
  product: 'Bank Aggregation',
  publicKey: 'YOUR_PUBLIC_KEY',
  email: 'example@example.com',
  country: 'Kenya',
  title: 'Enter your title here',
  description: 'Enter your description here',
  layout: 'card',
  buttonBackgroundColor: Colors.blue,
  buttonTextColor: Colors.white,
  cardBackgroundColor: Colors.grey[200],
)

Customization

You can customize the appearance of the Spend Tracking Widget using the following properties:

  • product: The name of the Alvin product to connect to.
  • publicKey: The public key for authentication.
  • email: The user's email address.
  • country: The user's country.
  • title : The title of the card.
  • description: The description of the card.
  • navTextFontsize: The font size of the bottomNavButtonWithText layout.
  • navTextColor: The text color of the bottomNavButtonWithText layout.
  • navIconSize: The size of the icon in the bottomNavButton and bottomNavButtonWithText layout.
  • navIconColor: The color of the icon in the bottomNavButton and bottomNavButtonWithText layout.
  • layout : The layout of the widget i.e. card, pill, bottomNavButton, bottomNavButtonWithText
  • buttonBackgroundColor: The background color of the "Get started" button.
  • buttonTextColor: The text color of the "Get started" button.
  • cardBackgroundColor: The background color of the card containing the spend tracking information.

License

This widget is released under the MIT License.

Replace placeholders like YOUR_PUBLIC_KEY, example@example.com, and Kenya with relevant values specific to your application. You can also customize the colors and fonts to match your app's theme.

Libraries

alvin_connect