import 'package:english_words/english_words.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:spine_flutter/spine_flutter.dart';
import 'dart:math';
import 'dart:ui' as ui;
import 'package:flutter/rendering.dart' as rendering;

import 'dart:async';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await initSpineFlutter(enableMemoryDebugging: false);
  runApp(const MyApp());
}


class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => MyAppState(),
      child: MaterialApp(
        title: 'Namer App',
        theme: ThemeData(
          useMaterial3: true,
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.green),
        ),
        home: MyHomePage(),
      ),
    );
  }
}

class MyAppState extends ChangeNotifier {
  var current = WordPair.random();
}


 

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late Future<ui.Image> _imageFuture;

  @override
  void initState() {
    super.initState();
    _imageFuture = _loadImage();
  }

  Future<ui.Image> _loadImage() {
    Completer<ui.Image> completer = Completer();
    AssetImage('assets/c1_body.png').resolve(ImageConfiguration()).addListener(
      ImageStreamListener(
        (ImageInfo info, bool _) => completer.complete(info.image),
      ),
    );
    return completer.future;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Column(children: [
        ElevatedButton(
          onPressed: () async {
            var image = await _imageFuture;
            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (context) => MyDrawingPage(image),
              ),
          );
           
          },
          child: Text('Go to Drawing Page'),
        ),

      ],
      ),
    );
  }
}



class MyDrawingPage extends StatelessWidget {
  final ui.Image image;

  MyDrawingPage(this.image);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Drawing Page'),
      ),
      body: Column(children: [
     
      CustomPaint(
        painter: MyPainter(image),
     size: Size(image.width.toDouble(), image.height.toDouble()), 
      ),
       ],
       ),
    );
 
  }
}

class MyPainter extends CustomPainter {
  final ui.Image image;

  MyPainter(this.image);

  @override
  void paint(Canvas canvas, Size size) {

    final mypaint = Paint();
    mypaint.shader = ImageShader(
        image,
        TileMode.repeated,
        TileMode.clamp,
        Matrix4.identity().storage,
      );


    final vertices = ui.Vertices(
      ui.VertexMode.triangleStrip,
      [
        Offset(0, 0),
        Offset(0, image.height.toDouble()),
        Offset(image.width.toDouble(), 0),
        Offset(image.width.toDouble(), image.height.toDouble())
      ],
      
    );
    
    //canvas.drawRect(Offset.zero & size, mypaint);//canvas.drawRect can work normally

    canvas.drawVertices(vertices, rendering.BlendMode.srcOver, mypaint);//causes a crash
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return false;
  }
}