Flutter `sharedaxistransition` не работает с более низкой продолжительностьюAndroid

Форум для тех, кто программирует под Android
Ответить
Anonymous
 Flutter `sharedaxistransition` не работает с более низкой продолжительностью

Сообщение Anonymous »

Привет, я пытаюсь реализовать переход в моем приложении Flutter, но он работает только тогда, когда я устанавливаю TransitionDuration < /code> более высокое значение, например, 600000 мс, он не работает с более низкими значениями, такими как 600 мс-1200 мс и т. Д. < /p>
Вот моя версия Flutter и Dart:
fluth /> Не работая над Android 11,
Работа над Google Pixel 8 API 36 < /p>
Ниже моя реализация на одной странице, так что можно получить полный сценарий.import 'package:flutter/material.dart';
import 'package:animations/animations.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'SharedAxis Test',
debugShowCheckedModeBanner: false,
theme: ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
),
home: FirstPage(),
);
}
}

class FirstPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('First Page')),
body: Center(
child: ElevatedButton(
onPressed: () {
Navigator.of(context).push(_sharedAxisRoute(SecondPage()));
},
child: Text('Go to Second Page'),
),
),
);
}

Route _sharedAxisRoute(Widget page) {
return PageRouteBuilder(
transitionDuration: const Duration(milliseconds: 600),
reverseTransitionDuration: const Duration(milliseconds: 600),
pageBuilder: (context, animation, secondaryAnimation) => page,
transitionsBuilder: (context, animation, secondaryAnimation, child) {
return SharedAxisTransition(
animation: animation,
secondaryAnimation: secondaryAnimation,
transitionType: SharedAxisTransitionType.horizontal,
child: Material(
color: Colors.transparent,
child: child,
),
);
});
}
}

class SecondPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.deepPurple.shade700,
appBar: AppBar(title: Text('Second Page')),
body: Center(
child: Card(
elevation: 8,
color: Colors.white,
child: Padding(
padding: const EdgeInsets.all(32.0),
child: Text(
'Hello from Page 2',
style: TextStyle(fontSize: 28, color: Colors.black),
),
),
),
),
);
}
}

< /code>
Этот код работает и на DartPad, но не в моей среде. Заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/796 ... r-duration
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Android»