Не полное отображение SVG в singleChildScrollView
мне нужно разместить большой svg файл на странице флаттер приложения так что бы оно скролилось как обычная свёрстанная страница, я создал простую структуру кода которая в принцыпе работает как мне надо, но вышла проблемма некоторые изображения из файла заменились на белые квадраты , почему так происходит и как это исправить , помогите если кто сталкивался с подобным и решал уже . вот код :
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
void main() {
const app = App();
runApp(app);
}
class App extends StatelessWidget {
const App({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: 'TitleText',
debugShowCheckedModeBanner: false,
home: Screen());
}
}
class Screen extends StatefulWidget {
const Screen({super.key});
@override
State<Screen> createState() => _ScreenState();
}
class _ScreenState extends State<Screen> {
@override
Widget build(BuildContext context) {
// final size = MediaQuery.of(context).size;
const String assetName = 'assets/images/gyber.svg';
return Scaffold(
backgroundColor: Colors.black,
body: Center(
child: SingleChildScrollView(
child: SvgPicture.asset(assetName),
),
));
}
}
вот пример замены фрагмента на белый блок

консоль отладки выдаёт кучу ошибок как я понимаю связанных с svg :
Another exception was thrown: Failed to find definition for url(#pattern13) Another exception was thrown: Failed to find definition for url(#pattern14) unhandled element filter; Picture key: AssetBundlePictureKey(bundle: PlatformAssetBundle#1926e(), name: "assets/images/gyber.svg", colorFilter: null, theme: SvgTheme(currentColor: Color(0xff000000), fontSize: 14, xHeight: 7)) unhandled element pattern; Picture key: AssetBundlePictureKey(bundle: PlatformAssetBundle#1926e(), name: "assets/images/gyber.svg", colorFilter: null, theme: SvgTheme(currentColor: Color(0xff000000), fontSize: 14, xHeight: 7))