simple_shader: Utilise flutter_shaders (#1673)

simple_shader/lib/main.dart

@@ -1,6 +1,7 @@
 import 'dart:ui' as ui;
 
 import 'package:flutter/material.dart';
+import 'package:flutter_shaders/flutter_shaders.dart';
 
 void main() {
   runApp(const MyApp());
@@ -22,44 +23,26 @@ class MyApp extends StatelessWidget {
   }
 }
 
-class MyHomePage extends StatefulWidget {
+class MyHomePage extends StatelessWidget {
   const MyHomePage({super.key});
 
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  late Future<ui.FragmentProgram> program;
-
-  @override
-  void initState() {
-    super.initState();
-    program = ui.FragmentProgram.fromAsset('shaders/simple.frag');
-  }
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: const Text('Simple Shader Demo'),
       ),
-      body: FutureBuilder<ui.FragmentProgram>(
+      body: ShaderBuilder(
-        future: program,
+        assetKey: 'shaders/simple.frag',
-        builder: (context, snapshot) {
+        (context, shader, child) => CustomPaint(
-          if (snapshot.hasData) {
-            return CustomPaint(
           size: MediaQuery.of(context).size,
           painter: ShaderPainter(
-                shader: snapshot.data!.fragmentShader(),
+            shader: shader,
+          ),
+        ),
+        child: const Center(
+          child: CircularProgressIndicator(),
         ),
-            );
-          }
-          if (snapshot.hasError) {
-            return Center(child: Text('${snapshot.error}'));
-          }
-          return const Center(child: CircularProgressIndicator());
-        },
       ),
     );
   }

simple_shader/pubspec.yaml

@@ -9,6 +9,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  flutter_shaders: ^0.0.6
 
 dev_dependencies:
   analysis_defaults: