Start building with Flutter
Follow this step-by-step guide to start developing with the Visa Product Design System in Flutter.
Step 1: Update Flutter
Nova Flutter supports Dart 2.19 and up with null safety, and our current Flutter SDK version is 3.27.2. To set up your Flutter development environment, visit the Flutter App Pre-requisite and Setup Guide (internal only) or Choose your development platform to get started.
Version
The version number reflects the number of developed components. Our current version is 8.1.2.
Step 2: Install the library
Set up pub.dev
You can install the Nova Flutter library by setting up your Pub.dev environment, then using the package below.
Step 3: Import Nova components
Import the library into your Dart code.
Step 4: Add icons (optional)
We’ve created a dedicated widget, VIcon, to seamlessly integrate the SVG icon library with the components library. To best use Nova icons, import the library along side our visa_nova_flutter library.
Step 5: Use the components
After adding Nova icons, you’re ready to use Flutter components by copying and pasting the example code into your application. Check out Button to give it a try.
Need help?
If you experience any issues while getting set up with Nova Flutter, visit Support or create an issue .