visitime_ui

Experimental ui components

Installation

You can install this library by adding the dependency to your pubspec.yaml file:

dependencies:
  visitime_ui: ^0.0.1

import 'package:flutter/material.dart';
import 'package:visitime_ui/itinerary_grid_gallery.dart';
import 'package:visitime_ui/wish_grid_view.dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
final List<String> imageUrls = [
'https://visitime.altralogica.it/assets/images/archeologia.svg',
'https://visitime.altralogica.it/assets/images/cartolina.svg',
'https://visitime.altralogica.it/assets/images/conoscere.svg',
'https://visitime.altralogica.it/assets/images/design.svg',
'https://visitime.altralogica.it/assets/images/dormire.svg',
'https://visitime.altralogica.it/assets/images/enologia.svg',
'https://visitime.altralogica.it/assets/images/enologia.svg',
'https://visitime.altralogica.it/assets/images/enologia.svg',
'https://visitime.altralogica.it/assets/images/enologia.svg',
'https://visitime.altralogica.it/assets/images/enologia.svg',
'https://visitime.altralogica.it/assets/images/enologia.svg',
'https://visitime.altralogica.it/assets/images/famiglia.svg',
'https://visitime.altralogica.it/assets/images/letteratura.svg',
'https://visitime.altralogica.it/assets/images/mangiare.svg',
'https://visitime.altralogica.it/assets/images/natura.svg',
'https://visitime.altralogica.it/assets/images/religione.svg',
'https://visitime.altralogica.it/assets/images/sagre.svg',
];

    final List<String> itineraryUrls = [
      'https://visitime.altralogica.it/assets/images/Valtellina,_Italy_vineyard.jpg',
      'https://visitime.altralogica.it/assets/images/bianzone_vigneti.jpg',
      'https://visitime.altralogica.it/assets/images/dfce12362d.jpg',
      'https://visitime.altralogica.it/assets/images/133_12_7626_SentieroVal.jpg',
      'https://visitime.altralogica.it/assets/images/img-5271bis-c-800x660-4.jpg',
      'https://images.unsplash.com/photo-1527082395-e939b847da0d?q=80&w=2535&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
    ];

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Visitime UI Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(20.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Expanded(
                child: LayoutBuilder(
                  builder: (context, constraints) {
                    return WishGridView(
                      imageUrls: imageUrls,
                      maxWidth: constraints.maxWidth,
                      bgColor: const Color.fromARGB(255, 0, 130, 40),
                      fgColor: const Color.fromARGB(255, 250, 230, 21),
                      borderRadius: 10,
                      distinct: true,
                    );
                  },
                ),
              ),
              const SizedBox(height: 1),
              Expanded(
                child: ItineraryGridGallery(
                  imageUrls: itineraryUrls,
                ),
              ),
            ],
          ),
        ),
      ),
    );
}
}