circle_flags 3.0.0

A collection of roundd flags

circle_flags

A collection of circular country flags.

Demo

to view all flags https://hatscripts.github.io/circle-flags/gallery

Usage

// use a valid country code
CircleFlag('us');
CircleFlag('fr');
CircleFlag('es');

Preloading

You might want to preload images for a smoother list scrolling experience:

// see full example in example
// create preloaded flag loaders bytes
['us', 'fr'].map((isoCode) => PreloadedFlagLoader.create(isoCode)),
// use bytes
FutureBuilder(
  future: preloadedLoaders,
  builder: (ctx, snapshot) => snapshot.hasData
      ? ListView.builder(
          itemCount: snapshot.requireData.length,
          itemBuilder: (context, index) => ListTile(
            leading: CircleFlag.fromLoader(
              snapshot.requireData[index],
            ),
          ),
        )
      : const CircularProgressIndicator(),
),

Issues & Contributing

This package uses flags from https://github.com/HatScripts/circle-flags

If a change is required to one of the flag the issue should be opened in that repository.