Not full display of SVG in singleChildScrollView - flutter

Question

I need to place a large svg file on the flutter application page so that it scrolls like a normal layout page, I created a simple code structure that basically works as I need, but there was a problem, some images from the file were replaced with white squares, why is this happening and how fix this, help if anyone has come across a similar one and solved it already. here is the code:
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),
),
));
}
}
here is an example of replacing a fragment with a white block:
the debug console gives a bunch of errors, as I understand it, related to 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))