Flutter MemoryImage отражается на оси x ⇐ Android

[Anonymous]

Я попытался сделать тестовое приложение для смартфонов Android.
Цель должна заключаться в том, что пользователь просто нажимает на экран, затем всплывающее окно должно открыть, где он может подписать, и эта подпись должна быть наконец отображаться в приложении.
Это работает, но есть проблемы с дисплеем подписи на различных моделях смартфона /таблеток: это Mirrors на x Axis. для решений. < /p>
Так выглядит подпись на вкладке Samsung Galaxy 2: < /p>
И здесь точно та же самая подпись на вкладке Samsung Galaxy 3: < /p>
Это полная код, которую я использую: < /p>
< /p>
Это полная код: < /p>

это полная код: < /p>
< /p>
.

Код: Выделить всё

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

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

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

@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}

class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});

final String title;

@override
State createState() => _MyHomePageState();
}

class _MyHomePageState extends State {

List  drawnSignature = [];

late SignatureController _signatureController = SignatureController(
penStrokeWidth: 5,
penColor: Colors.black,
exportBackgroundColor: Colors.white,
);

void showSignaturePopup(BuildContext context) {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Add Signature'),
content: Container(
width: 300,
height: 300,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 200,
height: 200,
child: Signature(
controller: _signatureController,
backgroundColor: Colors.white,
),
),
],
),
),
actions: [
ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: Color(0xFF0C87CA),
),
onPressed: () {
Navigator.of(context).pop();
_signatureController.toPngBytes().then((signatureBytes) {
if (signatureBytes != null) {
setState(() {

drawnSignature.clear();

drawnSignature.add(
DrawnSignature(
position: Offset(100,100),
size: Size(100, 100),
signature: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
color: Colors.white,
image: DecorationImage(
image: MemoryImage(signatureBytes),
fit: BoxFit.contain,
),
),
)
)
);

_signatureController = SignatureController(
penStrokeWidth: 5,
penColor: Colors.black,
exportBackgroundColor: Colors.white,
);
});
}
});
},
child: Text('Ok', style: TextStyle(color: Colors.white)),
),
],
);
},
);
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: Text(widget.title),
),
body: Stack(
children: [
GestureDetector(
onTapDown: (details) {
showSignaturePopup(context);
},
),
...drawnSignature.map((container) {
return Container(width: container.size.width, height: container.size.height, child: container.signature);
}).toList(),
],
)
);
}
}

class DrawnSignature {
final Offset position;
final Size size;
final Container signature;

DrawnSignature({required this.position, required this.size, required this.signature});
}

пытался использовать Canvas вместо MemoryImage, но также и без успеха.

Подробнее здесь: https://stackoverflow.com/questions/794 ... the-x-axis