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.