pictograms 1.0.1

A new Pictograms based on Picto_Widget

Pictograms

Welcome to pictograms a new pictograms library based on Picto_Widget

Getting Started

This project will used to create pictograms that can adjust in the screen dynamically.

How to use

´´´ import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/material.dart'; import 'package:pictograms/pictograms.dart';

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

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

// This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Picto Widget Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const PictoWidgetExample(), ); } }

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

@override Widget build(BuildContext context) { final size = MediaQuery.of(context).size; return Scaffold( backgroundColor: Colors.white, body: Center( child: GridView.builder( padding: const EdgeInsets.all(16), gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 4, mainAxisExtent: 119, childAspectRatio: 16/9, crossAxisSpacing: 12, mainAxisSpacing: 4, ), itemCount: 12, itemBuilder: (context, index) { return Pictograms( onTap: () { print('tapped'); }, text: 'UNA BICICLETERIA', imageUrl: "https://static.arasaac.org/pictograms/2282/2282_300.png", image: CachedNetworkImage(imageUrl: "https://static.arasaac.org/pictograms/2282/2282_300.png", fit: BoxFit.cover), colorNumber: index % 6 + 1, onLongPress: () { print('long pressed'); }, disable: index % 3 == 0, add: index % 2 == 0, ); }, ), ), ); } }

´´´