Flyy Widget

Introduction

The Flyy Widget provides a ready-to-use entry point leading to the Flyy SDK's Primary Screens. Namely, the Offers Screen, Rewards Screen, and Wallet Screen. This widget allows various customizations to match your project's theme and style.

Usage

To add the Flyy Widget, just add the following widget to your layout:

FlyyFlutterPlugin.flyyWidget(),
378

We recommend placing the Flyy Widget on your app's home screen for greater visibility and thus better engagement.

Customization

The widget can be customized to match the style and theme of your application. Refer to the table below to learn about all the properties that can be changed.

FlyyFlutterPlugin.flyyWidget(
  containerBackgroundColor: const Color(0xffBCECE0),
),
378

Customized Flyy Widget

FlyyWidget Properties

DescriptionPropertyExample Value
Container's background colorcontainerBackgroundColorColor(0xffebedeb)
Colors.white
Button's background colorbuttonBackgroundColorColor(0xffebedeb)
Colors.white
Button corner radiusbuttonCornerRadius8.0
Border width for the buttonsbuttonBorderWidth1.0
Border color for the buttonsbuttonBorderColorColor(0xffebedeb)
Colors.white
Icon background colorbuttonIconBackgroundColorColor(0xffebedeb)
Colors.white
Corner radius for the container around the iconiconCornerRadius8.0
Font family of the button titles. Font family must have been added to pubspec.yamlbuttonTitleFontFamily"Pacifico"
Text color of the button titlesbuttonTitleTextColorColor(0xffebedeb)
Colors.white
Font size of the button titlesbuttonTitleTextSize14.0
Title of the Offers buttonofferButtonTitle"Deals"
Title of the Rewards buttonrewardButtonTitle"Gifts"
Title of the Wallet buttonwalletButtonTitle"Coins"
Path to asset image for Offers button iconoffersButtonIcon"images/deal.png"
Path to asset image for Rewards button icon drawablerewardsButtonIcon"images/rewards.png"
Path to asset image for Wallet button icon drawablewalletButtonIcon"images/coin.png"