import 'dart:ui';

import 'package:emojis/emoji.dart';

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final emojis = Emoji.all();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Emoji CanvasKit Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: Center(
          child: Container(
            height: 400,
            width: 400,
            color: Colors.red.shade100,
            child: Scrollbar(
              child: GridView.builder(
                itemCount: emojis.length,
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 8,
                  mainAxisSpacing: 8,
                  crossAxisSpacing: 8,
                ),
                itemBuilder: (context, index) {
                  return Text(
                    emojis[index % emojis.length].char,
                    style: TextStyle(fontSize: 20),
                  );
                },
              ),
            ),
          ),
        ),
      ),
    );
  }
}